@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" } .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" } @font-face { font-family: iconfont; src: url(/static-dist/app/fonts/iconfont.eot); src: url(/static-dist/app/fonts/iconfont.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/iconfont.ttf) format("truetype"), url(/static-dist/app/fonts/iconfont.svg#iconfont) format("svg") } .iconfont { font-family: iconfont !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-all-active:before { content: "\E601" } .icon-music:before { content: "\E699" } .icon-role:before { content: "\E608" } .icon-all:before { content: "\E69A" } .icon-background:before { content: "\E60A" } @charset "UTF-8"; .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: #2e2e2e; padding: 55px 0; border-bottom: 1px solid #111 } @media ( max-width :767px) { .es-footer-link { padding: 20px 0 } } .footer-main .link-item { width: 20%; float: left; padding: 0 10px } @media ( max-width :767px) { .footer-main .link-item { width: 33.33%; padding: 0 5px } } .footer-main h3 { font-size: 16px; color: #eee; margin-top: 0; margin-bottom: 30px } @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 } .footer-main ul li { margin-top: 20px } @media ( max-width :767px) { .footer-main ul li { margin-top: 10px } } .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-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; z-index: 1009; 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(250px, 0, 0); -o-transform: translate3d(250px, 0, 0); -moz-transform: translate3d(250px, 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: 30px auto; min-height: 400px } @media ( max-width :767px) { #content-container { min-height: 250px } } .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 , -30 px , 0); transform :translate3d (0 , -30 px , 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 , -15 px , 0); transform :translate3d (0 , -15 px , 0) } 90%{ -webkit-transform :translate3d (0 , -4 px , 0); transform :translate3d (0 , -4 px , 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 , -30 px , 0); transform :translate3d (0 , -30 px , 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 , -15 px , 0); transform :translate3d (0 , -15 px , 0) } 90%{ -webkit-transform :translate3d (0 , -4 px , 0); transform :translate3d (0 , -4 px , 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) } } .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 , -3000 px , 0); transform :translate3d (0 , -3000 px , 0) } 60%{ opacity : 1;-webkit-transform :translate3d (0 , 25 px , 0); transform :translate3d (0 , 25 px , 0) } 75%{ -webkit-transform :translate3d (0 , -10 px , 0); transform :translate3d (0 , -10 px , 0) } 90%{ -webkit-transform :translate3d (0 , 5 px , 0); transform :translate3d (0 , 5 px , 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 , -3000 px , 0); transform :translate3d (0 , -3000 px , 0) } 60%{ opacity : 1;-webkit-transform :translate3d (0 , 25 px , 0); transform :translate3d (0 , 25 px , 0) } 75%{ -webkit-transform :translate3d (0 , -10 px , 0); transform :translate3d (0 , -10 px , 0) } 90%{ -webkit-transform :translate3d (0 , 5 px , 0); transform :translate3d (0 , 5 px , 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 , 3000 px , 0); transform :translate3d (0 , 3000 px , 0) } 60%{ opacity : 1;-webkit-transform :translate3d (0 , -20 px , 0); transform :translate3d (0 , -20 px , 0) } 75%{ -webkit-transform :translate3d (0 , 10 px , 0); transform :translate3d (0 , 10 px , 0) } 90%{ -webkit-transform :translate3d (0 , -5 px , 0); transform :translate3d (0 , -5 px , 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 , 3000 px , 0); transform :translate3d (0 , 3000 px , 0) } 60%{ opacity : 1;-webkit-transform :translate3d (0 , -20 px , 0); transform :translate3d (0 , -20 px , 0) } 75%{ -webkit-transform :translate3d (0 , 10 px , 0); transform :translate3d (0 , 10 px , 0) } 90%{ -webkit-transform :translate3d (0 , -5 px , 0); transform :translate3d (0 , -5 px , 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 , -20 px , 0); transform :translate3d (0 , -20 px , 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 , -20 px , 0); transform :translate3d (0 , -20 px , 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 , 20 px , 0); transform :translate3d (0 , 20 px , 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 , 20 px , 0); transform :translate3d (0 , 20 px , 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 , 60 px , 0); transform :scale3d ( .475 , .475 , .475 ) translate3d (0 , 60 px , 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 , 60 px , 0); transform :scale3d ( .475 , .475 , .475 ) translate3d (0 , 60 px , 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 , -60 px , 0); transform :scale3d ( .475 , .475 , .475 ) translate3d (0 , -60 px , 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 , -60 px , 0); transform :scale3d ( .475 , .475 , .475 ) translate3d (0 , -60 px , 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-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 } .mb30 { margin-bottom: 30px !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 } .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% } } .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 } .text-line { position: relative; padding: 50px 0; text-align: center } @media ( max-width :767px) { .text-line { padding: 20px 0 } } .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 40px } .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 } @media ( max-width :1199px) { .nav.nav-tabs>li>a { padding: 5px 10px 10px; font-size: 14px } } @media ( max-width :767px) { .nav.nav-tabs>li>a { padding: 8px } } .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 } @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; margin-top: 85px; 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: #404040; 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: 146px !important; padding: 3px 10px !important; background-color: #404040 !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; line-height: 30px !important } .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: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 } .es-share.es-share-item .dropdown-menu { margin-left: -50px } .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: 14px; padding: 12px 35px } .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: #e31515; background-color: #ed3e3e; 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 } .btn-default-popover { box-shadow: none !important } .btn-default-popover, .btn-default-popover:hover { background: hsla(0, 0%, 93%, .4) !important; border-color: hsla(0, 0%, 93%, .4) !important; color: rgba(0, 0, 0, .32) !important } .btn-default-popover:hover { box-shadow: none; cursor: not-allowed; opacity: 1 !important; filter: alpha(opacity = 100) !important } .btn-default-popover .popover { cursor: default } .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-100 { width: 100px !important; display: inline-block } .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-color: #e1e1e1 } .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 } .login_big .form-error-message { font-size: 12px; margin-top: 3px; margin-left: 2px } .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 { float: left; width: 20%; margin-bottom: 10px; text-align: center; margin-right: 15px } @media ( max-width :991px) and (min-width:768px) { .user-avatar-list li { width: 10% } } .user-avatar-list li:nth-child(4n+4) { margin-right: 0 } .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 } .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; 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 } .well { background-color: #fafafa; border: 1px solid #f5f5f5; -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 { 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 #e4ecf3; background-color: #fff } @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) } } @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 } .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; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 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: 14px; margin-right: 0 } .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 } @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 45px } .task-list.task-list-md .left-menu { left: 20px; top: 17px } .task-list.task-list-md .right-menu { right: 20px; top: 15px } .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: 600px } .es-poster .swiper-slide { margin: 0 auto; width: 100%; height: 100%; visibility: visible } .es-poster .swiper-slide .container { position: relative } .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: #313131 } @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 } .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-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% } } .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; display: flex; justify-content: center; -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; width: 50% } @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: 3px; 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; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } @media ( max-width :767px) { .login-section { width: 100%; margin: 20px auto } } .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 } .login-section .logon-tab { margin: -15px -15px 0 } .login-section .logon-tab>a { display: block; padding: 20px; float: left; width: 50%; font-size: 16px; text-align: center; color: #616161; background-color: #f5f5f5 } .login-section .logon-tab>a, .login-section .logon-tab>a:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .login-section .logon-tab>a:hover { background-color: #fafafa } .login-section .logon-tab>a.active { background-color: #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .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: 350px } .login-modal .modal-body { padding: 30px 30px 15px } .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 10 px #2db7f5 ;width : 7px;margin-left : -3 .5px ;left : 3 .5px } 50%{ box-shadow : 0 0 5 px #2db7f5 ;width : 6px;margin-left : -3px;left : 3px } 75%{ box-shadow : 0 0 10 px #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 10 px #2db7f5 ;width : 7px;margin-left : -3 .5px ;left : 3 .5px } 50%{ box-shadow : 0 0 5 px #2db7f5 ;width : 6px;margin-left : -3px;left : 3px } 75%{ box-shadow : 0 0 10 px #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 10 px #2db7f5 ;width : 7px;margin-left : -3 .5px ;left : 3 .5px } 50%{ box-shadow : 0 0 5 px #2db7f5 ;width : 6px;margin-left : -3px;left : 3px } 75%{ box-shadow : 0 0 10 px #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; margin-top: 70px } .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 } @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 } .user-center-header .user-avatar .actions { display: flex } @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 } } .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 } .nav.nav-tabs.fix-user-nav>li>a { padding: 5px 20px 15px } @media ( max-width :1199px) { .nav.nav-tabs.fix-user-nav>li>a { padding: 5px 7px 10px; font-size: 14px } } @media ( max-width :767px) { .nav.nav-tabs.fix-user-nav>li>a { padding: 8px } } .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 } .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: 35px; 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; right: -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 } .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; 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 } .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 img { max-width: 100% } .testpaper-question-choices li:hover { background: #eee } .testpaper-question-choices li p { margin-bottom: 0 } .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 } .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--market .course-operation__icon { margin-right: 6px; vertical-align: text-bottom } .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 } @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: #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 { min-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-left: 0; padding: 16px 0 16px 16px } @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: 24px } @media ( max-width :767px) { .course-detail-section .course-detail-bottom .course-detail-info .pirce-num { font-size: 14px } } .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: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-right: 56px; margin-bottom: 14px; color: #313131; font-size: 18px; font-weight: 500; line-height: 24px } @media ( min-width :991px) { .course-detail-info__title { margin-right: 76px } } @media ( min-width :991px) { .course-detail-info__text { padding-right: 24px } } .course-detail-info__subtitle { line-height: 1 } @media ( min-width :991px) { .course-detail-info__subtitle { margin-right: 76px } } .course-detail-info__subtitle:hover { cursor: pointer } .course-detail-info__manage { position: absolute; top: 0; right: 0; border: 2px solid #ececec; padding: 2.5px 4px; font-size: 12px; font-weight: 500; color: #adadad } @media ( min-width :991px) { .course-detail-info__manage { right: 24px } } .course-detail-info__manage i { font-size: 16px } .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 } } .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% } } @media ( min-width :768px) { .course-detail-info__btn { position: absolute; bottom: 0; padding-right: 24px; width: 100% } } .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 } .scratch-explore .scratch-explore-container .scratch-btn-group-wrap { padding: 10px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, .06) } .scratch-explore .scratch-explore-container .form-group { position: relative } .scratch-explore .scratch-explore-container .form-group .form-control { padding: 10px 28px 10px 8px; height: 34px; font-size: 12px; line-height: 1; background-color: #eee; color: #616161; border: none; display: inline-block; vertical-align: middle } .scratch-explore .scratch-explore-container .form-group .button { position: absolute; top: 8px; right: 15px; height: 16px; color: rgba(0, 0, 0, .32); border: none; background: none } .scratch-explore .scratch-explore-container .type-btn-group .type-btn { width: 150px; display: inline-block; color: #616161; border-bottom: 2px solid #ddd; padding: 5px 0; margin: 0 5px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .scratch-explore .scratch-explore-container .type-btn-group .type-btn.active, .scratch-explore .scratch-explore-container .type-btn-group .type-btn:hover { color: #43bc60; border-bottom-color: #43bc60 } .scratch-explore .scratch-explore-container .nav-pills { position: relative; padding-left: 45px } .scratch-explore .scratch-explore-container .nav-pills li.active a, .scratch-explore .scratch-explore-container .nav-pills li:hover a { border-color: #43bc60 } .scratch-explore .scratch-explore-container .nav-pills li a { border: 1px solid #ddd } .scratch-explore .scratch-explore-container .nav-pills:before { content: "\5206\7C7B\FF1A"; position: absolute; top: 0; left: 0; width: 100% } .scratch-list .scratch-item { border: 1px solid #ddd; margin-bottom: 20px } .scratch-list .scratch-item, .scratch-list .scratch-item:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .scratch-list .scratch-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) } .scratch-list .scratch-item img { margin: 0 auto 10px; height: 115px } .scratch-list .scratch-item .caption { padding: 0 10px } .scratch-list .scratch-item .caption h4 { margin: 0 0 5px } .python-editor-header { background-color: #2ad6e0; padding: 10px 0; color: #fff } .python-editor-header .file-group { cursor: pointer; position: relative; padding: 0 22px; display: inline-block } @media ( max-width :767px) { .python-editor-header .file-group { padding: 0 16px } } .python-editor-header .file-group .file-icon { width: 16px; height: 16px } .python-editor-header .file-group .file-list { position: absolute; display: none; top: 32px; left: 0; z-index: 99; width: 120%; color: #000; letter-spacing: 2px; background-color: #fff; padding: 5px 0 } .python-editor-header .file-group .file-list a { color: #000; display: block; padding: 8px 0 8px 24px } .python-editor-header .file-group .file-list a:hover { background-color: #31acff; color: #fff } .python-editor-header .file-group:after { position: absolute; top: 44%; right: 12px; content: ""; width: 10px; height: 10px; clip-path: polygon(0 0, 100% 0, 50% 64%); background: #fff } .python-editor-header .publish-work, .python-editor-header .save-work { cursor: pointer; padding: 0 22px; display: inline-block; color: #fff } @media ( max-width :767px) { .python-editor-header .publish-work, .python-editor-header .save-work { padding: 0 16px } } .python-editor-header .publish-work .save-icon, .python-editor-header .save-work .save-icon { width: 16px; height: 16px } .python-editor-header span.break { height: 20px; opacity: .6; border-left: 1px solid #fff } .python-editor-header .navbar-user { padding: 5px 0; right: 80px } .python-editor-header .navbar-user .visitor-li { float: left; margin-left: 24px; margin-right: 24px; list-style: none; padding: 5px 0 } .python-editor-header .navbar-user .visitor-li a { color: #fff } .python-editor-code, .python-run-result { padding: 0 !important } .python-run-result .btn.cd-btn.cd-btn-primary { border-color: #31acff; background: #31acff } .python-run-result .run-btn { margin: 20px 20px 0 50px } .python-run-result .clear-btn { margin: 20px 0 0 } .python-run-result #output { background-color: #282a36; padding: 100px 10px 10px; color: #fff; overflow-y: auto } .python-run-result #mycanvas canvas:nth-child(2) { background-color: #fff } #previewcanvas { background-color: #eeedee } .selected-works .bcx-col-4 .new-btn-show, .selected-works .bcx-col-5 .new-btn-show { height: 183px; overflow: hidden } .selected-works .bcx-col-4 .course-item .mask, .selected-works .bcx-col-5 .course-item .mask { position: absolute; top: 0; bottom: 0; right: 0; left: 0; text-align: center; background-color: rgba(0, 0, 0, .8); opacity: 0; transition: all .3s ease; border-top-left-radius: 4px; border-top-right-radius: 4px } .selected-works .bcx-col-4 .course-item .mask .btn, .selected-works .bcx-col-5 .course-item .mask .btn { margin-top: 80%; transition: all .3s ease } .selected-works .bcx-col-4 .course-item .status, .selected-works .bcx-col-5 .course-item .status { position: absolute; top: 10px; left: 10px; border: 1px solid #c9c9c9; border-radius: 10px; padding: 0 8px } .selected-works .bcx-col-4 .course-item .status-draft, .selected-works .bcx-col-4 .course-item .status-verify, .selected-works .bcx-col-5 .course-item .status-draft, .selected-works .bcx-col-5 .course-item .status-verify { background-color: #fff } .selected-works .bcx-col-4 .course-item .status-published, .selected-works .bcx-col-5 .course-item .status-published { background-color: #e0faef; color: #20b573 } .selected-works .bcx-col-4 .course-item .course-info, .selected-works .bcx-col-5 .course-item .course-info { position: relative; background-color: #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .selected-works .bcx-col-4 .course-item .project-btns .project-btn-edit, .selected-works .bcx-col-5 .course-item .project-btns .project-btn-edit { color: #000; border-radius: 0 0 0 4px } .selected-works .bcx-col-4 .course-item .project-btns .project-btn-edit.active, .selected-works .bcx-col-4 .course-item .project-btns .project-btn-edit:active, .selected-works .bcx-col-4 .course-item .project-btns .project-btn-edit:hover, .selected-works .bcx-col-5 .course-item .project-btns .project-btn-edit.active, .selected-works .bcx-col-5 .course-item .project-btns .project-btn-edit:active, .selected-works .bcx-col-5 .course-item .project-btns .project-btn-edit:hover { color: #f5f5f5; background-color: #43bc60 } .selected-works .bcx-col-4 .course-item .project-btns .project-btn-del, .selected-works .bcx-col-5 .course-item .project-btns .project-btn-del { color: #000; border-radius: 0 0 4px 0 } .selected-works .bcx-col-4 .course-item .project-btns .project-btn-del.active, .selected-works .bcx-col-4 .course-item .project-btns .project-btn-del:active, .selected-works .bcx-col-4 .course-item .project-btns .project-btn-del:hover, .selected-works .bcx-col-5 .course-item .project-btns .project-btn-del.active, .selected-works .bcx-col-5 .course-item .project-btns .project-btn-del:active, .selected-works .bcx-col-5 .course-item .project-btns .project-btn-del:hover { color: #f5f5f5; background-color: #ed3e3e } .selected-works .bcx-col-4 .course-item .project-btns .project-btn-pub, .selected-works .bcx-col-5 .course-item .project-btns .project-btn-pub { color: #000; border-radius: 0 0 4px 0 } .selected-works .bcx-col-4 .course-item .project-btns .project-btn-pub.active, .selected-works .bcx-col-4 .course-item .project-btns .project-btn-pub:active, .selected-works .bcx-col-4 .course-item .project-btns .project-btn-pub:hover, .selected-works .bcx-col-5 .course-item .project-btns .project-btn-pub.active, .selected-works .bcx-col-5 .course-item .project-btns .project-btn-pub:active, .selected-works .bcx-col-5 .course-item .project-btns .project-btn-pub:hover { color: #f5f5f5; background-color: #43bc60 } .selected-works .bcx-col-4.active .course-info, .selected-works .bcx-col-4:active .course-info, .selected-works .bcx-col-4:hover .course-info, .selected-works .bcx-col-5.active .course-info, .selected-works .bcx-col-5:active .course-info, .selected-works .bcx-col-5:hover .course-info { margin-top: -34px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .selected-works .bcx-col-4.active .mask, .selected-works .bcx-col-4:active .mask, .selected-works .bcx-col-4:hover .mask, .selected-works .bcx-col-5.active .mask, .selected-works .bcx-col-5:active .mask, .selected-works .bcx-col-5:hover .mask { opacity: 1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .selected-works .bcx-col-4.active .mask .btn, .selected-works .bcx-col-4:active .mask .btn, .selected-works .bcx-col-4:hover .mask .btn, .selected-works .bcx-col-5.active .mask .btn, .selected-works .bcx-col-5:active .mask .btn, .selected-works .bcx-col-5:hover .mask .btn { margin-top: 20% } .wcenter { padding: 28px 30px; margin-bottom: 23px; background-color: #fff; display: flex; position: relative; padding-bottom: 30px; border: 1px solid #eee; border-radius: 20px } .wcenter .workdcopy_succes { width: 230px; height: 70px; line-height: 70px; background: rgba(0, 0, 0, .5); border-radius: 4px; color: #fff; font-size: 16px; position: fixed; top: 30%; left: 0; right: 0; margin: auto; text-align: center; display: none; z-index: 99 } .wcenter .wc_left { width: 750px; display: inline-block } .wcenter .wc_left #my_score_container { display: flex; font-size: 14px; color: #999; padding-top: 17px; padding-left: 30px } .wcenter .wc_left #my_score_container .set_image_all { cursor: pointer; position: relative } .wcenter .wc_left #my_score_container #my_score { margin-top: -2px } .wcenter .wc_left #my_score_container .grade { padding-top: 2px; padding-left: 10px } .wcenter .wc_left .flex_div { padding-top: 37px; height: 80px } .wcenter .wc_left .fx_divyula { position: absolute; left: 4px; top: 35px; display: flex } .wcenter .wc_left .fx_divyula .goodss { font-size: 14px; color: #999; margin-left: 5px; margin-top: -2px } .wcenter .wc_left .fx_divyula .es-icon-visibility { font-size: 22px; color: #c6c6c6; margin-left: 0 } .wcenter_02 { padding-top: 10px } .wc_left>h2 { color: #333; font-size: 26px; padding-bottom: 28px; margin-top: 0 } .bjq { width: 100% } .flex_div { display: flex } .dainz_div img { width: 22px; height: 21px; margin-left: 35px; cursor: pointer; display: inline-block; transition: all .5s } .dainz_div .disp_inline { display: inline-block; vertical-align: middle; margin-top: 5px; margin-left: -1px; cursor: pointer; color: #c6c6c6; text-align: center } .pro_looks { padding-top: 18px } .pro_looks .workdian_zanimg { width: 36px; height: 36px; margin-left: 0 } .js-icon-thumbup:hover, .pro_looks>img:hover { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease } .fx_div img { width: 20px; height: 20px; margin-left: 40px; cursor: pointer } .fx_div .disp_inline { display: inline-block; vertical-align: middle; margin-left: 9px; cursor: pointer; padding-top: 9px } .stage_stage_1fD7k>div>canvas { width: 100% !important; height: 535px !important; margin-bottom: -6px } .dainz_div, .fx_div { padding-top: 8px } .disp_inline>p { font-size: 14px; font-weight: 700; margin: 0 0 7px; color: #4a4a4a } .disp_inline>div { font-size: 17px; font-weight: 700 } .no_worklist { padding: 109px 0 } .no_worklist, .no_worklists { font-size: 16px; color: #4a4a4a; text-align: center; margin: auto } .no_worklists { display: block !important; padding: 73px 0 } .jub_img { width: 11px; height: 45px; margin-top: 46px; margin-right: 5px; margin-left: auto; cursor: pointer } .wc_rtop img { width: 65px; height: 65px; border-radius: 50% } .achievement { padding-left: 5px } .achievement .box { display: none; font-size: 16px; position: relative; top: 0; left: 0; color: #ff8400 } .wc_right { width: 360px; display: inline-block; margin-left: 30px; margin-top: 62px; position: relative } .wc_right .average_div { position: absolute; display: flex; justify-content: space-around; top: -70px; right: -30px; width: 235px; height: 56px; background: rgba(255, 204, 43, .15); border-radius: 28px 0 0 28px } .wc_right .average_div #averge_score_show { font-size: 35px; color: #ff8400; padding-left: 15px; line-height: 55px } .wc_right .average_div #averge_score_show .grade_span { font-size: 17px; margin-left: -5px } .wc_right .average_div .dis_infscorel { display: inline-block } .wc_right .average_div .grade { display: none !important } .wc_right .average_div #averge_score_rows { font-size: 12px; color: #999; margin-top: -20px } .wc_right .average_div #averge_score { padding-top: 6px } .wc_right .average_div .set_image_all { cursor: pointer; position: relative; display: block !important } .wc_right #work_divshar { width: 70px; height: 70px; position: absolute; right: 57px; bottom: -10px } .wc_right #work_divshar .felx_sharwx { float: left; padding: 0 0 0 5px; width: 147px } .wc_right #work_divshar .title_wx { margin-left: 33px; font-size: 14px; color: #333 } .wc_right #work_divshar .felx_sharqq { width: 153px; float: left } .wc_right #work_divshar .title_qq { margin-left: 28px; font-size: 14px; color: #333 } .wc_right #work_divshar .shar_leftqq { height: 92px; margin-left: 29px } .wc_right #work_divshar #copy_input { float: left; width: 190px; height: 30px; background: #f5f5f5; border: 1px solid #eee; outline: none; margin-left: 30px; font-size: 14px; border-radius: 0 } .wc_right #work_divshar .cppy_btn { float: left; width: 60px; height: 30px; line-height: 30px; border-radius: 15px; margin-left: 11px; cursor: pointer; background: #2ad6e0 } .wc_right #work_divshar .fx_shar_pic { height: 78px; width: 80px; margin-left: 0 } .wc_right #work_divshar .share_small { width: 300px; height: 226px; float: left; position: relative; left: 0; top: 0 } .wc_right #work_divshar .shar_leftwx { height: 92px; border-left: 1px solid #ccc; padding-left: 36px; margin-left: 0 } .wc_right #work_divshar .shar_right { float: left; height: 95px } .wc_right #work_divshar .shar_right h2 { width: 100%; margin: 18px 0 8px 29px; color: #333; font-size: 14px } .work_borderblack { width: 1140px; height: 1px; background: #eee; margin: auto; position: absolute; left: 0; right: 0; bottom: 88px } .wc_rtop { display: flex } .wc_rtop .name { padding-top: 10px; display: inline-block; vertical-align: middle } .name div { font-size: 20px; color: #333; padding-left: 10px; margin-right: 10px } .name img { width: 51px; height: 32px; vertical-align: bottom } .name p { width: 160px; font-size: 14px; color: #999; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0; padding-top: 3px } .fonu_on { width: 75px; height: 30px; line-height: 30px; margin-top: 25px; border-radius: 5px; text-align: center; color: #fff; font-size: 14px; margin-left: auto; font-weight: 700; cursor: pointer; transition: all .5s; display: inline-block; background: #fc0 } .fonu_on:hover { background-color: #f3c200 } .wc_betern { margin: 26px 0; max-height: 212px; min-height: 405px; overflow-y: auto; padding-right: 9px; text-align: justify; margin-top: 30px } .wc_betern h3 { font-size: 16px; color: #4a4a4a; margin-top: 0 } .wc_betern p { color: #9b9b9b; font-size: 13px } .cannotModify { width: 360px; height: 50px; background: #c7c7c7; display: inline-block; line-height: 50px; border-radius: 25px; text-align: center; font-size: 16px; margin-top: 9px; color: #fff; cursor: not-allowed } .cannotModify:hover { color: #fff } .wc_betern::-webkit-scrollbar { width: 4px } .wc_betern::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px #2ad6e0; background: #2ad6e0; border-radius: 9px } .wc_betern::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1); border-radius: 0; background: #e2e2e2; border-radius: 9px } .xiug_ym { width: 360px; height: 50px; font-weight: 400; margin: 9px 0 0; background: #2ad6e0; display: inline-block; line-height: 50px; border-radius: 25px; text-align: center; font-size: 16px; color: #fff; transition: all .5s } .xiug_ym:hover { color: #fff; background-color: #13b0b8 } .zp_h { color: #333; font-size: 26px; padding-bottom: 20px } .woek_tuijh { padding-right: 10px } .mart_30 { margin-top: 70px } .flex_work { display: flex; justify-content: space-between } .samm_hul { font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 55% } .samm_hul, .samm_hul>a:hover, .samm_hul a { color: #4a4a4a } .unfollow-btn { border-radius: 5px; color: #fff; background-color: #cbcbcb; display: block } .unfollow-btn:hover { color: #fff } .box_30 { padding: 15px 20px; margin: 0 1px 1px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px } .box_30, .box_30c { position: relative } .box_30c { width: 100%; height: 211px; overflow: hidden; border-radius: 20px 20px 0 0 } .yl_span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .flex_chiled { width: 224px; margin-right: 16px; margin-bottom: 20px; display: inline-block; transition: all .5s; border: 1px solid #eee; background-color: #fff; border-radius: 20px; position: relative } .flex_bgdiv>.flex_chiled:nth-child(5) { margin-right: 0 } .flex_chiled:hover { box-shadow: 0 5px 13px 0 hsla(0, 0%, 69%, .3) } .flex_chiled:hover .zhs_img { transform: scale(1.08) } .zhs_img { width: 100%; border-top-left-radius: 20px; border-top-right-radius: 20px; transition: all .5s } .flex_wright { display: flex } .flex_wright .yl_span { padding-left: 6px; margin-top: -3px } .flex_wright .js-like-number { padding-left: 7px } .comment2 { display: flex; margin-top: 3px; padding-left: 20px } .es-icon-visibility { margin-top: -2px !important; vertical-align: top !important } .anuthr_js { padding-top: 20px; display: flex; justify-content: space-between } .anuthr_js .com_pany { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 47%; display: inline-block } .box_30_recommend { padding: 7px 12px; padding-bottom: 10px } .box_30_recommend .anuthr_js { padding-top: 8px } .box_30_recommend .recommend_flexwork { padding-top: 6px } .box_30_recommend .comment2 { margin-top: 4px } .box_30_recommend .samm_hul>a:hover { color: #2ad6e0 } .box_30_recommend .toux_div>a:hover, .box_30_recommend .toux_div>span:hover { color: #2ad6e0 !important } .toux_div { font-size: 14px; color: #666 } .toux_div img { margin-right: 8px; width: 24px; height: 24px; border-radius: 50% } .toux_div span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 80%; display: inline-block; padding-top: 5p; vertical-align: middle; padding-left: 7px; font-size: 12px } .toux_div a, .toux_div a :hover { color: #4a4a4a } @media screen and (max-width:1600px) { .zhs_img { width: 100% } } @media screen and (max-width:1500px) { .box_30 { padding: 15px 9px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px } .flex_wright .zan { margin-right: 11px } .wc_rtop .name { margin-left: 6px } } @media screen and (max-width:1300px) { .box_30 { padding: 15px 6px } .samm_hul { font-size: 16px } } .box_div { width: 90%; margin: auto; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0 } .box_div h3 { font-size: 18px; color: #000; font-weight: 400 } .box_div2 { width: 90%; margin: auto; padding-bottom: 20px } .box_div2 h3 { font-size: 18px; color: #000; font-weight: 400 } .flex_divgz { display: flex; color: #9b9b9b } .flex_divgz .time { margin-left: auto } .flex_divgz .name { padding-right: 20px } .indtor_div { display: flex; margin-top: 14px } .more_click { margin-left: auto } #box_p { width: 100%; color: #4a4a4a; text-align: justify } .commentyl { margin-top: 2px; color: #9b9b9b } .shr_span { vertical-align: middle; display: inline-block; margin-top: -11px; margin-left: 7px } #box_p a, .shr_span { font-size: 12px; color: #9b9b9b } #box_p a { float: right; margin-top: -28px } .flex_yl { display: flex; color: #9b9b9b } .flex_yl .flex_1 { margin-right: 25px } .flex_yl .flex_1 img { margin-right: 5px } .flex_yl .flex_2 { margin-right: 25px } .flex_yl .flex_2 img { margin-right: 5px; padding-bottom: 5px } .flex_yl .flex_3 { margin-right: 25px } .flex_yl .flex_3 img { margin-right: 5px; padding-bottom: 3px } .center_box { width: 100%; overflow-x: scroll } .hen_gud { width: -moz-max-content; width: -webkit-max-content; width: -o-max-content; width: -ms-max-content; width: max-content } .hen_gud .gen_saml { width: 2.6rem; box-shadow: 0 2px 7px #e1e1e1; margin: 5px; border-radius: 11px } .hen_gud .gen_saml .zs_img { width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px } .hen_gud>div { display: inline-block } .anuthr_jss, .gen_flex { display: flex } .anuthr_jss { justify-content: space-between } .anuthr_jss .com_pany, .anuthr_jss .toux_div { font-size: 12px } .work_mtoggle { width: 62px; height: 12px; display: none; margin: auto } .toggle_show { display: none } .Keyboard_div { background-color: #fff; display: flex; justify-content: space-around; width: 100%; padding: 2rem 0 } @media screen and (max-width:540px) { .work_mtoggle { display: block } .Keyboard_div { background-color: #050c19 } .stage-header_stage-size-row_14N65 { display: none !important } .flex_1 { font-size: 12px } .stage_stage_1fD7k>div>canvas { width: 100% !important; height: auto !important } .stage_stage-wrapper_eRRuk { min-height: auto !important } .toux_div span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 90px; display: inline-block; padding-left: 0 } .flex_yl .flex_1 { margin-right: 8px } .com_pany { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 40%; display: inline-block } } .box-30 { padding: 10px } .box-30 h3 { margin-top: 6px; margin-bottom: 6px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .hen_gud .gen_saml:first-child { margin-left: 1px } .follow-btn { color: #fff; display: block } .follow-btn:hover { color: #fff } .flex_wright .es-icon { font-size: 16px; display: inline-block; vertical-align: top } .flex_yl2 { display: flex; width: 50%; justify-content: space-between } .flex_yl2 .js-like-number { padding-left: 7px; vertical-align: middle; color: #9b9b9b } .flex_yl2 .es-icon-visibility { margin-right: 7px } .flex_yl3 { display: flex; font-size: 12px } .flex_yl3 .comment-right { padding-left: 20px } .flex_yl3 .js-like-number { padding-left: 5px; vertical-align: middle } .flex_yl3 .es-icon-visibility { margin-right: 4px } .disable { pointer-events: none } .cppy_btn>.copy_time { display: none } .flex_3 { margin-top: 5px } .work_list_alrt .black_bg { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); z-index: 99; top: 0 } .work_listd { width: 806px; border-radius: 9px; padding: 48px 40px 30px; background-color: #fff; position: fixed; left: 0; right: 0; top: 20%; margin: auto; z-index: 999 } .work_listd .off_btn { font-size: 30px; position: absolute; right: 38px; top: 14px; cursor: pointer } .worklist_ul { padding-left: 15px; overflow-y: auto; height: 316px } .worklist_ul>li { display: inline-block; margin-right: 36px; text-align: center; margin-bottom: 8px; position: relative; cursor: pointer } .worklist_ul>li .worktop_img { width: 142px; height: 79px; display: block; border-radius: 9px; margin-bottom: 12px; transition: all .5s } .worklist_ul>li h3 { color: #4a4a4a; font-size: 12px } .worklist_ul>li:hover .worktop_img { box-shadow: 0 2px 4px rgba(0, 0, 0, .2) } .worklist_ul .active .work_libg { display: block } .worklist_ul>li:nth-child(4n+4) { margin-right: 0 } .worklist_ul::-webkit-scrollbar { width: 5px } .worklist_ul::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 5px #2796ff; background: #2796ff; border-radius: 9px } .worklist_ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1); border-radius: 9px; background: rgba(39, 150, 255, .3) } .worklist_open_bak { width: 101px; height: 38px; line-height: 38px; text-align: center; font-size: 12px; border-radius: 5px; border: 1px solid #2796ff; font-weight: 700; display: inline-block; cursor: pointer; color: #2796ff } .worklist_open_bak:hover { color: #0084ff; border: 1px solid #0084ff } .layer8-class .modal-footer, .modal-header { border: none } .layer8-class .layui-layer-title { display: none } .layer8-class { position: fixed !important; background: none !important; width: auto !important; height: auto !important; box-shadow: none !important; left: 0 !important; right: 0; top: 0 !important; bottom: 0 !important } .layer8-class .login_layer { height: 468px; width: 377px; margin: auto } .layer8-class .modal-content { background: none !important; box-shadow: none !important } .layer8-class .layui-layer-setwin { display: none } .layer8-class .layui-layer-content { overflow: hidden !important } .layer8-class .layui-layer-title { overflow: hidden; background: none !important; border: none !important; margin-bottom: -107px } .layer8-class .close { display: none } .layer8-class .advertising_top:after { right: 150px } .layer8-class .advertising_top:after, .layer8-class .advertising_top:before { content: ""; position: absolute; width: 21%; height: 1px; border-bottom: 1px solid #2796ff } .layer8-class .advertising_top:before { left: 151px } .layer7-class { position: fixed !important; background: none !important; width: auto !important; height: auto !important; box-shadow: none !important; left: 0 !important; right: 0; top: 0 !important; bottom: 0 !important } .layer7-class .layui-layer-setwin { display: none } .layer7-class .layui-layer-content { overflow: hidden !important } .layer7-class .modal-content { background: none !important; box-shadow: none !important } .layer7-class .layui-layer-title { overflow: hidden; background: none !important; border: none !important; margin-bottom: -107px; display: none } .layer7-class .modal-footer { border: none; display: none } .layer7-class .modal-header { display: none } .layer7-class .login_layer { height: 468px; width: 377px; margin: auto; margin-left: 84px } .worklist_open:hover { background-color: #0084ff } .worklist_open { display: inline-block; width: 101px; height: 38px; line-height: 38px; text-align: center; background-color: #2796ff; color: #fff; margin-left: 30px; font-size: 12px; border-radius: 5px; border: 1px solid #2796ff; font-weight: 700; cursor: pointer } .es-icon-thumbup, .es-icon-visibility { color: #9b9b9b; cursor: pointer } .with_backups { color: #cbcbcb; border-radius: 5px; border: 1px solid #cbcbcb } .with_backups, .with_open { display: inline-block; width: 101px; height: 38px; line-height: 38px; text-align: center; margin-left: 30px; font-size: 12px; font-weight: 700; cursor: pointer } .with_open { color: #fff; background-color: #cbcbcb; border-radius: 5px } .worklist_open>a, .worklist_open>a:hover { color: #fff } .worklist_open_bak>a, .worklist_open_bak>a:hover { color: #2796ff } .worklist_right { text-align: center; margin-top: 17px } .work_libg { width: 100%; height: 107px; position: absolute; top: 0; background-color: rgba(0, 0, 0, .5); display: none; border-radius: 9px } .cd-avatar.cd-avatar-xs { border-radius: 50% } .cd-dropdown .dropdown-menu { left: -55px !important } .cd-dropdown .dropdown-menu>li>a { text-align: center } .cd-dropdown .dropdown-menu>li>a>.es-icon { padding: 0 10px !important } .user-avatar_user-thumbnail_jSYS1 { border-radius: 50% !important } .work_libg>img { width: 33px !important; height: 33px !important; margin-top: 25% } .nothing_h2 { font-size: 16px; color: #4a4a4a; padding: 162px 130px; font-weight: 700; text-align: center } .menu-bar_menu-bar-a_27H1ks>span { color: #fff } .publish_title { width: 207px; height: 59px; line-height: 59px; text-align: center; border-radius: 9px; background-color: #fff; position: absolute; top: -64px; display: none; left: 0; right: 0; margin: auto } .publish_h2, .publish_title { font-size: 16px; color: #2796ff } .publish_h2 { padding-bottom: 12px } .publish_box { width: 547px; padding: 4px 27px; border-radius: 9px; background-color: #fff; position: fixed; top: 15%; left: 0; right: 0; margin: auto; z-index: 1071 } .publish_box .modal { background-color: rgba(0, 0, 0, .8) } .publish_box .modal-dialog { background-color: #fff } .publish_blackbg { display: none; z-index: 1000; position: fixed; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .38) } .publish_mat27 { margin-bottom: 27px } .publish_workname { font-size: 14px; color: #4a4a4a; margin-right: 9px } .publish_input { width: 421px; height: 25px; color: #4a4a4a; font-size: 12px; display: inline-block; border-radius: 3px; padding-left: 12px; border: 1px solid #ddd; outline: none } .publish_input::-webkit-input-placeholder { color: #cbcbcb } .publish_texxtarea { width: 421px; height: 67px; border-radius: 3px; border: 1px solid #ddd; font-size: 12px; padding: 7px 12px; vertical-align: top; outline: none; resize: none; color: #4a4a4a } .publish_texxtarea::-webkit-input-placeholder { color: #cbcbcb } .publish_click { font-size: 12px; color: #cbcbcb; padding-left: 20px; margin-top: 18px; display: inline-block } .publish_isopenul, .publish_tagul { display: inline-block; padding-left: 0; margin-left: -2px } .publish_isopenul>li, .publish_tagul>li { display: inline-block; width: 50px; height: 24px; line-height: 24px; font-size: 12px; cursor: pointer; border-radius: 3px; text-align: center; color: #ddd; margin-right: 10px; border: 1px solid #ddd; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none } .publish_isopenul .active, .publish_tagul .active { background-color: #2796ff; color: #fff } .publish_way { margin-bottom: 16px } .publish_mat14 { margin-bottom: 14px } .publish_button { width: 82px; height: 27px; line-height: 27px; background: #2796ff; color: #fff; font-size: 14px; border-radius: 3px; outline: none; text-align: center; float: right; cursor: pointer; margin-top: 36px; margin-right: 5px; margin-bottom: 29px } .publish_button:hover { background: #0084ff } .publish_off { position: absolute; right: 24px; top: 27px; font-size: 25px; color: #0084ff; cursor: pointer } .keyboard_box { width: 64px; height: 64px; background-color: #0f264c; border-radius: 50%; text-align: center; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none } .keyboard_box:active { background-color: #092d6a } .Keyboard_divleft { position: relative; width: 174px; height: 174px; margin-left: -9px } .Keyboard_divleft .down>img, .Keyboard_divleft .up>img { width: 17px } .Keyboard_divleft .down>img, .Keyboard_divleft .left>img, .Keyboard_divleft .right>img, .Keyboard_divleft .up>img { user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; pointer-events: none; -webkit-touch-callout: none } .Keyboard_divleft .left>img, .Keyboard_divleft .right>img { width: 8px } .Keyboard_divleft .up>img { margin-top: 25px } .Keyboard_divleft .right>img { margin-top: 22px; margin-left: 3px } .Keyboard_divleft .down>img { margin-top: 28px } .Keyboard_divleft .left>img { margin-top: 22px; margin-left: -3px } .Keyboard_divleft .up { position: absolute; left: 40%; top: 0 } .Keyboard_divleft .right { position: absolute; right: -16px; top: 33% } .Keyboard_divleft .down { position: absolute; left: 40%; bottom: 0 } .Keyboard_divleft .left { position: absolute; left: 14px; top: 33% } .Keyboard_divright { width: 114px; height: 114px; line-height: 114px; text-align: center; font-size: 12px; color: #2796ff; font-weight: 700; background-color: #0f264c; margin-top: 32px; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none } .toWorkDetails { width: 35%; height: 41%; display: block; position: absolute; right: 0; bottom: 0 } .toWorkDetails a { display: block; width: 100%; height: 100% } .waring_name01, .waring_name02 { padding-top: 9px } .waring_name01, .waring_name02, .waring_name03 { font-size: 12px; color: red; padding-left: 64px; display: none } .fiexd-tpbom { position: fixed; bottom: 0; width: 100%; height: 1rem; background-color: #fff; display: flex; justify-content: space-between } .fiexd-tpbom .not-allowed { pointer-events: none; background-color: #c7c7c7 !important } .fiexd-tpbom>.left { width: 20%; text-align: center; font-size: .2rem; border-top: 1px solid #e2e0e3 } .fiexd-tpbom img { width: .41rem; height: .52rem; margin-top: .1rem } .fiexd-tpbom p { margin: 0; color: #5d5d5d } .fiexd-tpbom>.right { width: 80%; text-align: center; line-height: 1rem; font-size: .36rem; color: #fff; background: #1fc9d3 } .toup-succealert { display: none; position: fixed; z-index: 99; top: 0; bottom: 0; left: 0; right: 0; width: 5.6rem; height: 4.95rem; border-radius: 20px; margin: auto } .toup-succealert .off_btn { position: absolute; top: 10px; right: 10px; font-size: 34px; color: #666 } .toup-succealert .konw-btn { position: absolute; left: 0; right: 0; margin: auto; bottom: 20px; width: 3.8rem; height: .84rem; line-height: .84rem; text-align: center; font-size: .32rem; color: #fff; background: #1fc9d3; border-radius: .4rem } .toup-succealert img { width: 100%; height: 100% } @media screen and (max-width:1500px) { .sharh2 { padding: 32px 0 } .publish_box { top: 9% } } @media screen and (max-width:1200px) { .Keyboard_divleft { width: 230px; height: 230px } .keyboard_box { width: 90px; height: 90px } .Keyboard_divleft .right { right: -35px } .Keyboard_divleft .down>img, .Keyboard_divleft .left>img, .Keyboard_divleft .right>img, .Keyboard_divleft .up>img { margin-top: 35px !important } .work_mtoggle { display: block } #scratch3mobile { height: 4.4rem } #content-container #content, #scratch2mobile { height: 4rem !important } .Keyboard_divright { width: 162px !important; height: 162px !important; line-height: 162px } } @media screen and (max-width:1025px) { .share_small { width: 100% !important } .shar_left { font-size: 12px; color: #2796ff; font-weight: 700; margin-left: 10px !important; margin-top: 27px !important } .shar_right { display: none } h4 { font-size: 12px } .dis_inlins, .shar_right, .sharh2 { display: none !important } .felx_shar { padding-top: 34px } #scratch2mobile { height: 4rem !important } } @media screen and (max-width:856px) { #scratch3mobile { height: 6.4rem } .keyboard_box { width: 64px !important; height: 64px !important } .Keyboard_divleft { width: 174px !important; height: 174px !important } .Keyboard_divleft .down>img, .Keyboard_divleft .left>img, .Keyboard_divleft .right>img, .Keyboard_divleft .up>img { margin-top: 22px !important } .Keyboard_divleft .right { right: -16px !important } .Keyboard_divright { width: 117px !important; height: 117px !important; line-height: 117px !important } #content-container #content, #scratch2mobile { height: 5rem !important } } @media screen and (max-width:456px) { #content-container #content, #scratch2mobile { height: 7rem !important } } .login_layer { height: 468px } .login_layer h2 { padding-top: 30px; padding-bottom: 0 } .login_layer h2, .login_layer h3 { font-size: 22px; color: #2796ff; text-align: center; font-weight: 700 } .login_layer h3 { padding-top: 40px; padding-bottom: 24px } .forget_pswd { font-size: 12px; text-decoration: underline; text-align: right; padding-right: 38px; padding-top: 8px; font-weight: 700; display: block } .forget_pswd:hover { color: #2796ff } .login_div { border: 1px solid #2796ff; width: 306px; height: 39px; line-height: 39px; margin: auto; background-color: #fff; border-radius: 9px; margin-bottom: 20px } .login_div .warning_p { color: #ed3e3e } .login_div img { width: 20px; height: 20px; margin-bottom: 3px; margin-left: 18px } .login_div input { border: none; height: 34px; outline: none; font-size: 12px; vertical-align: middle; padding-left: 7px; margin-left: 5px; width: 83%; margin-bottom: 3px; color: #4a4a4a !important } .register_divs { width: 306px; margin: auto } .regist_h2 { font-size: 14px; color: #2796ff; font-weight: 700; padding-bottom: 8px; padding-top: 10px; padding-left: 2px } .yanz_div { width: 306px; height: 41px; margin: auto; margin-bottom: 0 !important; margin-top: 28px } .nike_p, .password_p { color: #ed3e3e; font-size: 12px } .login_big .login_div { margin-bottom: 12px } .yzbtn { width: 146px; line-height: 28px; color: #2796ff; font-size: 12px; outline: none; font-weight: 700; float: right; text-align: center } .yanz_inputd, .yzbtn { height: 41px; background-color: #fff; border: 1px solid #2796ff; border-radius: 9px; display: inline-block } .yanz_inputd { width: 148px; line-height: 41px } .yanz_inputd img { width: 19px; margin: 5px; margin-left: 18px } .yanz_inputd input { width: 60%; border: none; height: 33px; outline: none; font-size: 12px; vertical-align: middle } .log_btn { width: 306px; height: 39px; background-color: #2796ff; line-height: 39px; border-radius: 9px; border: none; margin: auto; font-weight: 700; font-size: 14px; margin-top: 20px } .log_btn, .log_btn a { color: #fff; display: block } .log_btns { width: 178px; height: 45px; font-weight: 700; background-color: #2796ff; line-height: 45px; color: #fff; border-radius: 9px; border: none; display: inline-block; font-size: 14px; margin-top: 25px } .log_btns a { display: block; color: #fff } .regist_back { width: 108px; border: 1px solid #2796ff; border-radius: 9px; text-align: center; font-weight: 700; height: 45px; color: #2796ff; line-height: 45px; font-size: 14px; display: inline-block; background-color: #fff; outline: none; margin-right: 16px; cursor: pointer } .regist_maautu { width: 306px; margin: auto } .log_btn:hover, .log_btns:hover { background-color: #0084ff } .log_btn>a:hover, .log_btns>a:hover { color: #fff } .off_on { position: absolute; right: 45px; top: 45px; cursor: pointer } .advertising_top { width: 4px; height: 4px; border-radius: 50%; background-color: #2796ff; margin: 16px auto } .advertising_top:before { left: 56px } .advertising_top:after, .advertising_top:before { content: ""; position: absolute; width: 31%; height: 1px; border-bottom: 1px solid #2796ff } .advertising_top:after { right: 56px } .log_btncz { width: 306px; height: 39px; background-color: #fff; line-height: 39px; border-radius: 9px; border: 1px solid #2796ff; margin: auto; font-size: 14px; font-weight: 700; margin-top: 13px } .log_btncz, .log_btncz a { color: #2796ff; display: block } .log_btncz>a:hover { color: #2796ff } .other_login { width: 443px; margin: 25px auto; display: flex; justify-content: space-around } .other_login .other { font-size: 19px; color: #2796ff; font-weight: 700; padding-top: 11px } .other_login .wx_a { margin-left: -12px } .layui-m-layerchild { background-color: inherit !important } .login_title { width: 447px; height: 242px; text-align: center } .login_title div { font-size: 14px; font-weight: 700 } .logint_h1 { padding-top: 52px; padding-bottom: 20px } .login_goa { width: 112px; height: 29px; display: inline-block; line-height: 29px; text-align: center; font-size: 16px; font-weight: 700; border-radius: 9px; border: 1px solid #2796ff; margin-right: 60px; cursor: pointer } .login_goa, .login_goa:hover { color: #2796ff } .loginright_nowa { width: 112px; height: 29px; display: inline-block; line-height: 29px; text-align: center; font-size: 16px; font-weight: 700; border-radius: 9px; background-color: #2796ff; color: #fff; cursor: pointer } .loginright_nowa:hover { color: #fff } .login_topd { padding-top: 30px } .dhover_hiden { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 65% } .works-publish-user .metas>a { color: #4a4a4a } .orderby-filter:hover { color: #f2bc34 } .flex-scratch { display: flex; justify-content: space-between; margin-top: 25px; margin-bottom: 30px } .flex-scratch .flex-scratchleft { margin-left: 10px } .flex-scratch .flex-scratchleft input { width: 240px; height: 36px; border: 1px solid #c7c7c7; border-radius: 6px; outline: none; padding-left: 10px; vertical-align: bottom; background-color: #f9f9f9 } .flex-scratch .flex-scratchleft input::-webkit-input-placeholder { color: #c7c7c7 } .flex-scratch .flex-scratchleft input::-moz-placeholder { color: #c7c7c7 } .flex-scratch .flex-scratchleft input:-ms-input-placeholder { color: #c7c7c7 } .flex-scratch .flex-scratchleft #scratch-select { width: 94px; height: 36px; border: 1px solid #c7c7c7; border-radius: 6px; font-size: 14px; color: #666; padding-left: 5px; outline: none; margin-right: 20px; background-color: #f9f9f9 } .flex-scratch .flex-scratchright button { width: 80px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; border-radius: 6px; background-color: #f9f9f9; color: #777; border: 1px solid #777; margin-left: 20px; outline: none } .flex-scratch .flex-scratchright .search-btn { color: #1fc9d3; background-color: #f9f9f9; border: 1px solid #1fc9d3 } .course-infos .bcx-course-info-title:hover { color: #f2bc34 !important } .works-publish-user .metas>a:hover { color: #f2bc34 } .image-onloding { background-color: #2796ff; width: 152px; height: 114px; line-height: 114px; text-align: center; color: #fff; font-size: 12px; position: absolute; top: 0; left: -1px; display: none; border-radius: 3px } .form-error-message { font-size: 12px } .bcx_paginator { padding-bottom: 34px } .bcx_paginator .cd-pagination>li>a { width: 40px; height: 40px; line-height: 38px !important; border-radius: 50% !important; background-color: #fff !important; border: 1px solid #eee; margin: 3px !important } .bcx_paginator .cd-pagination>li>a:hover { color: #fff; background-color: #1fc9d3 !important; box-shadow: none } .bcx_paginator .cd-pagination>li.active>a, .bcx_paginator .cd-pagination>li.active>a:focus, .bcx_paginator .cd-pagination>li.active>a:hover { color: #fff; background-color: #1fc9d3 !important; outline: none; border: 1px solid #1fc9d3 } .futureClass_paginator .cd-pagination>li>a { width: 34px; height: 36px; line-height: 36px !important; background-color: #fff !important; border: 1px solid #eee; margin: 3px !important } .futureClass_paginator .cd-pagination>li>a:hover { color: #fff; background-color: #1fc9d3 !important; box-shadow: none } .bcx_paginator .cd-pagination>li.active>a:focus, .bcx_paginator .cd-pagination>li.active>a:hover, .futureClass_paginator .cd-pagination>li.active>a { color: #fff; background-color: #1fc9d3 !important } .my_wokbg { width: 100%; height: 450px; position: relative; background: url("/themes/bianchengxia/img/user/my_workbgt.png") no-repeat; background-position: 50%; background-size: cover } .bcxsearch_tips { position: absolute; top: 70px; display: none } .bcxsearch_tips .triangle_sans { width: 0; height: 0; position: absolute; top: -21px; left: 60px; border-top: 8px solid transparent; border-right: 9px solid transparent; border-bottom: 13px solid #fff; border-left: 9px solid transparent; padding-left: 0 !important } .bcxsearch_tips .have_content { width: 139px; height: 41px; background: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, .16); line-height: 43px; text-align: center; font-size: 12px; color: #4a4a4a; border-radius: 6px } .my_workopbg { opacity: .6; width: 100%; height: 389px } .btn-start-create { pointer-events: none } .header_iscoimg { width: 140px; height: 140px; position: relative; background: url("/themes/bianchengxia/img/user/center_user_yuanbg.png") no-repeat; background-position: 50%; background-size: cover; margin: auto } .my_worktx { width: 100px; height: 100px; border-radius: 50%; margin-top: 20px } .my_wokinfor { width: 1060px; text-align: center; position: absolute; top: 86px; left: 0; right: 0; margin: auto } .my_wokinfor .name { padding-top: 20px; padding-left: 42px } .my_wokinfor .name, .my_wokinfor .names { font-size: 24px; font-weight: 500; color: #2f3b55 } .my_wokinfor .names { padding-top: 15px; display: none } .my_wokinfor .autograph { font-size: 14px; color: #2f3b55; margin-top: 10px; margin-bottom: 20px } .my_wokinfor .autograph_change { font-size: 14px; color: #2f3b55; margin-top: 17px; margin-bottom: 17px; display: none } .my_wokinfor .focus_fans { display: flex; justify-content: center; color: #2f3b55 } .my_wokinfor .focus_fans .shu_linegay { padding: 0 20px; color: #2f3b55 } .my_wokinfor .integral { position: absolute; right: 0; top: 0; width: 130px; height: 39px; border-radius: 3px; line-height: 39px; opacity: .8; background: #fff } .my_wokinfor .integral span { display: inline-block; padding-left: 4px; font-size: 18px; color: #4a4a4a; vertical-align: middle } .scratch_python { margin-top: 25px; display: flex; margin-left: 11px; margin-bottom: 11px; border-bottom: 1px solid #ddd; padding-left: 4px } .scratch_python a { font-size: 16px; color: #999; margin-right: 6px; width: 100px; height: 36px; line-height: 35px; background: #ddd } .scratch_python .active, .scratch_python a { text-align: center; border-radius: 4px 4px 0 0 } .scratch_python .active { color: #fff !important; background: #1fc9d3; line-height: 40px; height: 40px; margin-top: -4px } .scratch_python a:hover { color: #333 } .mywork { text-align: center; padding: 80px 0 } .focus_fans .num { font-weight: 700; padding-right: 3px; font-size: 18px; padding-right: 5px } .focus_mes { display: flex; justify-content: center; margin-top: 9px } .focus_mes .my_worksx { width: 70px; height: 26px; text-align: center; font-size: 12px; line-height: 26px; font-weight: 400; margin-right: 23px; background-color: hsla(0, 0%, 100%, .3); border-radius: 3px; border-radius: 15px } .focus_mes .my_worksx a { display: block; color: #2f3b55; transition: all .5s; border-radius: 15px } .focus_mes .my_worksx a img { width: 16px; margin-top: -1px } .focus_mes .my_worksx :hover { border-color: #0084ff } .focus_mes .my_workgz { width: 70px; height: 26px; font-size: 12px; line-height: 26px; background: #2ad6e0; border-radius: 15px } .focus_mes .my_workgz a { display: block; color: #fff; transition: all .5s; border-radius: 15px } .focus_mes .my_workgz a img { width: 14px; margin-top: -3px } .focus_mes .my_workgz :hover { background-color: #1fc9d3 } .unfollow-btn:hover { background-color: #cbcbcb !important } .box-showd-bcxt { box-shadow: 1px 2px 14px 0 hsla(0, 0%, 80%, .14); height: 63px; position: relative; margin-top: -10px } .box-showd-bcxt .mywork_divon { display: flex; justify-content: center; position: absolute; top: 12px; left: 23px; right: 0 } .box-showd-bcxt .mywork_divon .active a { color: #1fc9d3 } .box-showd-bcxt .mywork_divon .active:after { content: ""; display: block; width: 160px; height: 2px; border-radius: 3px; margin: 10px auto; background-color: #1fc9d3; margin-left: -24px } .work_click { width: 121px; height: 37px; line-height: 37px; font-size: 22px; margin-right: 77px; transition: all .5s; border-radius: 25px; text-align: center } .work_click>a, .work_click>a:focus { color: #666 } .work_click>a:hover { color: #1fc9d3 } .moblie_integral { height: 23px; line-height: 24px; padding: 0 8px; background: #1fc9d3; font-size: 12px !important; border-radius: 20px; display: inline-block; color: #fff !important; padding-left: 8px !important; vertical-align: top; margin-left: 7px } .moblie_integral img { width: 14px; height: 14px; margin-top: -3px; margin-right: 3px; vertical-align: middle } .concerned_on { width: 106px; height: 27px; line-height: 27px; background: #cbcbcb; text-align: center; color: #fff; font-size: 14px; border-radius: 14px; display: block; margin: auto } .bcx-follow-btn:focus, .concerned_on:focus, .concerned_on:hover { color: #fff } .search_worktype { display: inline-block } .search_worktype .active { background-color: #f2bc34; border: 1px solid #f2bc34; color: #fff !important } .hotbcx_div { display: inline-block; float: right } .hotbcx_div a { display: inline-block; color: #9b9b9b; font-size: 12px } .hotbcx_div .active { color: #ffb600 } .hotbcx_div div, .search_worktype>a { display: inline-block } .search_worktype>a { padding: 0 15px; height: 32px; line-height: 32px; background: #fff; border: 1px solid #ddd; border-radius: 29px; color: #4a4a4a; font-size: 12px; margin-right: 10px } .search_worktype>a:focus, .search_worktype>a:hover { color: #4a4a4a } .other_work { display: none } .oversrcoll_mywork { width: 1160px; margin: 18px auto } .mywork_listul { width: 1140px; padding: 20px 0; margin: auto } .mywork_listul .mywork_bg { width: 100%; height: 150px; border-top-left-radius: 6px; border-top-right-radius: 6px; position: relative; transition: all .5s } .mywork_listul .unpublished { color: #9b9b9b; background-color: #fff } .mywork_listul .published, .mywork_listul .unpublished { width: 59px; height: 32px; line-height: 32px; text-align: center; border-radius: 3px; font-size: 12px; position: relative; top: -140px; left: 12px; box-shadow: 0 3px 6px rgba(0, 0, 0, .16) } .mywork_listul .published { color: #fff; background-color: #ffcc2b } .mywork_listul .search2_div { color: #9b9b9b; position: relative; position: absolute; background-color: #fff } .mywork_listul .search2_div, .mywork_listul .search3_div { width: 33px; height: 18px; line-height: 18px; font-size: 12px; text-align: center; top: 122px; left: 167px; border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, .16) } .mywork_listul .search3_div { color: #f2bc34; background: #fff; position: absolute } .mywork_listul .mywork_box { position: relative; padding: 12px 14px 7px } .mywork_listul .mywork_box h3 { font-size: 14px; color: #4a4a4a; margin: 0; padding-bottom: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 65%; transition: all .5; min-height: 26px } .mywork_listul .mywork_box .look_likediv, .mywork_listul .mywork_box .look_likediv .flex { display: flex } .mywork_listul .mywork_box .look_likediv .num { font-size: 12px; color: #9b9b9b; padding-left: 5px } .mywork_listul .mywork_box .look_likediv .nums { font-size: 12px; color: #9b9b9b; padding-left: 5px; margin-top: 1px } .mywork_listul .mywork_box .look_likediv .mar_right14 { margin-right: 14px } .mywork_listul .mywork_box .look_likediv .mar_right14 .icondianzan { margin-top: -2px } .mywork_listul .mywork_box .icondianzan, .mywork_listul .mywork_box .iconliulan { color: #9b9b9b } .mywork_listul .mywork_box>a:hover h3 { color: #1fc9d3 } .mywork_listul .mywork_txdiv { width: 22px; height: 22px; border-radius: 3px; display: inline-block } .mywork_listul .my_worktx_a { color: #4a4a4a; font-size: 12px; width: 55%; margin-top: 12px; display: inline-block } .mywork_listul .my_worktx_a .name { display: inline-block; vertical-align: top; margin-left: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 65% } .mywork_listul>li { width: 200px; display: inline-block; margin-right: 31px; border-radius: 6px; margin-bottom: 39px; box-shadow: 0 3px 6px rgba(0, 0, 0, .16); transition: all .5s } .mywork_listul>li .iconfont { cursor: pointer } .mywork_listul>li .un_updateshow { display: inline-block; float: right; padding-top: 11px; transition: all .5s; opacity: 0; position: absolute; bottom: 8px; right: 14px } .mywork_listul>li .un_updateshow a { color: #515151 } .mywork_listul>li .un_updateshow .iconfont { font-size: 20px; cursor: pointer } .mywork_listul>li .un_updateshow .iconlajixiang { margin-left: 14px } .mywork_listul>li>a { width: 100%; height: 150px; border-top-left-radius: 6px; border-top-right-radius: 6px; overflow: hidden; display: block; position: relative } .mywork_listul>li:hover .mywork_bg { transform: scale(1.08) } .mywork_listul>li:nth-child(5n+5) { margin-right: 0 } .oversrcoll_mywork::-webkit-scrollbar { width: 6px } .oversrcoll_mywork::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px #2796ff; background: #2796ff; border-radius: 9px } .oversrcoll_mywork::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1); border-radius: 0; background: #bfe0ff; border-radius: 9px } .iconlajixiang:hover { color: #fd4e4d } .iconbianji:hover, .iconshangchuan:hover { color: #f2bc34 } .mywork_listul>li:hover { box-shadow: 0 3px 12px rgba(0, 0, 0, .16) } .mywork_nothing { display: none; font-size: 16px; color: #4a4a4a; text-align: center; padding: 212px 0 } .mymater_type { display: flex; padding-right: 14px; margin-top: 30px; margin-left: 16px; margin-bottom: 21px; border-bottom: 1px solid #ddd } .mymater_type .type_div { font-size: 16px; text-align: center; width: 64px; width: 100px; height: 36px; line-height: 36px; background: #ddd; border-radius: 4px 4px 0 0; margin-right: 6px } .mymater_type .type_div a { display: block; color: #999 } .mymater_type .type_div a:hover { color: #333 } .mymater_type .active { background-color: #1fc9d3; height: 40px; line-height: 40px; margin-top: -4px } .mymater_type .active>a { color: #fff !important } .mater_srcoll::-webkit-scrollbar { width: 6px } .mater_srcoll::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px #2796ff; background: #2796ff; border-radius: 9px } .mater_srcoll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1); border-radius: 0; background: #bfe0ff; border-radius: 9px } .mater_srcoll { width: 1160px; margin: 18px auto } .oversrcoll_myfriend { width: 100% } .mymaterrial_listul { width: 1130px; padding: 20px 0; margin: auto } .mymaterrial_listul .materrial_bg { width: 100%; height: 115px; border-top-left-radius: 6px; border-top-right-radius: 6px } .mymaterrial_listul .materrial_box { padding: 10px 13px 11px } .mymaterrial_listul .materrial_box .h2 { font-size: 14px; color: #4a4a4a; padding-bottom: 15px; margin: 0 } .mymaterrial_listul .exchange_box { display: flex; justify-content: space-between } .mymaterrial_listul .exchange_box .integral { font-size: 12px; color: #9b9b9b; margin: 0 } .mymaterrial_listul .exchange_box .exchange { color: #2796ff; font-size: 12px } .mymaterrial_listul .exchange_box .exchange a { display: block; color: #2796ff } .mymaterrial_listul .label { position: absolute; top: -7px; left: 11px; width: 48px; height: 22px; line-height: 19px; border-radius: 3px; text-align: center; font-size: 12px } .mymaterrial_listul .label_01 { background-color: #2796ff } .mymaterrial_listul .label_02 { background-color: #08e200 } .mymaterrial_listul .label_03 { background-color: #db92ff } .mymaterrial_listul>li { display: inline-block; position: relative; width: 167px; margin-right: 21px; border-radius: 6px; margin-bottom: 52px; box-shadow: 0 3px 6px rgba(0, 0, 0, .16); transition: all .5s; cursor: pointer } .mymaterrial_listul>li:nth-child(6n+6) { margin-right: 0 } .mymaterrial_listul>li:hover { box-shadow: 0 3px 10px rgba(0, 0, 0, .16) } .my_friendbox { width: 1160px; margin: 18px auto } .my_friendon { display: flex; padding-bottom: 15px } .my_friendon a { color: #4a4a4a; font-size: 16px; margin-left: 29px } .my_friendon .active { color: #2796ff } .myfriend_listul { width: 1140px; padding: 20px 0; margin: auto } .myfriend_listul .portrait { width: 88px; height: 88px; display: block; margin: auto; margin-bottom: 13px; border-radius: 50% } .myfriend_listul .name { font-size: 14px; color: #4a4a4a; padding-bottom: 10px } .myfriend_listul .name, .myfriend_listul .personal_signature { margin: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 65%; text-align: center } .myfriend_listul .personal_signature { font-size: 12px; max-width: 70%; color: #9b9b9b; padding-bottom: 12px } .myfriend_listul .flex_foucn { display: flex; justify-content: center; font-size: 12px; color: #9b9b9b; padding-bottom: 14px } .myfriend_listul .flex_foucn .flex_left { margin-right: 18px } .myfriend_listul>li { display: inline-block; float: left; position: relative; width: 192px; height: 243px; padding-top: 18px; margin-right: 40px; border-radius: 6px; margin-bottom: 52px; box-shadow: 0 3px 6px rgba(0, 0, 0, .16); transition: all .5s; cursor: pointer } .myfriend_listul>li:hover { box-shadow: 0 3px 12px rgba(0, 0, 0, .16) } .myfriend_listul>li:nth-child(5n+5) { margin-right: 0 } .fous_ongs { width: 106px; height: 27px; line-height: 27px; background: #f2bc34; border-radius: 14px; font-size: 14px; display: block; color: #fff; text-align: center; margin: auto; transition: all .5s } .fous_ongs:hover { color: #fff; background-color: #d89c05 } .search_btndiv { width: 687px; height: 50px; background-color: #fff; margin: auto; position: absolute; top: 80px; left: 0; right: 0 } .search_btndiv .search_input { outline: none; border: none; height: 48px; padding-left: 20px; width: 79% } .search_btndiv .search_btn { outline: none; border: none; background-color: #2796ff; width: 123px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #fff; float: right } .search_btndiv .search_btn:hover { background-color: #0084ff } .bcx_searchul { margin-top: 20px } .bcx_searchul>li { display: inline-block; text-align: center } .bcx_searchul>li a { display: block; color: #000 } .bcx_searchul>li .portrait { width: 68px; height: 68px; border-radius: 50% } .bcx_searchul>li .name { font-size: 16px; padding-top: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 65%; max-width: 68px; margin: auto } .bcxsearch_center { width: 1124px; margin: auto } .bcxsearch_center .user_addmore { float: right; display: inline-block; color: #4a4a4a; font-size: 14px; padding-top: 20px; padding-right: 20px } .bcxsearch_center .user_div h1 { padding: 0; font-size: 24px; color: #000; padding-left: 25px; display: inline-block; padding-right: 20px } .bcxsearch_center .material_div h1, .bcxsearch_center .work_div h1 { padding: 0; font-size: 24px; color: #000; padding-left: 25px; display: inline-block } .block_nouser { padding-top: 67px; padding-bottom: 34px; font-size: 14px; color: #4a4a4a; display: none } .integral_diw { display: inline-block; vertical-align: top; padding-left: 5px !important; margin-top: -2px; position: relative; cursor: pointer } .integral_diw .padding_inter { left: 35px; position: absolute; height: 28px; line-height: 27px; padding: 0 29px; top: -2px; font-size: 12px; border-radius: 6px; background-color: #fff; display: none } .integral_diw img { width: 20px; height: 20px } .bcx_search_bg { width: 100%; height: 210px; background: url(/themes/bianchengxia/img/home/find_bg.png) no-repeat; background-position: 50%; background-size: cover } .search_bcxheader { height: 56px; background: #fff; box-shadow: 1px 2px 14px 0 hsla(0, 0%, 80%, .14); position: relative; margin-top: -100px } .search_bcxheader .flex_div { width: 870px; display: flex; margin: auto; position: absolute; left: 0; right: 0; bottom: 5px } .search_bcxheader .flex_div a { font-size: 24px; font-weight: 400; color: #666; margin: auto; text-align: center; padding-bottom: 14px; position: relative } .search_bcxheader .flex_div .active { color: #1fc9d3 } .search_bcxheader .flex_div .active:after { content: ""; width: 160px; height: 2px; background-color: #1fc9d3; display: block; border-radius: 5px; position: absolute; left: -61px; right: 0; margin: auto; bottom: -3px } .search_bcxnum { width: 1124px; margin: 20px auto; color: #4a4a4a } .bcx_searchul { padding-left: 0; width: 100% } .bcx_searchul>li { margin-right: 60px; margin-bottom: 44px } .bcx_searchul>li:nth-child(9n+9) { margin-right: 0 } @media screen and (max-width:1200px) { .my_wokinfor { width: auto } .bcxsearch_center { width: 900px } .search_bcxheader { width: 100% } .search_bcxheader .flex_div { width: 900px; margin: auto } .search_bcxnum { width: 900px; margin: 30px auto } .integral_diw { display: none } .scratch_python { margin-left: 31px } .mymaterrial_listul>li:nth-child(6n+6) { margin-right: 47px } .mywork_listul>li { width: 200px; margin-right: 6px } .my_friendbox { width: 895px } .mywork_listul { width: 840px } .myfriend_listul { width: 839px } .oversrcoll_mywork { width: 895px } .oversrcoll_myfriend { width: 895px; margin: auto } .mymaterrial_listul>li, .mymaterrial_listul>li:nth-child(5n+5) { margin-right: 47px } .mywork_listul>li:nth-child(3n+3) { margin-right: 6px } .mywork_listul>li:nth-child(4n+4) { margin-right: 0 } .mywork_listul>li:nth-child(5n+5) { margin-right: 10px } .mymaterrial_listul { width: 830px } .mater_srcoll { width: 895px } .mymaterrial_listul>li:nth-child(4n+4) { margin-right: 0 } .my_wokinfor .integral { right: 160px } .myfriend_listul>li, .myfriend_listul>li:nth-child(3n+3), .myfriend_listul>li:nth-child(5n+5) { margin-right: 13px } } @media screen and (max-width:940px) { .mywork_listul { width: 90% } .bcx-header .nav.user-nav>li .dropdown-menu { right: -3px !important } .search_bcxheader .flex_div { width: 82%; margin: auto } .search_bcxnum { width: 82%; margin: 30px auto } .scratch_python { margin-left: 44px } .my_friendbox, .myfriend_listul, .oversrcoll_myfriend, .oversrcoll_mywork { width: 95% } .mywork_listul>li { width: 48%; margin-right: 10px } .myfriend_listul>li:nth-child(2n+2), .mymaterrial_listul>li:nth-child(2n+2), .mywork_listul>li:nth-child(2n+2) { margin-right: 0 } .myfriend_listul>li { width: 47%; margin-right: 10px } .mywork_listul>li:nth-child(3n+3) { margin-right: 10px } .myfriend_listul>li:nth-child(5n+5) { margin-right: 10px !important } .myfriend_listul>li:nth-child(3n+3) { margin-right: 10px } .mymaterrial_listul { width: 90% } .mater_srcoll { width: 95% } .mymaterrial_listul>li { width: 47%; margin-right: 10px } .my_wokinfor .integral { right: 10px } .mywork_listul>li .un_updateshow { opacity: 1 } .mymaterrial_listul>li:nth-child(5n+5) { margin-right: 10px } } @media screen and (max-width:720px) { .scratch_python { margin-left: 19px } .search_worktype { width: 90%; margin: auto; display: block } .search_worktype>a { margin-right: 7px; margin-bottom: 10px } .hotbcx_div { margin-right: 21px; padding-bottom: 0 } .mymaterrial_listul { width: 90% } .mater_srcoll { width: 95% } .mymaterrial_listul .materrial_bg { height: 170px } .my_wokinfor .integral { top: -50px; left: 0; margin: auto } .mymaterrial_listul>li { display: block; width: 100% } .mymaterrial_listul>li:nth-child(3n+3), .mymaterrial_listul>li:nth-child(4n+4) { margin-right: 0 } .my_wokinfor .integral { right: 10px } .mywork_listul>li .un_updateshow { opacity: 1 } .mywork_listul { width: 90% } .oversrcoll_mywork { width: 95% } .myfriend_listul>li, .mywork_listul>li { display: block; width: 100% } .mywork_listul>li:nth-child(3n+3), .mywork_listul>li:nth-child(4n+4) { margin-right: 0 } .myfriend_listul>li:nth-child(5n+5) { margin-right: 10px !important } .myfriend_listul>li:nth-child(3n+3) { margin-right: 0 } .work_click { width: 73px; height: 37px; line-height: 37px; font-size: 14px; text-align: center; margin-right: 7px; transition: all .5s; border-radius: 25px } .padding_inter, .triangle_san { display: block !important } } .mywork .mywork_allimg { width: 425px } textarea[class=textarea_reply]::-webkit-input-placeholder { color: red } textarea[class=textarea_reply]:-moz-placeholder, textarea[class=textarea_reply]::-moz-placeholder { color: red } textarea[class=textarea_reply]:-ms-input-placeholder { color: red } .private_box { width: 1140px; margin: 29px auto; border-radius: 9px; overflow: hidden; position: relative; height: 95% } .private_ul::-webkit-scrollbar { width: 6px } .private_ul::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px #2796ff; background: #1461bc; border-radius: 9px } .private_ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1); border-radius: 0; background: #bfe0ff; border-radius: 9px } .private_left { float: left; width: 321px; background-color: #1461bc; height: 100% } .private_left .private_ul { list-style: none; padding-left: 0; max-height: 87%; min-height: 87%; overflow-x: hidden; overflow-y: auto } .private_left .private_ul .active { background-color: #004da7 } .private_left .private_ul li { position: relative; padding: 11px 30px 4px 35px; transition: all .5s } .private_left .private_ul li .portrait { width: 45px; height: 45px; border-radius: 50%; display: inline-block; vertical-align: top; margin-top: -1px; margin-right: 6px } .private_left .private_ul li .red_poin { position: absolute; left: 66px; top: 5px; width: 14px; height: 14px; background-color: #ff4848; border-radius: 50% } .private_left .private_ul li a { display: block; width: 286px } .private_left .private_inlie { display: inline-block; width: 200px } .private_left .private_inlie .header { font-size: 14px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 120px; padding-bottom: 2px } .private_left .private_inlie .content { font-size: 12px; color: #80c1ff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 186px } .private_left .private_inlie .time { position: absolute; right: 30px; top: 12px; color: #80c1ff; font-size: 12px } .private_right { float: right; width: 818px; height: 100%; background-color: #f3f3f3 } .private_right .reply_infor { width: 701px; margin: auto; background-color: #1461bc; padding: 18px 9px 47px 17px; position: relative; border-radius: 6px; margin-bottom: 26px } .private_right .reply_infor .portrait { width: 46px; height: 46px; border-radius: 50%; vertical-align: top; margin-right: 43px } .private_right .reply_infor .dis_inlie { display: inline-block } .private_right .reply_infor .dis_inlie textarea { width: 522px; text-align: justify; height: 165px; font-size: 14px; color: #fff; line-height: 24px; border: 1px solid #fff; outline: none; padding-left: 10px; resize: none; background-color: #1461bc } .private_right .reply_infor .reply { width: 63px; height: 27px; line-height: 27px; text-align: center; font-size: 12px; color: #1461bc; background: #fff; border-radius: 3px; float: right; margin-right: 13px; cursor: pointer } .private_right .reply_infor .reply:hover { background: #0084ff } .private_right .reply_infor .time { position: absolute; bottom: 19px; left: 23px; color: #cbcbcb; font-size: 12px } .private_right .reply_infor .off_btn { font-size: 20px; position: absolute; color: #fff; right: 14px; top: 12px; cursor: pointer } .private_right .name { text-align: center; height: 47px; line-height: 47px; color: #4a4a4a; background-color: #fff; padding-bottom: 29px } .private_right .content .year { font-size: 12px; color: #cbcbcb; text-align: center; padding: 50px 0 0 29px } .private_right .content .main_infor { width: 701px; margin: auto; background-color: #fff; padding: 18px 9px 47px 17px; position: relative; border-radius: 6px; margin-bottom: 26px } .private_right .content .main_infor .portrait { width: 46px; height: 46px; border-radius: 50%; vertical-align: top; margin-right: 43px } .private_right .content .main_infor .dis_inlie { display: inline-block } .private_right .content .main_infor .dis_inlie p { width: 522px; text-align: justify; font-size: 14px; color: #4a4a4a; line-height: 24px } .private_right .content .main_infor .reply { width: 63px; height: 27px; line-height: 27px; text-align: center; font-size: 12px; color: #fff; background: #1461bc; border-radius: 3px; float: right; margin-right: 13px; cursor: pointer } .private_right .content .main_infor .reply:hover { background: #0084ff } .private_right .content .main_infor .time { position: absolute; bottom: 19px; left: 23px; color: #cbcbcb; font-size: 12px } .private_right .content .main_infor .off_btn { font-size: 20px; position: absolute; right: 14px; top: 12px; cursor: pointer } .new_private { width: 167px; height: 38px; line-height: 38px; text-align: center; font-size: 14px; background: #fff; border-radius: 3px; margin: auto } .new_private a { display: block; width: 100%; height: 100%; color: #1461bc } .new_private>a:hover { color: #0084ff } body, ol, ul { margin: 0; padding: 0 } .h2, .h3 { margin: 0 } li { list-style: none } a { text-decoration: none !important } .small_course { display: none; margin: auto; width: 1000px; height: 885px } .hand_gif, .header_gif { width: 56px; height: 69px; position: absolute; left: -39px; top: -14px; display: none } .navbar-nav>li>a { color: #fff !important } .nav-active { position: relative; height: 100% } .navbar-user .home-login { display: none } .shequ-footer { width: 100%; background: url(/themes/bianchengxia/img/home/community_home_footer_bg.png) no-repeat !important; background-position: 50%; background-size: 100% 100% !important; position: relative } .shequ-footer .border-bottom .center ul li a { color: #2f3b55 !important } .shequ-footer .flexs, .shequ-footer .flexs div a { color: rgba(47, 59, 85, .8) !important } .shequ-footer .flexs div a { text-decoration: none } .shequ-footer .right-bq, .shequ-footer .right-bq a { color: rgba(47, 59, 85, .5) !important } .shequ-footer .right-bq a { text-decoration: none } .shequ-footer .border-bottom .center ul li, .shequ-footer .border-bottom .center ul li a:hover { color: #2f3b55 !important } .shequ-footer .border-bottom { border-bottom: none !important } .navbar-brand, .navbar-user .home-register, .navbar-user .user-avatar-toggle { display: none } .scratch_lable { width: 35px; height: 18px; line-height: 18px } .scratch_lable, .scratch_lables { text-align: center; background: #ffcc2b; border-radius: 9px 0 0 9px; color: #fff; position: absolute; right: -2px; bottom: 16px; font-size: 12px; padding-left: 3px; transform: scale(.9) } .scratch_lables { width: 40px; height: 20px; line-height: 20px } .box-showdlisttop { box-shadow: 1px 2px 14px 0 hsla(0, 0%, 80%, .14) } .box-showdlisttop .bxc-centers { width: 1200px; margin: auto; text-align: center } .box-showdlisttop .bxc-centers .ranking_listtop { width: 100%; height: 56px; line-height: 56px; display: flex; justify-content: space-between } .box-showdlisttop .bxc-centers .ranking_listtop .listtop_left { display: flex; justify-content: space-between; width: 490px; margin: auto } .box-showdlisttop .bxc-centers .ranking_listtop .listtop_left a { color: #666; font-size: 22px; margin-right: 43px; transition: all .5s; text-align: center } .box-showdlisttop .bxc-centers .ranking_listtop .listtop_left a:hover { color: #1fc9d3 } .box-showdlisttop .bxc-centers .ranking_listtop .listtop_left .active { color: #1fc9d3 !important } .box-showdlisttop .bxc-centers .ranking_listtop .listtop_left .active:after { content: ""; width: 160px; height: 2px; border-radius: 5px; display: block; background-color: #1fc9d3; margin: 0 auto } .box-showdlisttop .bxc-centers .ranking_listtop .listtop_right { width: 130px; height: 40px; line-height: 40px; text-align: center; background: #2ad6e0; border-radius: 20px; color: #fff; transition: all .5s; margin-top: -60px; cursor: pointer; position: relative } .box-showdlisttop .bxc-centers .ranking_listtop .listtop_right img { vertical-align: middle; padding-bottom: 2px; display: inline-block } .box-showdlisttop .bxc-centers .ranking_listtop .listtop_right .icon-bcxwl { position: absolute; top: -60px; left: 0; right: 0; margin: auto } .box-showdlisttop .bxc-centers .ranking_listtop .listtop_right:hover { background-color: #1fc9d3 } .denl_zhuc { display: inline-block; font-size: 18px; padding-left: 20px } .denl_zhuc a { color: #fff; margin-left: 5px } .denl_zhuc a:hover { color: #fff } .nomner_bg { background: #f5f5f5; border-radius: 20px 20px 0 0 } #pagination_index .swiper-pagination-bullet { margin: 0 9px } .pulic_headernav { position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 999 } .pulic_headernav .bxc-center .nav_ul>li>a { color: #2f3b55 !important } .pulic_headernav .bxc-center .bxccenter_right .start_orally .to_create { color: #451f1f } .pulic_headernav .denl_zhuc>a { color: #2f3b55 !important } .twobcx_nav { position: absolute; top: 70px; width: 140px; background: #fff; box-shadow: 0 2px 8px 1px hsla(0, 0%, 59%, .15); border-radius: 4px; left: 0; font-size: 0; transition: all .5s; display: none; padding: 4px 0 } .twobcx_nav li { width: 100%; height: 42px; line-height: 42px; text-align: center; font-size: 14px } .twobcx_nav li a { display: block; width: 100%; height: 100%; color: #333 } .twobcx_nav li:hover { background-color: #1fc9d3 } .twobcx_nav li:hover a { color: #fff } .new_nav .twobcx_nav { top: 77px } .mask_bgblack { width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); z-index: 9999 } .listingrules, .mask_bgblack { position: fixed; top: 0; display: none } .listingrules { bottom: 0; left: 0; right: 0; margin: auto; width: 520px; height: 690px; border-radius: 20px; z-index: 99999 } .listingrules .h2 { font-size: 26px; color: #fff; width: 100%; height: 73px; line-height: 73px; background-color: #2ad6e0; border-top-left-radius: 20px; border-top-right-radius: 20px; text-align: center; margin: 0 } .listingrules .h2 img { width: 133px; height: 18px } .listingrules .off_imgruls { position: absolute; right: 21px; top: 16px; cursor: pointer; width: 16px; height: 16px } .listingrules .bgrulse { background-color: #fff; padding: 0 28px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px } .listingrules .bgrulse .h4 { font-size: 24px; color: #333; padding: 16px 0; padding-bottom: 5px } .listingrules .bgrulse .pd_div { padding-bottom: 20px } .listingrules .bgrulse .pd_div div { text-align: justify; font-size: 16px; color: #666; line-height: 20px; padding: 3px 0 } .listingrules .bgrulse .kown_btn { width: 100px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; background: #2ad6e0; border-radius: 20px; float: right; margin-bottom: 18px; margin-right: 5px; transition: all .5s; cursor: pointer; border: none; margin-top: 14px } .listingrules .bgrulse .kown_btn:hover { background-color: #1fc9d3 } .listingrules .bgrulse .cd-radio.checked:before { border-color: #2ad6e0; background: #2ad6e0 } .listingrules .bgrulse .cd-radio:before { display: none } .listingrules .bgrulse input[type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; display: inline-block; width: 15px; height: 15px; border: 1px solid #333; outline: none; cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 2px solid #c7c7c7 } .listingrules .bgrulse input[type=radio]:after { content: ""; position: absolute; width: 15px; height: 15px; border: 5px solid #31acff; border-radius: 50%; display: block; left: -1px; top: 0; right: 0; bottom: 0; margin: auto; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); -webkit-transition: all .3s ease-in-out; -moz-transition: all ease-in-out .3s; transition: all .3s ease-in-out } .listingrules .bgrulse input[type=radio]:checked:after { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1) } .listingrules .stutnd_language { padding: 10px 52px } .listingrules .pulic_divsname { font-size: 16px; margin-top: 12px; color: #666 } .listingrules .flex-radiodiv { display: flex } .listingrules .flex-radiodiv div { margin-right: 20px; font-size: 16px; color: #333 } .listingrules .flex-radiodiv div label { vertical-align: middle; font-weight: 400 } .listingrules .pul_inputs { width: 275px; height: 40px; padding-left: 5px } .listingrules .pul_inputs, .listingrules .textarea_pulicl { border: 1px solid #c7c7c7; border-radius: 4px; margin-top: 2px; outline: none } .listingrules .textarea_pulicl { width: 410px; height: 110px; padding: 5px } .listingrules .pul_inputs::-webkit-input-placeholder, .listingrules .textarea_pulicl::-webkit-input-placeholder { color: #c7c7c7 } .listingrules .pul_inputs::-moz-placeholder, .listingrules .textarea_pulicl::-moz-placeholder { color: #c7c7c7 } .listingrules .pul_inputs:-ms-input-placeholder, .listingrules .textarea_pulicl:-ms-input-placeholder { color: #c7c7c7 } .listingrules .pul_inputs:-moz-placeholder, .listingrules .textarea_pulicl:-moz-placeholder { color: #c7c7c7 } .new_nav { width: 100%; background-color: #2ad6e0; height: 70px; position: fixed; top: 0; z-index: 1000; transition: all .5s; display: block } .new_nav .nav_div { display: inline-block; vertical-align: top; padding-top: 16px !important; padding-left: 35px } .new_nav .nav_ul { padding: 0; margin: 0 } .new_nav .nav_ul>li { display: inline-block; list-style: none; position: relative; padding-bottom: 7px } .new_nav .nav_ul>li:hover { font-weight: 700 } .new_nav .nav_ul>li:last-child { margin-right: 0 } .new_nav .nav_ul>li>a { color: #fff; text-decoration: none; padding-bottom: 7px } .new_nav .nav_ul>.active:before { content: ""; width: 80%; height: 5px; background-color: #fff; border-radius: 5px; position: absolute; bottom: 15px !important; left: 0; right: 0; margin: auto } .new_nav .nav_ul>.active { font-weight: 700 !important } .bxc-center .nav_div { display: inline-block; vertical-align: top; padding-top: 30px; padding-left: 35px } .bxc-center .nav_ul { padding: 0; margin: 0; font-size: 0 } .bxc-center .nav_ul>li { display: inline-block; list-style: none; position: relative; transition: all .5s; padding: 24px 20px; margin-top: -43px; font-size: 18px } .bxc-center .nav_ul>li:hover { background-color: hsla(0, 0%, 100%, .25) } .bxc-center .nav_ul>li:hover .twobcx_nav { display: block } .bxc-center .nav_ul>li:last-child { margin-right: 0 } .bxc-center .nav_ul>li>a { color: #fff; text-decoration: none; padding-bottom: 7px } .bxc-center .nav_ul>.active:before { content: ""; width: 40%; height: 5px; background-color: #fff; border-radius: 5px; position: absolute; bottom: 15px; left: 0; right: 0; margin: auto } .bxc-center .nav_ul>.active { font-weight: 700 !important } .new_nav .nav_ul>li { transition: all .5s; padding: 30px 20px; padding-bottom: 30px; margin-top: -24px; height: 77px; margin-top: -23px; padding-bottom: 0 } .new_nav .nav_ul>li:hover { background-color: hsla(0, 0%, 100%, .25); font-weight: 400 } .bxc-center { width: 1200px; margin: 0 auto } .bxc-center .to_indexa { display: inline-block; margin-top: 12px } .bxc-center .to_indexa img { width: 120px } .bxc-center .bxccenter_left { float: left } .bxc-center .bxccenter_right { float: right } .bxc-center .bxccenter_right .search_div { width: 200px; height: 40px; display: inline-block; border-radius: 20px; background-color: #fff; vertical-align: top; margin-top: 14px; margin-right: 20px; position: relative } .bxc-center .bxccenter_right .search_div .searchimg_btn { padding: 12px 19px; position: absolute; right: 0; width: 54px; height: 40px } .bxc-center .bxccenter_right .search_div .hotsearch_div { position: absolute; display: none; width: 200px; height: 154px; background: #fff; border: 1px solid #eee; box-shadow: 0 2px 8px 0 hsla(0, 0%, 59%, .1); border-radius: 8px; z-index: 9 } .bxc-center .bxccenter_right .search_div .hotsearch_div .hot_h2 { font-size: 14px; color: #8b8b8b; padding-left: 16px; padding-top: 5px } .bxc-center .bxccenter_right .search_div .hotsearch_div .hot_serachul>li { font-size: 14px; width: 200px; height: 32px; line-height: 32px } .bxc-center .bxccenter_right .search_div .hotsearch_div .hot_serachul>li a { display: block; color: #333; padding-left: 16px } .bxc-center .bxccenter_right .search_div .hotsearch_div .hot_serachul>li:hover { background-color: #1fc9d3 } .bxc-center .bxccenter_right .search_div .hotsearch_div .hot_serachul>li:hover a { color: #fff } .bxc-center .bxccenter_right .search_div .hotsearch_div .hot_serachul>li:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px } .bxc-center .bxccenter_right .search_div .input_search { width: 120px; height: 40px; outline: none; border: none; display: inline-block; vertical-align: top; padding-top: 2px; margin-left: 20px } .bxc-center .bxccenter_right .start_orally { display: inline-block; position: relative; z-index: 99 } .bxc-center .bxccenter_right .start_orally .to_create { width: 120px; height: 70px; line-height: 70px; text-align: center; color: #fff; font-weight: 700; font-size: 18px; background-color: #ffc100; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; position: relative; z-index: 2; cursor: pointer } .bxc-center .bxccenter_right .start_orally .seratch_pythonul { position: absolute; top: 10px; width: 100%; margin: 0; padding: 0; height: 0; z-index: 1; transition: all .5s; overflow: hidden; background-color: #ffc100; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 0 4px 16px 0 rgba(161, 104, 14, .2) } .bxc-center .bxccenter_right .start_orally .seratch_pythonul>li { width: 100%; height: 60px; line-height: 60px; font-weight: 700; list-style: none; font-size: 18px; text-align: center } .bxc-center .bxccenter_right .start_orally .seratch_pythonul>li>a { display: block; color: #451f1f; text-decoration: none } .bxc-center .bxccenter_right .start_orally .seratch_pythonul>li>a:hover { background-color: #d78817; color: #fff } .bxc-center .bxccenter_right .headportrait_div { display: inline-block; vertical-align: top; margin-left: 34px; margin-top: -7px; margin-right: -15px; cursor: pointer; border: 20px; border: 17px solid transparent; background-clip: padding-box } .bxc-center .bxccenter_right .headportrait_div .toux_dig { width: 47px; height: 47px; border-radius: 50%; background-color: #fff } .start_orally:hover #seratch_pythonul { height: 237px } .headportrait_div { position: relative } .headportrait_div .drop-downlist { position: absolute; right: 3px; top: 60px; transition: all .5s; display: none } .headportrait_div .drop-downlist .drop_ul { width: 120px; border-radius: 4px; background-color: #fff; box-shadow: 0 2px 8px 0 hsla(0, 0%, 59%, .1) } .headportrait_div .drop-downlist .user_namse { height: 42px; width: 100%; line-height: 42px; text-align: center; font-size: 14px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #ddd } .headportrait_div .drop-downlist .drop_ul>li { display: flex; align-items: center; justify-content: center; height: 37px; width: 100%; font-size: 15px; transition: all .5s } .headportrait_div .drop-downlist .drop_ul>li:first-of-type { padding-top: 4px } .headportrait_div .drop-downlist .drop_ul>li:last-of-type { padding-bottom: 4px } .headportrait_div .drop-downlist .drop_ul>li>a { display: flex; justify-content: center; width: 100%; height: 100%; align-items: center; color: #333 } .headportrait_div .drop-downlist .drop_ul>li>a:hover { background-color: #1fc9d3; color: #fff } .headportrait_div .drop-downlist .ttriangle { width: 0; height: 0; border-right: 9px solid transparent; border-left: 9px solid transparent; border-bottom: 11px solid #fff; position: absolute; top: -11px; right: 11px } .headportrait_div:hover .drop-downlist { transform: translateY(0); display: block } .swiper_maindiv { width: 956px; height: 360px; float: left } .swiper_maindiv, .swiper_maindiv .swiper-container { border-radius: 20px } .swiper_maindiv #swiper_index { height: 100% } .swiper_maindiv #swiper_index .swiper-slide>a, .swiper_maindiv #swiper_index .swiper-slide>a>img { display: block; width: 100%; height: 100% } .swiper_maindiv #swiper_index .swiper-button-next, .swiper_maindiv #swiper_index .swiper-button-prev { display: none; transition: all .5s } .swiper_maindiv #swiper_index:hover #swiper-button-next, .swiper_maindiv #swiper_index:hover #swiper-button-prev { display: block } .userlun_main { margin-top: -345px; overflow: hidden } #swiper_index .swiper-button-next { background-image: url("/themes/bianchengxia/img/home/right.png"); background-size: 66px 66px; opacity: .5; transition: all .5s } #swiper_index .swiper-button-next:hover { opacity: 1 } #swiper_index .swiper-button-prev { background-image: url("/themes/bianchengxia/img/home/left.png"); background-size: 66px 66px; opacity: .5; transition: all .5s } #swiper_index .swiper-button-prev:hover { opacity: 1 } #swiper_index .swiper-button-next, #swiper_index .swiper-button-prev { width: 66px; height: 66px } #swiper_index .swiper-pagination-bullet-active { background-color: #fff } .user_mainright { float: right; width: 224px; height: 360px; background-color: #fff; text-align: center; border: 1px solid #eee; border-radius: 20px; color: #333 } .user_mainright .relogin_btn { width: 130px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #2ad6e0; border-radius: 20px; font-size: 18px; color: #2ad6e0; margin: auto; margin-top: 60px; cursor: pointer } .user_mainright .hportrait { width: 85px; height: 85px; border-radius: 50%; background-color: #fff; display: block; margin: auto; margin-top: 47px; margin-bottom: 17px; border: 1px solid #eee } .user_mainright .userbcx_flex { display: flex; justify-content: space-around; align-items: center; transition: all .5s; margin-top: 35px } .user_mainright .userbcx_flex .my_workato>a { color: #666; font-size: 16px; transition: all .5s } .user_mainright .userbcx_flex .my_workato>a:hover { color: #1fc9d3 } .user_mainright .userbcx_flex .margin_top10 { margin-top: 10px } .user_mainright .touser_deatala { color: #333 } .user_mainright .name_over { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 80%; margin: auto; color: #333 } .editor_flexdiv { display: flex; justify-content: space-between; margin-top: 20px } .editor_flexdiv .more_tools { width: 72px; height: 194px; background: #2ad6e0; border-radius: 20px; transition: all .5s } .editor_flexdiv .more_tools a { width: 100%; display: block; color: #fff; text-align: center; height: 100%; letter-spacing: .5px; margin: auto; font-size: 25px; padding-top: 45px } .editor_flexdiv .more_tools a div { margin-top: 5px } .editor_flexdiv .more_tools:hover { background-color: #1fc9d3 } .editor_flexdiv .editor_div { position: relative; height: 194px } .editor_flexdiv .editor_div .scratvch_div { position: absolute; top: 38px; right: 46px; font-size: 26px; color: #fff; font-weight: 700 } .editor_flexdiv .editor_div .editor_bg { width: 100%; height: 100% } .editor_flexdiv .editor_div .editor_leftbg { display: inline-block; padding: 50px 40px; width: 172px; height: 194px } .editor_flexdiv .editor_div .scratvch_name { position: absolute; top: 74px; right: 70px; font-size: 26px; color: #fff } .editor_flexdiv .editor_div .newstart_div { position: absolute; bottom: 15px; right: 16px; display: flex; width: 190px; justify-content: space-between } .editor_flexdiv .editor_div .newstart_div .start_bbtn { width: 86px; height: 44px; line-height: 38px; text-align: center; font-size: 16px; box-shadow: 0 6px 14px 0 rgba(255, 126, 0, .3); border-radius: 23px; border: 3px solid #ffc265 } .editor_flexdiv .editor_div .newstart_div .start_bbtn a { display: block; color: #eb8a00; background: #fff; border-radius: 19px; transition: all .5s } .editor_flexdiv .editor_div .newstart_div .start_30 { border: 3px solid #96cdf6; box-shadow: 0 6px 14px 0 rgba(2, 143, 116, .3) } .editor_flexdiv .editor_div .newstart_div .start_30 a { color: #189eff } .editor_flexdiv .editor_div .newstart_div .python_30 { border: 3px solid #f887a4; margin-left: 60px; box-shadow: 0 6px 14px 0 rgba(209, 29, 80, .3) } .editor_flexdiv .editor_div .newstart_div .python_30 a { color: #e02559 } .editor_flexdiv .editor_div .newstart_div .start_bbtn>a:hover { color: #a46b19; background-color: #fff5e7 } .editor_flexdiv .editor_div .newstart_div .start_30>a:hover { color: #0e76c1; background: hsla(0, 0%, 100%, .6) } .editor_flexdiv .editor_div .newstart_div .python_30>a:hover { color: #8e1839; background-color: #ffd4df } .editor_flexdiv .editor_div .newstart_div .new_door { width: 86px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; background: rgba(0, 0, 0, .2); border-radius: 19px; margin-top: 3px; transition: all .5s } .editor_flexdiv .editor_div .newstart_div .new_door a { display: block; color: #fff; background: rgba(0, 0, 0, .2); border-radius: 19px; transition: all .5s } .editor_flexdiv .editor_div .newstart_div .new_door:hover { background: rgba(0, 0, 0, .3) } .editor_flexdiv .editor_div .python_div { right: 60px } .editor_flexdiv .editor_div2 { background: linear-gradient(-60deg, #ffaa30, #ffbf35); width: 356px; height: 194px; border-radius: 20px } .editor_flexdiv .editor_div3 { width: 356px; height: 194px; background: linear-gradient(-30deg, #4fb5ff, #60bcff); border-radius: 20px } .editor_flexdiv .pythonbs { background: linear-gradient(-30deg, #f35981, #fb7397); width: 356px; height: 194px; border-radius: 20px } .bxcselected_works { margin-top: 59px } .bxcselected_works .bxcselected_flex { display: flex } .bxcselected_works .bxcselected_flex .bxcselected_h2 { font-size: 26px; color: #333; padding-top: 5px } .bxcselected_works .bxcselected_flex .bxcselected_h2 img { vertical-align: top; padding-right: 4px; margin-top: -3px; width: 30px; height: 26px } .bxcselected_works .bxcselected_flex .bcx_ljnum { color: #999; font-size: 16px; padding-left: 28px; vertical-align: middle; line-height: 43px } .bxcselected_works .bxcselec_worksleft { width: 958px; float: left } .bxcselected_works .bxcselec_worksright { width: 225px; float: right } .bxcselected_works .bxcselec_worksright .week_h2 { font-size: 26px; color: #333 } .bxcselected_works .bxcselec_worksright .week_h2 img { vertical-align: middle; padding-bottom: 6px; padding-right: 4px; width: 30px; height: 32px } .bxcselected_works .selectedind_div { margin-top: 10px } .bxcselected_works .selectedind_div .select_bcxul>li { width: 224px; border-radius: 20px; margin-right: 20px; margin-bottom: 20px; display: inline-block; transition: all .5s; border: 1px solid #eee } .bxcselected_works .selectedind_div .select_bcxul>li .temed-img { border-top-left-radius: 20px; border-top-right-radius: 20px; width: 100%; height: 211px; transition: all .5s } .bxcselected_works .selectedind_div .select_bcxul>li .select_borderc { background: #fff; padding: 8px 11px; padding-bottom: 9px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px } .bxcselected_works .selectedind_div .select_bcxul>li .select_borderc .h3 { margin: 0; min-height: 26px; padding-bottom: 8px } .bxcselected_works .selectedind_div .select_bcxul>li .select_borderc .h3 a { color: #333; font-size: 18px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .bxcselected_works .selectedind_div .select_bcxul>li .select_borderc .like_lookdic { display: flex; font-size: 12px } .bxcselected_works .selectedind_div .select_bcxul>li .select_borderc .like_lookdic a { width: 100%; display: flex; color: #4a4a4a } .bxcselected_works .selectedind_div .select_bcxul>li .select_borderc .like_lookdic a .lokess_num { vertical-align: top; margin-top: 2px; padding-right: 1px; width: 19px; height: 12px } .bxcselected_works .selectedind_div .select_bcxul>li .select_borderc .like_lookdic a .lookess_nums { padding-left: 10px; vertical-align: top; margin-top: 3px; padding-right: 4px; width: 32px; height: 12px } .bxcselected_works .selectedind_div .select_bcxul>li .select_borderc .user_headername { margin-top: 10px } .bxcselected_works .selectedind_div .select_bcxul>li .select_borderc .user_headername .head_lilast { width: 24px; height: 24px; border-radius: 50%; vertical-align: middle; margin-right: 6px } .bxcselected_works .selectedind_div .select_bcxul>li .select_borderc .user_headername a { font-size: 14px; color: #666 } .bxcselected_works .selectedind_div .select_bcxul>li .select_borderc .user_headername>a:hover { color: #1fc9d3 } .bxcselected_works .selectedind_div .select_bcxul>li:nth-child(4n+4) { margin-right: 0 } .bxcselected_works .selectedind_div .select_bcxul>li>a { display: block; width: 100%; height: 211px; overflow: hidden; border-top-left-radius: 20px; border-top-right-radius: 20px; position: relative } .bxcselected_works .selectedind_div .select_bcxul>li:hover { box-shadow: 0 5px 13px 0 hsla(0, 0%, 69%, .3) } .bxcselected_works .selectedind_div .select_bcxul>li:hover .temed-img { transform: scale(1.08) } .bxcranking_ul { width: 100%; border: 1px solid #eee; border-radius: 20px; margin-top: 20px; background-color: #fff } .bxcranking_ul .ranlk_left { position: relative; float: left; width: 116px } .bxcranking_ul .ranlk_left .worksf_img { width: 116px; height: 80px; border-radius: 10px; transition: all .5s } .bxcranking_ul .ranlk_left .rank_nums { position: absolute; top: 0; left: 0; width: 39px; height: 24px; line-height: 24px; background: rgba(0, 0, 0, .2); border-top-left-radius: 10px; border-bottom-right-radius: 4px; font-size: 12px; text-align: center; color: #fff } .bxcranking_ul .ranlk_right { float: right; width: 80px } .bxcranking_ul .ranlk_right .minhegit_shing { min-height: 49px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; padding-left: 7px; -webkit-box-orient: vertical } .bxcranking_ul .ranlk_right .minhegit_shing:hover { color: #1fc9d3 } .bxcranking_ul li { margin: 11px; border-bottom: 1px solid #eee; padding-bottom: 8.5px; transition: all .5s } .bxcranking_ul li:first-of-type .rank_nums { background-color: #ff8400 } .bxcranking_ul li:nth-child(2) .rank_nums { background-color: #fca419 } .bxcranking_ul li:nth-child(3) .rank_nums { background-color: #ffcc2b } .bxcranking_ul li:last-of-type { margin-bottom: 0 } .bxcranking_ul li>a { color: #333 } .bxcranking_ul li:hover .worksf_img { box-shadow: 0 3px 5px 0 hsla(0, 0%, 69%, .3) } .bxcranking_ul .hotvx_div { text-align: right } .bxcranking_ul .hotvx_div img { vertical-align: bottom; display: inline-block; margin-right: 7px; width: 30px; height: 30px } .bxcranking_ul .hotvx_div span { display: inline-block; color: #ffcc2b; font-size: 24px; margin-left: -16px } .bxcranking_ul .look_moreraking { font-size: 18px; text-align: center; color: #333; margin: auto; display: block; padding-bottom: 15px; padding-top: 10px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px } .bxcranking_ul .look_moreraking:hover { background-color: #1fc9d3; color: #fff } .latest_works { margin-top: 40px } .latest_works .h3 { margin: 0; font-size: 26px; color: #333 } .latest_works .h3 img { vertical-align: top; padding-top: 0; padding-right: 4px; width: 30px; height: 26px } .latest_works .h3 .look_newwokmore { display: inline-block; float: right; width: 90px; height: 28px; line-height: 18px; border: 1px solid #ccc; border-radius: 14px; text-align: center; background-color: #fff; margin-top: 0 } .latest_works .h3 .look_newwokmore a { color: #999; font-size: 14px } .latest_works .h3 .look_newwokmore:hover { background-color: #1fc9d3; border: 1px solid #1fc9d3 } .latest_works .h3 .look_newwokmore:hover>a { color: #fff } .select_bcxul { font-size: 0 } .newlist_divsbc .select_bcxul { margin-top: 20px } .newlist_divsbc .select_bcxul>li { width: 224px; border-radius: 20px; margin-right: 20px; margin-bottom: 20px; display: inline-block; transition: all .5s; border: 1px solid #eee } .newlist_divsbc .select_bcxul>li .temed-img { border-top-left-radius: 20px; border-top-right-radius: 20px; width: 100%; height: 211px; transition: all .5s } .newlist_divsbc .select_bcxul>li .select_borderc { background: #fff; padding: 8px 11px; padding-bottom: 9px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px } .newlist_divsbc .select_bcxul>li .select_borderc .h3 { margin: 0; min-height: 26px; padding-bottom: 8px } .newlist_divsbc .select_bcxul>li .select_borderc .h3 a { color: #333; font-size: 18px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .newlist_divsbc .select_bcxul>li .select_borderc .like_lookdic { display: flex; font-size: 12px } .newlist_divsbc .select_bcxul>li .select_borderc .like_lookdic a { width: 100%; display: flex; color: #4a4a4a } .newlist_divsbc .select_bcxul>li .select_borderc .like_lookdic a .lokess_num { vertical-align: top; margin-top: 3px; padding-right: 1px; width: 19px; height: 12px } .newlist_divsbc .select_bcxul>li .select_borderc .like_lookdic a .lookess_nums { padding-left: 10px; vertical-align: top; margin-top: 3px; padding-right: 4px; width: 32px; height: 12px } .newlist_divsbc .select_bcxul>li .select_borderc .user_headername { margin-top: 10px } .newlist_divsbc .select_bcxul>li .select_borderc .user_headername .head_lilast { width: 24px; height: 24px; border-radius: 50%; vertical-align: middle; margin-right: 6px } .newlist_divsbc .select_bcxul>li .select_borderc .user_headername a { font-size: 14px; color: #666 } .newlist_divsbc .select_bcxul>li .select_borderc .user_headername>a:hover { color: #1fc9d3 } .newlist_divsbc .select_bcxul>li>a { display: block; width: 100%; height: 211px; overflow: hidden; border-top-left-radius: 20px; border-top-right-radius: 20px; position: relative } .newlist_divsbc .select_bcxul>li:hover { box-shadow: 0 5px 13px 0 hsla(0, 0%, 69%, .3) } .newlist_divsbc .select_bcxul>li:hover .temed-img { transform: scale(1.08) } .newlist_divsbc .select_bcxul>li:nth-child(5n+5) { margin-right: 0 } .rightnav_fiexd { position: fixed; right: 21px; bottom: 173px; z-index: 99 } .rightnav_fiexd .bcx_animal { margin-bottom: -14px; margin-left: 1px; position: relative; z-index: 50; width: 58px; height: 67px } .right_navul { width: 56px; background: #fff; border: 1px solid #ccc; border-radius: 20px; position: relative } .right_navul li { width: 100%; height: 55px; line-height: 55px; text-align: center; margin: auto; border-bottom: 1px solid #ccc; position: relative } .right_navul li a { display: block; height: 100% } .right_navul li a img:first-child { width: 31px; height: 27px } .right_navul li a img:nth-child(2) { width: 31px; height: 31px } .right_navul li a img:nth-child(3) { width: 28px; height: 28px } .right_navul li .font_text { width: 100%; height: 55px; background-color: #2ad6e0; color: #fff; text-align: center; display: none; position: absolute; top: 0; line-height: 20px; transition: all .5s } .right_navul li .font_text div:first-child { padding-top: 6px } .right_navul li .tel_numcoy { width: 138px; height: 48px; line-height: 48px; background: #fff; border: 1px solid #eee; border-radius: 10px; text-align: center; color: #333; font-size: 15px; position: absolute; left: -146px; top: 0; opacity: 0; transition: all .5s } .right_navul li:last-of-type { border: none } .right_navul li:nth-of-type(2):hover .tel_numcoy { opacity: 1 } .right_navul li:hover .font_text { display: block } .right_navul li:first-of-type .font_text { border-top-left-radius: 18px; border-top-right-radius: 18px; padding-top: 4px } .right_navul li:last-of-type .font_text { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px } .right_navul #to_top { border-top: 1px solid #ccc; height: 55px; margin: auto; text-align: center; cursor: pointer; position: relative } .right_navul #to_top .to_atop { padding-top: 14px; width: 30px; height: 44px } .right_navul #to_top .font_text { position: absolute; top: 0; background-color: #2ad6e0; text-align: center; color: #fff; width: 100%; height: 55px; display: none; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px } .right_navul #to_top .font_text div:first-child { padding-top: 8px } .right_navul #to_top .font_text div:last-of-type { margin-top: -5px } .right_navul #to_top:hover .font_text { display: block } .no_click { pointer-events: none; padding-top: 1px } .mywork_divon>.work_click:last-of-type { margin-right: 0 } .courses_introduction { margin-top: 40px } .courses_introduction .courses_imgs { display: block; margin: auto; width: 1200px; height: 1067px } .courses_introduction .h3 { margin: 0; font-size: 26px; color: #333 } .courses_introduction .h3 img { vertical-align: top; padding-top: 0; padding-right: 4px; width: 30px; height: 26px } .courses_introduction .bcx_intocsrs { position: relative; width: 100%; height: 310px; margin-top: 40px } .courses_introduction .bcx_intocsrs img { width: 100%; height: 100% } .courses_introduction .bcx_intocsrs .bxc_intorcdiv { position: absolute; top: 93px; left: 85px; font-size: 16px; color: #666 } .courses_introduction .bcx_intocsrs .bxc_intorcdiv .h2 { font-size: 22px; color: #333; font-weight: 700; padding-bottom: 30px } .courses_introduction .bcx_intocsrs .bxc_intorcdiv .p { width: 517px; text-align: justify; line-height: 26px } .material_entry { display: block; margin: auto; margin-top: 30px } .bcxi_introducdiv { width: 100%; position: relative; margin: 120px 0 } .bcxi_introducdiv .bg_intor { width: 100%; height: 519px } .bcxi_introducdiv .swiper_introduc { margin-top: -310px; height: 450px; padding-bottom: 20px } .bcxi_introducdiv #swiper_intro { padding-bottom: 20px } .bcxi_introducdiv #swiper_intro .swiper-slide { padding-top: 70px; -webkit-transition: transform .75s; -moz-transition: transform .75s; -ms-transition: transform .75s; -o-transition: transform .75s; -webkit-transform: scale(.9); transform: scale(.9); overflow: hidden } .bcxi_introducdiv #swiper_intro .bg_showd { position: absolute; top: 70px; width: 100%; height: 389px; background-color: hsla(0, 0%, 100%, .56); z-index: 99; border-radius: 18px } .bcxi_introducdiv #swiper_intro .bg_yelloshowd { position: absolute; top: 72px; width: 100%; height: 389px; background-color: #ffcc2b; opacity: .17; z-index: 0; border-radius: 20px } .bcxi_introducdiv #swiper_intro .swiper-slide-active { -webkit-transform: scale(1); transform: scale(1); width: 810px !important } .bcxi_introducdiv #swiper_intro .swiper-slide-active .teach_introd { right: 61px } .bcxi_introducdiv #swiper_intro .swiper-slide-active .bg_showd, .bcxi_introducdiv #swiper_intro .swiper-slide-active .bg_yelloshowd { display: none } .bcxi_introducdiv #swiper_intro .swiper-slide-active .teacher_pepole { left: 65px; filter: grayscale(0); opacity: 1 } .bcxi_introducdiv #swiper_intro .swiper-slide-active .teach_introd { width: 327px; right: 74px } .bcxi_introducdiv #swiper_intro .swiper-slide-active .name_bg { display: block } .bcxi_introducdiv #swiper-button-previ { left: 31.5%; background-size: 17px 28px; top: 55% } .bcxi_introducdiv #swiper-button-nexti { right: 31.5%; top: 55%; background-size: 17px 28px } .bcxi_introducdiv .teacher_pepole { position: absolute; top: 0; left: 10px; z-index: 999; filter: grayscale(40%); width: 300px; height: 460px; opacity: .75 } .bcxi_introducdiv .bg_teacher { width: 100%; height: 390px } .bcxi_introducdiv .teach_introd { width: 276px; position: absolute; right: 40px; top: 68px; z-index: 1 } .bcxi_introducdiv .teach_introd .h2 { font-size: 26px; padding-top: 68px; padding-bottom: 40px; font-weight: 700 } .bcxi_introducdiv .teach_introd .h3 { margin: 0; font-size: 20px; padding-bottom: 20px } .bcxi_introducdiv .teach_introd .p { font-size: 16px; color: #666 } .bcxi_introducdiv .teach_introd .p div { padding-bottom: 5px } .bcxi_introducdiv .teach_introd .h2:after { content: ""; width: 40px; height: 6px; display: block; border-radius: 10px; background-color: #13c8d1; margin-left: 3px; margin-top: 11px } .bcxi_introducdiv .name_bg { font-size: 122px; text-transform: uppercase; color: #e8e8e8; position: absolute; top: 40%; text-align: center; z-index: 0; font-weight: 700; left: 0; right: 0; margin: auto; display: none; letter-spacing: 8px; width: 800px; height: 155px; overflow: hidden } .bcxi_introducdiv .name_bg div { width: 90%; height: 147px; overflow: hidden; white-space: nowrap; padding-top: 37px; text-align: center; margin: auto } .bcxi_introducbg { width: 1200px; margin: auto; position: absolute; top: 40px; left: 0; right: 0 } .bcxi_introducbg .h2 { font-size: 26px; color: #333; padding-bottom: 42px; text-align: center } .bcxi_introducbg p { font-size: 16px; line-height: 26px; text-align: justify } .fpttoer_flex { width: 1200px; justify-content: center; padding-top: 64px; display: flex; justify-content: space-between; margin: auto } .fpttoer_flex dt { font-size: 20px; color: #fff; padding-bottom: 30px; font-weight: 400 } .fpttoer_flex dd { font-size: 16px; margin-left: 0; padding-bottom: 16px } .fpttoer_flex dd a { color: #fff } .fpttoer_flex dd a:hover { text-decoration: underline !important } .friendship-link { width: 1200px; color: #fff; margin: auto; text-align: left } .friendship-link>.linkDiv { width: 925px; margin-top: -40px; border-top: 1px solid hsla(0, 0%, 100%, .15) } .friendship-link h2 { font-size: 20px; padding-bottom: 10px } .friendshipUl li { display: inline-block; margin-right: 77px; font-size: 16px } .friendshipUl li:hover { text-decoration: underline } .friendshipUl li>a { color: #fff } .record_no { text-align: center; padding: 32px 0 19px } .record_no a { color: hsla(0, 0%, 100%, .6); font-size: 16px } .record_no a:hover { color: #fff !important } .examination-div { display: flex; width: 1200px; justify-content: space-between; padding-top: 40px; padding-bottom: 100px; margin: auto } .examination-div img { width: 384px; height: 199px; border-radius: 8px } .examination-div .examRelative { width: 32%; position: relative; border-radius: 8px } .examination-div .examRelative .pdf-absoult { position: absolute; right: 110px; bottom: 10px; width: 86px; height: 32px; border-radius: 50% } .examination-div .examRelative .sign-examination1 { position: absolute; right: 16px; bottom: 10px; width: 85px; height: 32px; border-radius: 50% } .disinlin_kid { color: #fff; font-size: 16px; text-align: center } .disinlin_kid img { padding-bottom: 18px; width: 160px; height: 178px } #swiper_intro .swiper-slide-next .teach_introd { right: -58px } #swiper_intro .swiper-slide-next .teacher_pepole { left: 70px } .rankwork_img:hover { transform: scale(1.08) } .a_hosver:hover, .rankwork_img:hover { box-shadow: 0 5px 13px 0 hsla(0, 0%, 69%, .3) } .week_rankingdiv .week_ul { margin-top: 30px; padding-bottom: 30px } .week_rankingdiv .week_ul>li { width: 100%; height: 220px; background: #fff; border: 1px solid #eee; border-radius: 20px; display: flex; position: relative; margin-top: 20px } .week_rankingdiv .week_ul>li .rank_top10 { padding: 40px 30px; min-width: 124px } .week_rankingdiv .week_ul>li .rankwork_img { width: 270px; height: 200px; transition: all .5s; border-radius: 20px } .week_rankingdiv .week_ul>li .rankwork_disinline { display: flex } .week_rankingdiv .week_ul>li .rankwork_disinline>a { width: 100%; height: 200px; display: block; overflow: hidden; border-radius: 20px; margin-top: 9px; transition: all .5s; border: 1px solid #eee; position: relative } .week_rankingdiv .week_ul>li .rank_score { width: 300px; height: 90px; background: rgba(255, 204, 43, .15); border-radius: 45px 0 0 45px; position: absolute; right: 0; top: 65px; display: flex } .week_rankingdiv .week_ul>li .rank_score .rank_num { font-size: 50px; color: #ff8400; padding-left: 26px; padding-top: 34px } .week_rankingdiv .week_ul>li .rank_score .rank_num span { font-size: 20px; margin-left: -10px } .week_rankingdiv .week_ul>li .rank_score .rang_pinxx { padding-left: 20px; padding-top: 19px } .week_rankingdiv .week_ul>li .rank_score .rang_pinxx .grade { display: none !important } .week_rankingdiv .week_ul>li .rank_score .pepl_numfs { font-size: 20px; color: #999; padding-top: 5px } .week_rankingdiv .week_ul>li .rank_disflex { position: relative } .week_rankingdiv .week_ul>li .rank_disflex .rank_tx { width: 34px; height: 34px; border-radius: 50%; margin-left: 40px; vertical-align: middle; margin-right: 7px; margin-bottom: 3px } .week_rankingdiv .week_ul>li .rank_disflex .h2 { font-size: 26px; padding-top: 33px; padding-left: 40px; width: 344px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .week_rankingdiv .week_ul>li .rank_disflex .h2 a { color: #333 } .week_rankingdiv .week_ul>li .rank_disflex .h2:hover a { color: #1fc9d3 } .week_rankingdiv .week_ul>li .rank_disflex .name { position: absolute; bottom: 34px } .week_rankingdiv .week_ul>li .rank_disflex .name>a { font-size: 18px; color: #666 } .week_page>ul { display: flex; float: right; margin-top: 30px } .week_page>ul li { width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 17px; background: #fff; border: 1px solid #eee; border-radius: 50%; margin: 0 4px } .week_page>ul li a { display: block; color: #666; height: 100% } .week_page>ul li:first-child { background: url("/themes/bianchengxia/img/home/pagrturn_left_disable.png") no-repeat; background-size: 7px 11px; background-position-y: 15px; background-position-x: 16px; background-color: #fff } .week_page>ul li:last-child { background: url("/themes/bianchengxia/img/home/pagrturn_right_disable.png") no-repeat; background-size: 7px 11px; background-position-y: 15px; background-position-x: 16px; background-color: #fff } .week_page>ul li:hover a { background-color: #1fc9d3; color: #fff; border-radius: 50% } .week_page>ul li:first-child:hover a, .week_page>ul li:last-child:hover a { background-color: transparent } .week_page>ul li:first-child:hover { background: url("/themes/bianchengxia/img/home/pagrturn_left_highlight.png") no-repeat; background-size: 7px 11px; background-position-y: 15px; background-position-x: 16px; background-color: #fff } .week_page>ul li:last-child:hover { background: url("/themes/bianchengxia/img/home/pagrturn_right_highlight.png") no-repeat; background-size: 7px 11px; background-position-y: 15px; background-position-x: 16px; background-color: #fff } .week_page>ul .no_clickimg { margin-top: 25px; margin-right: -4px } .ramnlk_numbg { width: 99px; height: 99px; background: url("/themes/bianchengxia/img/home/ranking_jiangbei_icon4.png") no-repeat; background-position: 50%; background-size: cover; margin-top: 28px; text-align: center; line-height: 97px; font-size: 22px; color: #fa4955; font-weight: 700; margin-left: 16px } @media screen and (max-width:1760px) { #swiper_intro .swiper-slide-prev .teacher_pepole { left: -141px } #swiper_intro .swiper-slide-next .teach_introd { right: -166px } } @media screen and (max-width:1440px) { .rank_disflex .h2, .scratvch_div, .scratvch_name { font-size: 24px !important } .editor_flexdiv .more_tools a, .listtop_left a { font-size: 22px !important } .bxc-center .nav_ul>li, .denl_zhuc, .rank_disflex .name>a, .select_borderc .h3 a, .seratch_pythonul>li, .to_create { font-size: 16px !important } .bxcranking_ul .look_moreraking, .fpttoer_flex dt { font-size: 18px !important } .fpttoer_flex dd, .new_door, .start_bbtn { font-size: 14px !important } .user_headername a { font-size: 12px !important } } @media screen and (max-width:1200px) { .small_course { display: block } .navbar-user .home-login { display: block; color: #fff } .official_new .offic_newul>li:nth-child(6n+6) { margin-right: auto !important } .bcxnew-footer .border-bottom .center, .bcxnew-footer .centers { width: 90% !important; margin: auto; padding-top: 35px } .bcxnew-footer { height: 350px !important } .examination-div { width: 100%; padding: 0 30px 30px } .examination-div .examRelative { width: 50%; display: inline-block } .bmoblie_dsv { padding: 30px 0 !important } .bmolbiefooter_div .bmoblie_dsv img { width: auto !important; height: auto !important } .bmolbiefooter_div .bsmoblie_code { width: 200px !important } .examination-div img { width: 100%; height: auto; margin: auto; border-radius: 8px; display: block; padding: 5px } .user-avatar-li .dropdown-menu { left: -57px !important } .navbar-user .home-register { display: block; color: #fff } .navbar-user .user-avatar-toggle { display: block } .material_entry { margin-top: -16px; height: 52px } .bxc-centers .ranking_listtop .listtop_left a { font-size: 14px } .bcxi_introducdiv #swiper_intro .swiper-slide-active { width: 100% !important } .bcxi_introducdiv #swiper_intro .swiper-slide-active .teacher_pepole { left: 160px; width: 240px; top: 90px } .bcxi_introducdiv #swiper-button-nexti { left: 16.5%; top: 88% } .bcxi_introducdiv #swiper-button-previ { left: 5.5%; top: 88% } .latest_works .h3 .look_newwokmore { line-height: 23px } .bcxi_introducdiv .teacher_pepole { opacity: .5 } .courses_introduction .bcx_intocsrs { height: 224px; margin-top: -40px } .courses_introduction .bcx_intocsrs img { display: none } .courses_introduction .bcx_intocsrs .bxc_intorcdiv { position: absolute; top: 93px; left: 0; right: 0; margin: auto } .courses_introduction .h3 img { padding-top: 0 } .courses_introduction .h3 { font-size: 20px } .courses_introduction .courses_imgs { margin-top: 30px } .bcxi_introducbg .h2 { padding-bottom: 20px } .bcxi_introducdiv .swiper_introduc { margin-top: -258px } .fpttoer_flex dt { font-size: 16px } .fpttoer_flex dd { font-size: 13px } .disinlin_kid { display: none } .record_no a { font-size: 13px; color: #fff !important } .bcxlast_footer { height: 371px; margin-top: 31px !important; margin-top: 0 !important } .bxcselected_works .bxcselec_worksleft, .courses_introduction .bcx_intocsrs .bxc_intorcdiv .p, .swiper_maindiv { width: 100% } .bxcselected_works .selectedind_div .select_bcxul>li:nth-child(4n+4), .newlist_divsbc .select_bcxul>li { margin-right: 9px } .new_nav { height: 59px } .biancxia_header>.bxc-center { display: none !important } .userlun_main { margin-top: -258px } .swiper_maindiv { height: 310px; margin-top: 60px } .biancxia_header { height: 310px !important } .editor_flexdiv { display: block; margin: auto } .editor_flexdiv .editor_div { height: 194px; margin: auto; margin-top: 30px; width: 100% } .editor_flexdiv .editor_div .editor_bg { width: 100% } .bxc-center .to_indexa img { width: 100px } .editor_flexdiv .more_tools { width: 100%; height: 194px; line-height: 100px } .editor_flexdiv .more_tools a div { display: inline-block } #swiper-button-next, #swiper-button-prev { display: none } .select_bcxul { display: flex; flex-wrap: wrap; justify-content: space-between } .bxcselected_works .selectedind_div .select_bcxul>li { width: 48% } .bxcselected_works .selectedind_div .select_bcxul>li:nth-child(2n+2) { margin-right: 0 !important } .bxcselected_works .bxcselected_flex .bxcselected_h2 { font-size: 20px } .bxcselected_works .bxcselected_flex .bxcselected_h2 img { vertical-align: top; padding-top: 0 } .bxcselected_works .bxcselected_flex .bcx_ljnum { margin-top: -4px } .latest_works .h3 { font-size: 20px } .latest_works .h3 img { padding-top: 0 } .latest_works .h3 .look_newwokmore { margin-top: 2px } .newlist_divsbc .select_bcxul.select_bcxul>li { width: 48% } .navbar-user { display: none } .user_mainright { height: 310px; margin-top: 61px } .newlist_divsbc .select_bcxul>li:nth-child(2n+2) { margin-right: 0 !important } .courses_imgs { display: none !important } .all_workmainalert { top: 10px !important; bottom: auto !important } .new-activityindex .nwork-list .center { padding-bottom: 150px } .rightnav_fiexd { display: none } .bxc-center, .bxc-centers, .fpttoer_flex { width: 95% } .new_nav .nav_ul>li { padding: 24px 11px; height: 70px; margin-top: -16px } .biancxia_header .nav_ul>li { margin-right: 25px } .swiper_maindiv { width: 853px } .bxc-center .bxccenter_right .search_div { width: 180px } .bxc-center .nav_div { padding-left: 24px } .editor_flexdiv .editor_div .editor_bg { width: 95% } .editor_flexdiv .editor_div .newstart_div { right: 20px } .bcxi_introducbg { width: 85% } .bxcselected_works .bxcselec_worksleft { width: 834px } .bxcselected_works .selectedind_div .select_bcxul>li { width: 201px; margin-right: 2px } .newlist_divsbc .select_bcxul>li { width: 201px; margin-right: 17px } .newlist_divsbc .select_bcxul { margin: 20px auto } .bxc-center .nav_ul>li { font-size: 16px } } @media screen and (max-width:1140px) { .bxc-center .bxccenter_right .search_div .input_search { width: 90px } .hddetail_main .list_imgs .center_front { margin-top: 20px !important } .bxcselected_works .bxcselec_worksleft { width: 814px } .newlist_divsbc .select_bcxul>li { width: 193px } .bxcselected_works .selectedind_div .select_bcxul>li { width: 194px; margin-right: 2px } .bxcselected_works .selectedind_div .select_bcxul>li:nth-child(2n+2) { margin-right: 2px !important } .bxc-center .bxccenter_right .search_div { width: 160px } .swiper_maindiv { width: 795px } } @media screen and (max-width:1120px) { .bxc-center .nav_ul>li { font-size: 16px } .swiper_maindiv { width: 738px } .bxcselected_works .selectedind_div .select_bcxul>li { width: 179px } .bxcselected_works .bxcselec_worksleft { width: 745px } .newlist_divsbc .select_bcxul>li { width: 187px } } @media screen and (max-width:1080px) { .offic_newul>li, .official_new .offic_newul>li:nth-child(6n+6) { margin-right: 10px !important } } @media screen and (max-width:1000px) { .small_course { width: 100% } .denl_zhuc, .headportrait_div, .nav_div, .search_div, .start_orally, .to_indexa, .user_mainright { display: none !important } .navbar-user { display: block; margin-top: 10px } } @media screen and (max-width:856px) { .week_rankingdiv .week_ul>li .rank_score .rank_num { font-size: 33px; color: #ff8400; padding-left: 26px; padding-top: 24px } .newright-nav { display: none !important } .visible-xs { display: block !important } .swiper_maindiv { width: 100%; height: 210px; margin-top: 10px } .bxcselected_works .bxcselec_worksleft { width: 100% } .bxcselected_works .selectedind_div .select_bcxul>li, .newlist_divsbc .select_bcxul>li { width: 46% !important } .bxcselected_works .bxcselected_flex .bxcselected_h2 { font-size: 16px } .bxcselected_works .bxcselected_flex .bcx_ljnum { padding-left: 10px } .bxcselected_works .bxcselec_worksright { width: 100% } .bmolbiefooter_div .bmoblie_dsv img { width: 80px !important } .examination-div { padding: 0 15px 15px !important } .examination-div img { padding: 0 !important; margin-bottom: 30px !important } .bmolbiefooter_div .bsmoblie_code { width: 100px !important } .examination-div { display: block !important } .examination-div .examRelative { width: 100%; display: block } .week_rankingdiv .week_ul>li .rank_score { width: 222px; height: 86px; background: rgba(255, 204, 43, .15); border-radius: 45px 0 0 45px; position: absolute; right: 0; top: 65px } .week_rankingdiv .week_ul>li .rank_top10 { padding: 40px 30px; min-width: 124px } .week_rankingdiv .week_ul>li .rank_disflex .h2 { font-size: 15px; padding-top: 19px; padding-left: 11px; width: 170px } .week_rankingdiv .week_ul>li .rank_disflex .name { bottom: 12px; left: -24px } .week_rankingdiv .week_ul>li .rankwork_img { width: 198px; height: 160px; margin-top: 10px } .week_rankingdiv .week_ul>li .rankwork_disinline { position: absolute; bottom: 16px } .week_rankingdiv .week_ul>li { height: 380px; margin-top: 20px } } .clearfix { zoom: 1 } .clearfix:after, .clearfix:before { content: "\200B"; display: block; height: 0; visibility: hidden } * { margin: 0; padding: 0 } .find_header { width: 1200px; margin: auto; display: flex; margin-top: -50px } .find_header a { font-size: 22px; color: hsla(0, 0%, 100%, .5); margin-right: 40px; transition: all .5s } .find_header .active, .find_header a:hover { color: #fff } .find_header .active:after { content: ""; display: block; width: 30px; height: 5px; background: #fff; border-radius: 3px; margin: 10px auto } .music_postion { position: absolute; top: 75%; left: 0; right: 0; margin: auto; display: flex; align-items: center; justify-content: center; color: #fff } .bcx_findlabled { display: flex; justify-content: space-between } .bcx_findlabled .findlabl_flex { display: flex; margin-top: 20px } .bcx_findlabled .findlabl_flex .li { width: 110px; height: 40px; line-height: 38px; text-align: left; background: #fff; border: 1px solid #eee; border-radius: 20px; font-size: 18px; margin-right: 10px } .bcx_findlabled .findlabl_flex .li a { display: block; color: #999; height: 39px; border-radius: 20px } .bcx_findlabled .findlabl_flex .li .iconfont { font-size: 58px; vertical-align: middle; padding-bottom: 4px; margin-right: -16px; padding-left: 9px; color: #c7c7c7; padding-right: 3px; margin-left: -2px } .bcx_findlabled .findlabl_flex .li .iconfind_work_class_all { padding-top: 0; margin-bottom: -19px; display: inline-block; margin-right: -20px; padding-left: 10px; font-size: 54px } .bcx_findlabled .findlabl_flex .li .iconfind_work_class_game { font-size: 63px; margin-right: -18px; padding-left: 4px } .bcx_findlabled .findlabl_flex .li .iconfind_work_class_animation { font-size: 50px; margin-right: -14px; padding-left: 12px } .bcx_findlabled .findlabl_flex .li .iconfind_work_class_music { font-size: 50px; padding-left: 13px } .bcx_findlabled .findlabl_flex .li .iconfind_work_class_education { font-size: 65px; margin-right: -20px; padding-left: 5px } .bcx_findlabled .findlabl_flex .li .iconfind_work_class_simulation { margin-right: -19px; font-size: 63px; padding-left: 3px } .bcx_findlabled .findlabl_flex .li .iconfind_work_class_fun { display: inline-block; margin-top: -3px } .bcx_findlabled .findlabl_flex .active { background-color: #1fc9d3; color: #fff !important } .bcx_findlabled .findlabl_flex .active .iconfont { color: #fff } .bcx_findlabled .findlabl_flex .li:hover { background-color: #1fc9d3 } .bcx_findlabled .findlabl_flex .li:hover .iconfont, .bcx_findlabled .findlabl_flex .li:hover a { color: #fff } .bcx_findlabled .findt_fright { margin-top: 28px } .bcx_findlabled .findt_fright a { color: #999; font-size: 16px; padding: 0 10px; margin-top: 2px; vertical-align: middle } .bcx_findlabled .findt_fright a:hover { color: #1fc9d3 } .bcx_findlabled .findt_fright .active { color: #1fc9d3 !important } .bcx_findlabled .findt_fright .dis_inlinv { display: inline-block; color: #999; opacity: .6 } .official_new { margin-top: 40px } .official_new .h3 { font-size: 26px; color: #333; margin: 0 } .official_new .h3 img { vertical-align: top; padding-top: 3px; padding-right: 4px } .official_new .h3 .look_newwokmore { display: inline-block; float: right; width: 90px; height: 28px; line-height: 18px; border: 1px solid #ccc; border-radius: 14px; text-align: center; background-color: #fff; margin-top: 7px } .official_new .h3 .look_newwokmore a { color: #999; font-size: 14px } .official_new .h3 .look_newwokmore:hover>a { color: #fff } .official_new .h3 .look_newwokmore:hover { background-color: #31acff; border: 1px solid #31acff } .official_new .offic_newul { font-size: 0; overflow: hidden; margin-right: 0; width: 1200px } .official_new .offic_newul>li { width: 183px; height: 210px; float: left; background: #fff; border: 1px solid #eee; border-radius: 20px; margin-right: 20px; margin-top: 18px; position: relative; cursor: pointer } .official_new .offic_newul>li .bg_offic { width: 100%; height: 140px; border-top-left-radius: 20px; border-top-right-radius: 20px } .official_new .offic_newul>li .name { font-size: 13px; color: #333; padding: 14px 0 0 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 104px } .official_new .offic_newul>li .integral { font-size: 12px; color: #999; padding-left: 7px } .official_new .offic_newul>li .exchange_btn { border: 1px solid #31acff; border-radius: 12px; color: #31acff; bottom: 23px } .official_new .offic_newul>li .exchange_btn, .official_new .offic_newul>li .exchange_btnon { width: 48px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; position: absolute; right: 8px } .official_new .offic_newul>li .exchange_btnon { border: 1px solid #c7c7c7; border-radius: 12px; color: #c7c7c7; bottom: 15px } .official_new .find_officmore { width: 200px; height: 50px; line-height: 50px; text-align: center; background: #2ad6e0; border-radius: 25px; font-size: 18px; margin: 50px auto } .official_new .find_officmore a { display: block; color: #fff } .official_new .find_officmore:hover { background-color: #1fc9d3 } .official_new .offic_newul>li:nth-child(6n+6) { margin-right: 0 } .popup_div .explanatory:hover+.title_alls { display: block } .popup_div { position: fixed; width: 400px; height: 450px; background: #fff; border-radius: 20px; top: 15%; left: 0; right: 0; margin: auto; z-index: 9999; display: none } .popup_div .bg_offict { width: 350px; height: 240px; border-radius: 20px; display: block; margin: auto; margin-top: 25px } .popup_div .name { font-size: 24px; color: #333; padding: 23px 0 8px 26px } .popup_div .show_msg { color: #999; font-size: 14px; padding-left: 26px } .popup_div .explanatory { font-size: 13px; color: #999; padding-left: 26px; cursor: pointer; padding-top: 8px; width: 90px } .popup_div .explanatory img { vertical-align: middle; padding-bottom: 2px } .popup_div .off_popul { position: absolute; right: 20px; top: 20px; cursor: pointer } .popup_div .ex_chang { width: 100px; height: 40px; line-height: 40px; text-align: center; background: #31acff; border: 1px solid #31acff; border-radius: 20px; font-size: 18px; color: #fff; display: block; float: right; margin-right: 25px; margin-top: 5px; transition: all .5 } .popup_div .ex_chang:hover { background-color: #0387e0 } .popup_div .ex_changon { width: 100px; height: 40px; line-height: 40px; text-align: center; background: #fff; border: 1px solid #c7c7c7; border-radius: 20px; font-size: 18px; color: #c7c7c7; display: block; float: right; margin-right: 25px; margin-top: 5px } .popup_div .title_alls { width: 234px; height: 70px; background: #fff; border: 1px solid #eee; box-shadow: 0 2px 8px 0 hsla(0, 0%, 59%, .15); border-radius: 4px; font-size: 13px; color: #999; line-height: 20px; position: absolute; left: 25px; bottom: 6px; text-align: justify; padding: 4px; margin: 2px; display: none; transition: all .5s } .shodow_black { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); z-index: 999; top: 0; display: none } .pupbgcolor { width: 350px; height: 240px; border-radius: 20px; margin: auto; margin-top: 25px; position: relative } .pupbgcolor .autoplay_btn { animation: myMove1 5s ease-in infinite alternate; -webkit-animation: myMove1 5s ease-in infinite alternate } .pupbgcolor .autoplay_btn, .pupbgcolor .autostop_btn { position: absolute; left: 0; right: 0; margin: auto; top: 23% } .pupbgcolor .autostop_btn { display: none } .pupbgcolor #shichang { position: absolute; left: 0; right: 0; margin: auto; top: 75%; color: #fff; text-align: center } @ keyframes myMove1 { 0%{ transform: rotate(0deg) } to { transform: rotate(1turn) } } @ -webkit-keyframes myMove1 { 0%{ transform: rotate(0deg) } to { transform: rotate(1turn) } } .pupbgcolor_01 { background: #a2d8fd } .finnd_labdiv { display: flex; font-size: 14px; margin-top: 20px } .finnd_labdiv .father_dv { margin-right: 16px; text-align: center } .finnd_labdiv .father_dv a { color: #333 } .finnd_labdiv .father_dv a div { padding-top: 5px; margin-top: -21px } .finnd_labdiv .father_dv:first-of-type { margin-left: -20px } .bread_flourdiv { padding-top: 20px } .bread_flourdiv .flourtop { font-size: 14px; color: #999 } .bread_flourdiv .flourtop a { color: #999 } .bread_flourdiv .flourtop .active { color: #1fc9d3 } .flour_allsearch { width: 100%; background: #fff; border: 1px solid #eee; border-radius: 8px; margin-top: 20px; padding: 16px; font-size: 14px } .flour_allsearch .bor_bottomds { padding-bottom: 17px; margin-bottom: 15px; border-bottom: 1px solid #eee } .flour_allsearch .lable_h2c { color: #999; padding-right: 10px } .flour_allsearch a { color: #666; padding-right: 37px } .flour_allsearch .active { color: #1fc9d3 } .flour_allsearch a:hover { color: #1fc9d3 !important } .findt_fright { margin-top: 28px } .findt_fright a { color: #999; font-size: 16px; padding: 0 10px; margin-top: 2px; vertical-align: middle } .findt_fright .active { color: #1fc9d3 } .findt_fright .dis_inlinv { display: inline-block; color: #999 } .official_new .h3s { display: flex; justify-content: space-between } .official_new .h3s .findt_fright { margin-top: 0 } .official_new .h3s .findt_fright .dis_inlinv { width: 1px; height: 15px; background: #999; opacity: .6 } .mucicbgcolor { width: 100%; height: 140px; border-top-left-radius: 20px; border-top-right-radius: 20px; margin: auto; position: relative } .mucicbgcolor img { position: absolute; left: 0; right: 0; top: 20%; margin: auto } .mucicbgcolor .autoi-time { text-align: center; color: #fff; font-size: 13px; padding-top: 55% } .muciccolor_01 { background-color: #ffdba6 } .muciccolor_02 { background-color: #a3ecdd } .muciccolor_03 { background-color: #a2d8fd } .muciccolor_04 { background-color: #f9b0c3 } .muciccolor_05 { background-color: #c5c5ff } .muciccolor_06 { background-color: #cce7a7 } .hide_gif { display: none } .ex_succediv { width: 300px; padding: 17px 0; font-size: 16px; text-align: center; background: rgba(0, 0, 0, .5); border-radius: 4px; position: fixed; top: 50px; left: 0; right: 0; margin: auto; z-index: 9999999; color: #fff } .ex_succediv img { vertical-align: middle; padding-right: 5px; padding-bottom: 3px } @media screen and (max-width:1200px) { .find_header { width: 95% } .bcx_findlabled .findlabl_flex .li { width: 90px; margin-bottom: 12px; font-size: 14px; margin-right: 10px } .bcx_findlabled .findlabl_flex .li .iconfont { padding-left: 1px } .bcx_findlabled, .bcx_findlabled .findlabl_flex { flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: .75rem } .findlabl_flex>.li:nth-child(4n+4) { margin-right: 0 } .bcx_findlabled .findt_fright { margin-top: 14px } .offic_newul { width: 100% !important; display: flex !important; display: -webkit-flex; flex-wrap: wrap } .offic_newul>li { width: 23% !important } } @media screen and (max-width:980px) { .offic_newul>li { width: 46% !important; margin-right: auto } .offic_newul>li:nth-child(6n+6) { margin-right: 2% !important } .popup_div { width: 100% } } @media screen and (max-width:540px) { .official_new .h3 { font-size: 16px } .felx-lavlb { display: flex; justify-content: start } .felx-lavlb a { padding-left: 5px; padding-right: 6px } .offic_newul>li { width: 100% !important } .offic_newul>li, .offic_newul>li:nth-child(6n+6) { margin-right: 0 !important } } .work_heradbg231 { width: 100%; background: none; background-position: 50%; background-size: cover } .srcllodiv { font-size: 16px; padding-top: 5px; padding-left: 21px; max-height: 200px; width: 95%; padding-right: 7px; overflow: auto } .srcllodiv::-webkit-scrollbar { width: 4px } .srcllodiv::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(2, 235, 243, .8); border-radius: 2px } .srcllodiv::-webkit-scrollbar-track { border-radius: 0; background: rgba(2, 235, 243, .2); border-radius: 9px } .bmoblie_header { width: 100%; height: .9rem; background-color: #fff; position: fixed; top: 0; border-bottom: 1px solid #ddd; z-index: 999 } .bmcommit_div .form-error-message { height: 20px; line-height: 20px; margin-bottom: 0; color: #ed3e3e; padding-left: .35rem; padding-top: .16rem } .bheder_dropdown { width: 2rem; position: fixed; font-size: .26rem; background-color: #fff; right: 0; z-index: 99; top: .88rem; text-align: center; box-shadow: 0 3px 8px 0 hsla(0, 0%, 86%, .6); display: none } .bheder_dropdown .jump_toa { cursor: pointer; height: .8rem; line-height: .8rem; border-bottom: 1px solid #ddd } .bheder_dropdown .jump_toa a { color: #4b4b4c; display: block; cursor: pointer } .bmoblie_nav { position: fixed; top: .88rem; width: 100%; z-index: 99; background-color: #fff; box-shadow: 3px 0 .08rem #dcdcdc; display: none } .bmoblie_nav .active { background-color: #f2f6ff; color: #3b85ff; border-bottom: none !important } .bmoblie_nav .active>a { color: #3b85ff !important } .bmoblie_nav .bnanv_div { font-size: .26rem; height: .8rem; line-height: .8rem; padding-left: .45rem } .bmoblie_nav .bnanv_div a { display: block; color: #4b4b4c } .bmoblie_nav .bnanv_div:first-of-type { border-bottom: 1px solid #ddd } .b_offon { width: .36rem; height: .3rem } .b_logo { width: 1.42rem; height: .56rem; margin-top: -.09rem } .bmoblie_flex { display: flex; justify-content: space-between; align-items: center; width: 6.6rem; margin: auto; padding-top: .17rem } .bhead_portraitd { font-size: .26rem } .bhead_portraitd .header_port { width: .54rem; height: .54rem; border-radius: 50% } .bmoblir_banner { width: 100%; margin-top: .88rem } .layer12-class .layui-layer-setwin { display: none !important } .moblie_commitinfo { width: 6.6rem; margin: auto; margin-top: -1.6rem; position: relative; background-color: #ffba39; padding-bottom: .35rem; border-radius: .2rem; box-shadow: 0 2px 8px 0 rgba(255, 152, 8, .2) } .moblie_commitinfo .flex-radiodiv { width: 5.38rem; font-size: .3rem; color: #333; margin: auto } .moblie_commitinfo .flex-radiodiv .red-xipont { color: #ff2501 } .moblie_commitinfo .flex-radiodiv .flex-mobliedivs { display: flex; justify-content: space-between; margin-top: .15rem } .moblie_commitinfo .flex-radiodiv .flex-mobliedivs label { font-weight: 400 } .moblie_commitinfo .flex-radiodiv .flex-mobliedivs #type-error { position: absolute; left: .8rem; top: 2.05rem } .moblie_commitinfo .flex-radiodiv .flex-mobliedivs input[type=radio]+label:before { content: "\A0"; display: inline-block; vertical-align: middle; font-size: 18px; width: .3rem; height: .3rem; margin-right: .3em; border-radius: 50%; border: 1px solid #fff; margin-bottom: .07rem } .moblie_commitinfo .flex-radiodiv .flex-mobliedivs input[type=radio]:checked+label:before { background-color: #fff; background-clip: content-box; padding: .1em } .moblie_commitinfo .flex-radiodiv .flex-mobliedivs input[type=radio] { position: absolute; clip: rect(0, 0, 0, 0) } .moblie_commitinfo .bmcommit_divs #content-error { padding-left: .8rem } .moblie_commitinfo .text-indexmessge { width: 5.68rem; height: 1.66rem; background: #fff; border-radius: .45rem; display: block; margin: auto; border: none; resize: none; outline: none; margin-top: .36rem; padding: .15rem .35rem 0 } .moblie_commitinfo .bmcommit_div { width: 5.68rem; height: .89rem; background: #fff; border-radius: .45rem; margin: auto; margin-top: .24rem } .moblie_commitinfo .bmcommit_div input { outline: none; border: none; width: 90%; display: inline-block; padding-left: .15rem; vertical-align: top; margin-left: .2rem; margin-top: .2rem; height: .49rem; font-size: .3rem; -webkit-appearance: none } .moblie_commitinfo .yellow_titleimg { width: 4.6rem; display: block; padding-top: .43rem; padding-bottom: .15rem; margin: auto } .moblie_commitinfo .consultation_btn { width: 5.68rem; height: .89rem; line-height: .89rem; background: #ff7316; box-shadow: 0 2px 7px 0 rgba(237, 106, 0, .11); border-radius: .45rem; outline: none; display: block; margin: auto; margin-top: 0; color: #fff; text-align: center; border: none; font-weight: 700; font-size: .36rem } .moblie_commitinfo .error_divalet { font-size: .22rem; padding-left: .6rem; color: #ff4a32; opacity: 0; padding-top: .04rem; padding-bottom: .04rem } .index-mobottmf { position: fixed; bottom: 0; width: 100%; height: .9rem; line-height: .9rem; text-align: center; font-size: .36rem; font-weight: 700; display: none; background: #ffba39; box-shadow: 0 -7px 26px 0 rgba(120, 65, 65, .25) } .index-mobottmf a { color: #fff; display: block } .why_chosebcx { width: 5.59rem; height: .79rem; padding-left: .42rem; margin-top: .82rem; margin-bottom: .4rem } .combination_01 { width: 100% } .combination_02 { width: 6.5rem; display: block; margin: auto; padding-right: .1rem } .combination_03 { width: 6.84rem; padding-top: .95rem; display: block; margin: auto } .combination_04 { width: 5.17rem; display: block; margin: auto; padding-top: .26rem } .combination_05 { width: 6.6rem; display: block; margin: auto } .combination_06 { width: 3.6rem; height: .78rem; padding-left: .42rem; margin-bottom: .4rem; margin-top: .75rem } .combination_07 { width: 6.11rem; padding-left: .42rem } .combination_08 { width: 6.11rem; padding-right: .42rem; float: right } .combination_09 { width: 6.6rem; display: block; margin: auto; margin-bottom: .2rem } .combination_11 { width: 6.6rem; display: block; margin: auto; margin-bottom: .5rem } .combination_10 { width: 3.89rem; padding-left: .42rem; margin-top: .8rem; margin-bottom: .3rem } .bmolbiefooter_div { width: 100%; background-color: #31acff; text-align: center; padding: .42rem 0; padding-bottom: 1.1rem } .bmolbiefooter_div .bmoblie_dsv { font-size: 0; padding-bottom: .42rem } .bmolbiefooter_div .bmoblie_dsv img { width: 1.45rem; height: .23rem } .bmolbiefooter_div .bmoblie_dsv a:last-of-type>img { width: 1.14rem } .bmolbiefooter_div .bmoblie_dsv a:first-of-type>img { width: 1.2rem } .bmolbiefooter_div .bsmoblie_code { width: 2.6rem; display: block; margin: auto; margin-bottom: .2rem } .bmolbiefooter_div .ban_moblie { width: 4.4rem; height: .17rem; display: block; margin: auto } .bmoliesucces_title { width: 4.8rem; height: 1rem; line-height: 1rem; font-size: .28rem; font-weight: 500; color: #fff; background: rgba(0, 0, 0, .5); border-radius: 4px; text-align: center; position: absolute; top: -.7rem; left: 0; right: 0; margin: auto; opacity: 0; transition: all .5s } .moblie-curricudiv .curriculumo-top { width: 100%; margin-top: .9rem } .moblie-curricudiv .disblock-margin { display: block; margin: auto } .moblie-curricudiv .curriculumoblie-2 { width: 3.87rem; margin-top: .6rem; margin-bottom: .3rem } .moblie-curricudiv .curriculumoblie-3 { width: 4.74rem; margin-top: .6rem; margin-bottom: .3rem } .moblie-curricudiv .wmobli-magin { width: 100% } .moblie-curricudiv .postibe-redfly { width: 100%; position: relative } .moblie-curricudiv .postibe-redfly .flotleft-brad { position: absolute; left: .7rem; top: .9rem; width: 3rem; height: 1.9rem } .moblie-curricudiv .postibe-redfly .flotleft-phyon { position: absolute; left: .7rem; top: .7rem; width: 3rem; height: 1.9rem } .moblie-curricudiv .postibe-redfly .flotleft-noip { position: absolute; left: .7rem; top: .9rem; width: 3rem; height: 1.9rem } .moblie-curricudiv .last-wmmagin { width: 6.75rem; display: block; margin: auto; margin-top: .4rem; margin-bottom: .8rem } .moblie-curricudiv .moblie-bghappy { width: 100%; background-color: #eee; padding-top: .82rem; position: relative; padding-bottom: .7rem } .moblie-curricudiv .moblie-bghappy .bghappy-imgt { width: 6.73rem; display: block; margin: auto } .moblie-curricudiv .moblie-bghappy .widtin-baig { width: 100% } .moblie-curricudiv .sweiper-moble { width: 95%; margin: auto; position: absolute; left: 0; right: 0; top: 1.7rem } .moblie-curricudiv .sweiper-moble img { width: 49%; height: 2.35rem } .moblie-curricudiv .swiper-pagination-bullet { width: .75rem; height: .08rem; border-radius: 0; background: #31acff; opacity: .2; margin-left: .1rem } .moblie-curricudiv .swiper-slide { display: flex; justify-content: space-between } .moblie-curricudiv .swiper-pagination-bullet-active { transition: background-color .5s; -moz-transition: background-color .5s; -webkit-transition: background-color .5s; -o-transition: background-color .5s; background: #31acff; opacity: 1 } .moblie-curricudiv .swiper-pagination { position: absolute; left: 0; right: 0; margin: auto; bottom: 2.35rem } .layer-anim { -webkit-animation-name: fadeIn !important; animation-name: fadeIn !important } @media screen and (max-width:768px) { .work_heradbg231 { height: 450px; background: url("/themes/bianchengxia/img/user/my_workbgt.png") no-repeat } .es-wrap .middle-banner:first-of-type { padding-top: 1rem } .course-bottom-btn { width: 89% !important; height: 50px !important; line-height: 50px !important; font-size: 19px !important; margin: 48px auto !important } .biancxia_headers { width: 100%; height: 210px; background: url(/themes/bianchengxia/img/home/find_bg.png) no-repeat; background-position: 50%; background-size: cover } .find_header { padding-top: 3.3rem; padding-left: .2rem } .layer7-class .layui-layer-setwin { position: absolute; right: 29px !important; top: 134px !important; z-index: 9999999; display: none } .login_div input { height: 26px } .layer8-class .layui-layer-setwin { position: absolute; right: 29px !important; top: 134px !important; z-index: 9999999; display: none } .layer8-class .advertising_top:before { left: 100px !important } .layer8-class .advertising_top:after { right: 100px !important } } body { background-color: #fff !important } input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset } .margin-top20, .margin-top25 { margin-top: 0 !important } .bcx_class-signin .btn-signin { background-color: #31acff !important; transition: all .5s } .bcx_class-signin .btn-signin:hover { background-color: #0387e0 !important } .bcx_class-header-mian .class-header-bg .class-serve { height: 50px; border: 1px solid #eee !important } .bcx_class-header-mian .class-header-bg .class-serve .serve-frame { width: 46px; padding: 6px; padding-top: 9px; height: 50px; line-height: 15px; color: #777 } .bcx_class-header-mian .class-serve>ul { padding: 13px 10px 25px 53px !important } .bcx_class-header-mian .class-serve>ul>li { float: left; width: 22px; height: 22px; line-height: 22px; margin: 0 3px; background: #e1e1e1; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .bcx_class-header-mian .class-serve>ul>li>a { color: #a0a0a0 } .bcx_class-header-mian .score i { font-size: 18px; margin-right: -2px } .class-header .class-data>li .dropdown-toggle:hover { color: #31acff !important } .class-header .title { color: #333 } .bcx_class-detail .nav.nav-tabs>li>a { font-size: 17px } .bcx_class-detail .score i { font-size: 18px; margin-right: -2px } .bcx_class-detail .nav.nav-tabs>li>a small { font-size: 16px } .bcx_class-detail .nav-btn-tab .btnbar { width: 64px; height: 36px; text-align: center; border: 1px solid #31acff; border-radius: 6px } .bcx_class-detail .nav-btn-tab .btnbar .btn-link { color: #31acff; padding: 6px 9px } .bcx_class-detail .nav-btn-tab .btnbar:hover { background-color: #0387e0 !important } .bcx_class-detail .nav-btn-tab .btnbar:hover>a { color: #fff } .bcx_class-detail .nav.nav-tabs>li.active>a, .bcx_class-detail .nav.nav-tabs>li.active>a small, .bcx_class-detail .nav.nav-tabs>li:hover>a, .bcx_class-detail .nav.nav-tabs>li:hover>a small { color: #31acff !important } .bcx_class-detail .nav.nav-tabs .highlight { display: none; width: 50px !important; border-bottom: 2px solid #31acff !important } .bcx_class-detail .nav.nav-tabs .active:after { content: ""; display: block; width: 50px; height: 2px; background-color: #31acff; margin: auto } .bcx_class-detail .class-signin .date { font-size: 20px } .bcx_class-detail .panel-default>.panel-heading .panel-title { font-size: 18px; color: #666 } .lable_experience { background: #00c155 } .lable_experience, .lable_routine { width: 58px; height: 20px; line-height: 20px; text-align: center; color: #fff; font-size: 14px; display: inline-block; vertical-align: top; border-radius: 10px } .lable_routine { background: #fe8004 } .future_main { width: 1200px; margin: auto; margin-top: 122px; position: relative } .future_main .futureMain_left { width: 260px; background: #fff; text-align: center; display: inline-block; padding-bottom: 100px } .future_main .futureMain_left .public-bodere-vertical { position: absolute; width: 921px; height: 20px; right: 0; top: 0; background-color: #f9f9f9 } .future_main .futureMain_left .public-boderes-transverse { position: absolute; width: 20px; height: 100%; left: 259px; background-color: #f9f9f9 } .future_main .futureMain_left .head_portraitdiv { position: relative } .future_main .futureMain_left .head_portraitdiv .futurehead_portrait { width: 120px; height: 120px; border-radius: 50%; margin-top: 30px; border: 1px solid #eee; margin-bottom: 15px } .future_main .futureMain_left .head_portraitdiv .lable_tstu { position: absolute; right: 30px; top: 35px } .future_main .futureMain_left .head_portraitdiv .name { color: #333; font-size: 16px } .future_main .futureMain_left .futureleft_nav { margin-top: 45px } .future_main .futureMain_left .futureleft_nav .active { background: rgba(49, 172, 255, .1) } .future_main .futureMain_left .futureleft_nav .active .iconfont, .future_main .futureMain_left .futureleft_nav .active a { color: #31acff } .future_main .futureMain_left .futureleft_nav .iconfont { font-size: 21px; color: #9d9d9d; margin-right: 14px; display: inline-block; vertical-align: bottom } .future_main .futureMain_left .futureleft_nav .iconzaijiaobanji { font-size: 20px; margin-right: 15px; margin-left: 2px } .future_main .futureMain_left .futureleft_nav .iconzaixuebanji { font-size: 25px; margin-right: 11px } .future_main .futureMain_left .futureleft_nav .iconxueshengguanli { font-size: 25px; margin-right: 13px; margin-left: 0 } .future_main .futureMain_left .futureleft_nav .iconzaixuekecheng { font-size: 21px; margin-right: 15px; margin-left: 2px } .future_main .futureMain_left .futureleft_nav .iconkechengzhongxin { font-size: 20px; margin-right: 15px; margin-left: 2px } .future_main .futureMain_left .futureleft_nav li { font-size: 16px; height: 60px; line-height: 60px; transition: all .5s } .future_main .futureMain_left .futureleft_nav li a { color: #333; display: block } .future_main .futureMain_left .futureleft_nav li:hover { background: rgba(49, 172, 255, .1) } .future_main .futureMain_left .futureleft_nav li:hover .iconfont, .future_main .futureMain_left .futureleft_nav li:hover>a { color: #31acff } .future_main .futureMain_left .futureleft_nav .shux { width: 2px; right: 76px; position: absolute; background-color: red; height: 400px; top: 0 } .future_main .futureMain_left .futureleft_nav .shux1 { width: 2px; left: 76px; position: absolute; background-color: red; height: 400px; top: 0 } .future_main .futureMain_right { width: 920px; background-color: #fff; display: inline-block; margin-left: 20px; float: right; margin-top: 20px } .future_main .futureMain_right .futureFlour { display: flex; border-bottom: 1px solid #eee; padding: 0 25px; padding-top: 27px } .future_main .futureMain_right .futureFlour .upload_courses { margin-left: auto; width: 90px; height: 36px; line-height: 31px; text-align: center; font-size: 14px; background: #31acff; border: 1px solid #31acff; border-radius: 6px; margin-top: -13px; margin-right: 0 } .future_main .futureMain_right .futureFlour .upload_courses a { display: block; color: #fff } .future_main .futureMain_right .futureFlour .upload_courses a span { font-size: 20px; vertical-align: bottom; margin-right: 2px } .future_main .futureMain_right .futureFlour .upload_courses .add_icos { width: 16px; display: inline-block; margin-right: -2px } .future_main .futureMain_right .futureFlour .upload_courses>a:hover { color: #fff !important } .future_main .futureMain_right .futureFlour .upload_courses:hover { background-color: #399ff9 } .future_main .futureMain_right .futureFlour div { font-size: 17px; margin-right: 40px } .future_main .futureMain_right .futureFlour div a { color: #333 } .future_main .futureMain_right .futureFlour .active>a, .future_main .futureMain_right .futureFlour div>a:hover { color: #31acff } .future_main .futureMain_right .futureFlour .active:after { content: ""; width: 51px; height: 2px; background: #31acff; display: block; margin: auto; margin-top: 12px } .future_main .futureMain_right .futureFlours { height: 65px; line-height: 65px; border-bottom: 1px solid #eee; padding: 0 25px; color: #333; font-size: 20px } .future_main .futureMain_right .upload_coursesc { margin-left: auto; width: 90px; height: 36px; line-height: 31px; text-align: center; font-size: 14px; background: #31acff; border: 1px solid #31acff; border-radius: 6px; margin-top: -51px; margin-right: 0 } .future_main .futureMain_right .upload_coursesc a { display: block; color: #fff } .future_main .futureMain_right .upload_coursesc a span { font-size: 20px; vertical-align: bottom; margin-right: 2px } .future_main .futureMain_right .upload_coursesc .add_icos { width: 16px; display: inline-block; margin-right: -2px } .future_main .futureMain_right .upload_courses>a:hover { color: #fff !important } .future_main .futureMain_right .upload_courses:hover { background-color: #399ff9 } .future_main .futureMain_right .future_workul { margin: 20px 0 } .future_main .futureMain_right .future_workul li { width: 205px; margin-left: 20px; float: left; background-color: #fff; border: 1px solid #eee; border-radius: 20px; margin-bottom: 20px } .future_main .futureMain_right .future_workul li .futuretc_bg { width: 100%; height: 179px; transition: all .5s } .future_main .futureMain_right .future_workul li .future-toa { width: 100%; height: 179px; position: relative; overflow: hidden; display: block; border-radius: 20px 20px 0 0 } .future_main .futureMain_right .future_workul li .future_title { padding: 12px 9px 7px 10px } .future_main .futureMain_right .future_workul li .future_title .head_h2 { font-size: 16px } .future_main .futureMain_right .future_workul li .future_title .head_h2 a { color: #333 } .future_main .futureMain_right .future_workul li .future_title .time { color: #999; font-size: 12px; padding-bottom: 5px } .future_main .futureMain_right .future_workul li .future_title .user_headerp { width: 24px; height: 24px; border-radius: 50% } .future_main .futureMain_right .future_workul li .future_title .wxm_name { font-size: 14px; color: #666; max-width: 100px; display: inline-block; vertical-align: middle } .future_main .futureMain_right .future_workul li .future_title .wxm_name:hover { color: #31acff } .future_main .futureMain_right .future_workul li .release_wbtn { color: #666; background: #fff; box-shadow: 0 2px 8px 0 hsla(0, 0%, 59%, .2) } .future_main .futureMain_right .future_workul li .release_wbtn, .future_main .futureMain_right .future_workul li .release_ybtn { width: 60px; height: 32px; line-height: 32px; text-align: center; font-size: 13px; position: absolute; left: 10px; top: 10px; border-radius: 4px } .future_main .futureMain_right .future_workul li .release_ybtn { color: #fff; background: #ffcc2b; box-shadow: 0 2px 8px 0 rgba(255, 204, 43, .2) } .future_main .futureMain_right .future_workul li:hover .futuretc_bg { transform: scale(1.1) } .future_main .futureMain_right .future_workul .function_button { display: flex; justify-content: space-around; border-top: 1px solid #eee; padding: 10px 0 } .future_main .futureMain_right .future_workul .function_button .function_lookwork { width: 80px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #31acff; border-radius: 18px; font-size: 13px; transition: all .5s } .future_main .futureMain_right .future_workul .function_button .function_lookwork a { display: block; color: #31acff } .future_main .futureMain_right .future_workul .function_button .function_nolook { width: 80px; height: 36px; line-height: 36px; text-align: center; background: #31acff; border-radius: 18px; font-size: 13px; transition: all .5s } .future_main .futureMain_right .future_workul .function_button .function_nolook a { display: block; color: #fff } .future_main .futureMain_right .future_workul .function_button .function_lookwork:hover>a { color: #0387e0 } .future_main .futureMain_right .future_workul .function_button .function_lookwork:hover { border: 1px solid #0387e0 } .future_main .futureMain_right .future_workul .function_button .function_nolook:hover { background-color: #0387e0 } .future_main .futureMain_right .future_workul .function_button .function_have { width: 80px; height: 36px; line-height: 36px; text-align: center; font-size: 12px; background: #c7c7c7; border-radius: 18px } .future_main .futureMain_right .future_workul .function_button .function_have a { display: block; color: #fff } .future_main .futureMain_right .future_workul .function_button .expand_slbtn { font-size: 20px; cursor: pointer } .future_main .futureMain_right .future_workul .function_button .is_reshow { position: relative } .future_main .futureMain_right .future_workul .function_button .is_reshow:hover .resu_bitn { display: block } .future_main .futureMain_right .future_workul .function_button .resu_bitn { width: 110px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #333; background: #fff; border: 1px solid #eee; box-shadow: 0 2px 8px 0 hsla(0, 0%, 55%, .15); border-radius: 6px; position: absolute; bottom: -28px; right: -83px; display: none; transition: all .5s; cursor: pointer } .future_searchdiv { display: flex; justify-content: space-between; flex-wrap: wrap; width: 95%; margin: 24px auto } .future_searchdiv .future_condition { color: #666; font-size: 14px; margin-bottom: 20px } .future_searchdiv .future_condition input { width: 200px; height: 36px; border: 1px solid #c7c7c7; border-radius: 6px; outline: none; padding-left: 5px; font-size: 14px; margin-left: 12px } .future_searchdiv .future_condition .small_input { width: 160px } .future_searchdiv .future_condition select { width: 160px; height: 36px; border: 1px solid #c7c7c7; border-radius: 6px; outline: none; padding-left: 5px; font-size: 14px; margin-left: 12px } .future_searchdiv .future_condition select option { border: 1px solid #c7c7c7 } .future_searchdiv .future_condition ::-webkit-input-placeholder { color: #c7c7c7 } .future_searchdiv .future_condition ::-moz-placeholder { color: #c7c7c7 } .future_searchdiv .future_condition :-ms-input-placeholder { color: #c7c7c7 } .future_searchdiv .future_condition :-moz-placeholder { color: #c7c7c7 } .future_searchdiv .future_condition:first-child { margin-left: 10px } .future_searchdiv .workall_search_btn { color: #31acff; border: 1px solid #31acff; border-radius: 6px } .future_searchdiv .workall_reset, .future_searchdiv .workall_search_btn { width: 80px; height: 36px; line-height: 36px; text-align: center; outline: none; font-size: 14px; background-color: #fff } .future_searchdiv .workall_reset { color: #777; border-radius: 6px; border: 1px solid #ccc } .futureMains_right { width: 920px; display: inline-block; margin-left: 20px; float: right; margin-top: 30px } .futureMains_right .look_newwokmore { display: inline-block; float: right; width: 90px; height: 28px; line-height: 28px; color: #999; font-size: 14px; border: 1px solid #ccc; border-radius: 14px; text-align: center; background-color: #fff; margin-top: 0 } .futureMains_right .look_newwokmore:hover { background-color: #31acff; border: 1px solid #31acff; color: #fff } .futureMains_right .futurerigh-ttitle { font-size: 22px; color: #333; background-color: #f9f9f9; margin-left: -1px; height: 45px } .futureMains_right .futurerigh-ttitle .small-blackboard { display: inline-block; padding-top: 7px } .futureMains_right .stuwork_list { background-color: #fff; padding-bottom: 40px } .futureMains_right .stuwork_list .stuwork_lisul li { width: 47%; border-radius: 20px; border: 1px solid #eee; color: #333; float: left; margin-left: 20px; margin-top: 20px } .futureMains_right .stuwork_list .stuwork_lisul li .stuworkli_top { height: 40px; line-height: 40px; background-color: #f7f7f7; border-radius: 20px 20px 0 0; padding: 0 18px; font-size: 16px } .futureMains_right .stuwork_list .stuwork_lisul li .stuworkli_top a { color: #666; display: block } .futureMains_right .stuwork_list .stuwork_lisul li .stuworkli_top a span { color: #999; float: right; font-weight: 700 } .futureMains_right .stuwork_list .stuwork_lisul li .stuworkli_bottom { display: flex; justify-content: space-between; height: 85px; line-height: 85px; padding: 0 18px } .futureMains_right .stuwork_list .stuwork_lisul li .stuworkli_bottom .stuwork_name { color: #333; font-weight: 700; font-size: 16px; display: inline-block; max-width: 85px; padding-right: 5px } .futureMains_right .stuwork_list .stuwork_lisul li .stuworkli_bottom .stuwork_dealia { color: #31acff; padding-left: 5px; max-width: 100px; display: inline-block; vertical-align: top } .futureMains_right .stuwork_list .stuwork_lisul li .stuworkli_bottom .stuwork_dealia:hover { color: #399ff9 } .futureMains_right .stuwork_list .stuwork_lisul li .stuworkli_bottom .stuwork_time { color: #999 } .futureMains_right .stuwork_list .stuwork_lisul li .stuworkli_bottom .span_wroks { vertical-align: top } .today_maindiv .today_toph { font-size: 18px; color: #333; font-weight: 700; padding-top: 17px; margin-bottom: -9px } .today_maindiv .today_toph img { vertical-align: middle; padding: 2px 0 6px 20px } .more_mywork { width: 140px; height: 40px; line-height: 40px; display: block; margin: 20px auto; text-align: center; font-size: 16px; color: #31acff; background: #fff; border: 1px solid #31acff; border-radius: 20px; margin-bottom: 40px } .more_mywork:hover { background-color: #31acff; color: #fff } .work_subalert { position: fixed; top: 20%; left: 0; right: 0; margin: auto; z-index: 9999; width: 400px; text-align: center; height: 243px; background: #fff; border-radius: 20px } .work_subalert .work_subah2 { font-size: 18px; height: 60px; line-height: 60px; border-bottom: 1px solid #eee; color: #333 } .work_subalert .off_workbtn { font-size: 15px; position: absolute; right: 22px; top: 23px; cursor: pointer } .work_subalert .worksub_inputiv { font-size: 16px; color: #999; margin-top: 30px } .work_subalert .worksub_inputiv input { width: 220px; height: 36px; padding-left: 5px; outline: none; border: 1px solid #c7c7c7; border-radius: 6px; margin-left: 10px; font-size: 16px } .work_subalert .worksub_inputiv ::-webkit-input-placeholder { color: #c7c7c7 } .work_subalert .worksub_inputiv ::-moz-placeholder { color: #c7c7c7 } .work_subalert .worksub_inputiv :-ms-input-placeholder { color: #c7c7c7 } .work_subalert .worksub_inputiv :-moz-placeholder { color: #c7c7c7 } .work_subalert .work_subflex { width: 220px; display: flex; margin: auto; margin-top: 50px; justify-content: space-around } .work_subalert .work_subflex .cancel_btn { color: #777; border: 1px solid #ccc; border-radius: 20px } .work_subalert .work_subflex .cancel_btn, .work_subalert .work_subflex .sure_btn { width: 100px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; cursor: pointer } .work_subalert .work_subflex .sure_btn { color: #fff; background: #31acff; border-radius: 20px } .work_submask { position: fixed; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); z-index: 9998 } .classroom_listul { margin-top: 30px } .classroom_listul li { float: left; margin-left: 20px; width: 205px; background: #fff; margin-bottom: 20px; position: relative } .classroom_listul li a { display: block; padding-bottom: 15px; width: 100%; position: relative; z-index: 2; border: 1px solid #f3f3f3; box-shadow: 0 2px 6px 0 rgba(229, 245, 255, .3); border-radius: 20px } .classroom_listul li .futuretc_bg { width: 100%; height: 145px; border-radius: 20px 20px 0 0; transition: all .5s } .classroom_listul li .over_hiddendiv { width: 100%; height: 145px; overflow: hidden; border-radius: 20px 20px 0 0 } .classroom_listul li .free_scratch { font-size: 15px; color: #333; text-align: center; margin: 15px auto; max-width: 150px; height: 45px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .classroom_listul li .free_scratchkf { font-size: 15px; color: #333; text-align: left; padding: 15px 0 10px 10px } .classroom_listul li .color_kcdiv { color: #999; font-size: 14px; text-align: center } .classroom_listul li .icon_kecheng { padding-bottom: 2px } .classroom_listul li .left_divcenter { display: flex; font-size: 16px; color: #999; padding-left: 10px } .classroom_listul li .left_divcenter img { padding-bottom: 5px } .classroom_listul li .left_divcenter .shouw_div { padding-right: 10px } .classroom_listul li .lable_freediv { position: absolute; bottom: 15px; right: 10px; font-size: 16px; color: #00c155 } .classroom_listul .center_imgbottom { position: absolute; left: 0; right: 0; margin: auto; bottom: -8px; width: 90% } .classroom_listul li:hover .futuretc_bg { transform: scale(1.08) } .student_tables { width: 95%; margin: auto } .student_tables tr { text-align: center; font-size: 16px; color: #333; height: 56px; line-height: 56px; transition: all .5s; cursor: pointer; border-bottom: 1px solid #eee } .student_tables tr .header_logo { width: 39px; height: 39px; border-radius: 50%; margin-right: 10px } .student_tables tr .header_logo+.span_headers { width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle } .student_tables tr .ohoter_btn { width: 100px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; background: #31acff; border: 1px solid #31acff; border-radius: 6px; display: inline-block } .student_tables tr .ohoter_btn a { display: block; color: #fff } .student_tables tr:hover { background: rgba(49, 172, 255, .06) } .student_tables th { background-color: #f5f5f5; text-align: center; font-size: 16px; height: 50px; line-height: 50px; color: #787878; font-weight: 400 } .future_videodiv { width: 100%; margin-bottom: -6px } .future_entera { width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; margin: auto } .courses_uls { width: 95%; margin: auto; padding-bottom: 20px } .courses_uls .futuretc_bg { width: 156px; height: 108px; transition: all .5s; cursor: pointer } .courses_uls .normal_divre:hover .futuretc_bg { transform: scale(1.08) } .courses_uls li { height: 140px; background: #f7f7f7; border-radius: 20px; margin-top: 20px; padding-top: 16px; padding-left: 10px; display: flex } .courses_uls .no_release { background: #aaa } .courses_uls .have_release, .courses_uls .no_release { width: 61px; height: 26px; line-height: 26px; text-align: center; font-size: 14px; color: #fff; border-radius: 0 0 2px 0; position: absolute; left: 0; top: 0 } .courses_uls .have_release { background: #31acff } .courses_uls .normal_divre { position: relative; display: inline-block; width: 156px; height: 108px; overflow: hidden; margin-right: 14px } .courses_uls .moneyinlin_block { display: inline-block; vertical-align: top; min-width: 215px } .courses_uls .moneyinlin_block .scratch_h2 { font-size: 20px; color: #333; padding-bottom: 50px; padding-top: 5px } .courses_uls .moneyinlin_block .scratch_h2 .over_danhidde { max-width: 150px; display: inline-block } .courses_uls .moneyinlin_block .money_nums { color: #fe8004; font-size: 20px } .courses_uls .disblock_courss { display: inline-block } .courses_uls .disblock_cours { display: inline-block; vertical-align: top; text-align: center; padding-left: 50px } .courses_uls .disblock_cours .title_h4 { font-size: 16px; color: #999; padding-top: 26px; padding-bottom: 25px } .courses_uls .disblock_cours .coures_nums { font-size: 16px; color: #333 } .courses_uls .disblock_cours .mangerclass_btn { width: 78px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #31acff; display: inline-block; border: 1px solid #31acff; border-radius: 6px; margin-right: 10px } .courses_uls .disblock_cours .preview_coursebtn { width: 78px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #777; display: inline-block; border: 1px solid #ccc; border-radius: 6px } .courses_uls .margint_20 { padding-top: 40px; margin-right: 13px; float: right } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0 } .over_danhidde { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .clearfix { *zoom: 1 } .worksub_inputiv #input_list { display: none; position: absolute; left: 113px; top: 127px; box-shadow: 0 2px 8px 0 hsla(0, 0%, 55%, .15); background-color: #fff; color: #333; border-radius: 6px; width: 280px; max-height: 144px; overflow: auto; text-align: initial; text-indent: 16px } #input_list::-webkit-scrollbar { width: 4px } #input_list::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px #2796ff; background: #2796ff; border-radius: 9px } #input_list::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1); border-radius: 0; background: #bfe0ff; border-radius: 9px } .work_subalert #input_list>li { height: 36px; padding: 7px 0; font-size: 16px; font-weight: 400; color: #333 } .work_subalert #input_list>li:hover { cursor: pointer } .work_subalert .fail { position: absolute; left: 113px; top: 127px; display: none } .work_subalert .content_more { padding-top: 10px; height: 36px; text-align: center; cursor: pointer; color: #31acff } .class-learning-default { text-align: center; display: block; margin: 40px auto; width: 425px } @font-face { font-family: Open Sans; src: url(/static-dist/app/fonts/1.ttf) } .open-classTop { width: 100%; height: 566px; background: url("/themes/bianchengxia/img/open-class/open_class_02.jpg") no-repeat; background-position: 50%; background-size: cover; margin-top: 70px; margin-bottom: 100px } .opn-classMains .opn-classMain:nth-child(2n+2) { background-color: #fff } .opn-classMain { background-color: #f1f9ff; padding-top: 44px; padding-bottom: 66px } .opn-classMain .opn-videodiv { width: 720px; height: 405px; position: fixed; left: 0; right: 0; margin: auto; top: 30%; z-index: 99; display: none } .opn-classMain .opn-videodiv .opn-videodh4 { background-color: #fff; height: 27px; line-height: 27px; padding: 0 10px; border-top-right-radius: 10px; border-top-left-radius: 10px } .opn-classMain .opn-videodiv .opn-videodh4 span { color: #a0a0a0; font-size: 22px; float: right; cursor: pointer } .opn-classMain .opn-class-vidio { width: 100%; height: 100% } .opn-classMain .opn-classCenter { width: 1200px; margin: auto; display: flex; justify-content: space-between } .opn-classMain .opn-classCenter .opn-classCleft .open-h2 { color: #424242; font-size: 26px; margin-bottom: 30px } .opn-classMain .opn-classCenter .opn-classCleft .open-h2 span { display: inline-block; width: 5px; height: 22px; background: #31acff } .opn-classMain .opn-classCenter .opn-classCleft .open-relative { position: relative; cursor: pointer } .opn-classMain .opn-classCenter .opn-classCleft .open-relative .open-classvBg { width: 100%; height: 380px } .opn-classMain .opn-classCenter .opn-classCleft .open-relative .openplay-img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: all .5s; cursor: pointer } .opn-classMain .opn-classCenter .opn-classCleft .open-relative .openplay-img:hover { transform: scale(1.1) } .opn-classMain .opn-classCenter .opn-classCright { width: 470px; height: 380px; background: #fff; box-shadow: 0 4px 20px 0 hsla(0, 0%, 65%, .2); padding: 28px; margin-top: 53px } .opn-classMain .opn-classCenter .opn-classCright .opn-classRtop { padding-bottom: 19px; border-bottom: 1px solid #eee } .opn-classMain .opn-classCenter .opn-classCright .opn-classRtop .open-rtoph2 { font-size: 22px; color: #333; padding-bottom: 10px } .opn-classMain .opn-classCenter .opn-classCright .opn-classRtop .open-rtoph3 { font-size: 16px; color: #999 } .opn-classMain .opn-classCenter .opn-classCright .open-classUl { display: flex; margin-top: 12px; flex-wrap: wrap; max-height: 252px; overflow: auto } .opn-classMain .opn-classCenter .opn-classCright .open-classUl li { width: 118px; height: 64px; line-height: 64px; font-size: 22px; text-align: center; margin-right: 20px; margin-bottom: 20px } .opn-classMain .opn-classCenter .opn-classCright .open-classUl li a { display: block; color: #333 } .opn-classMain .opn-classCenter .opn-classCright .open-classUl li:nth-child(3n+3) { margin-right: 0 } .opn-classMain .opn-classCenter .opn-classCright .open-classUl li:hover { background-color: #eee } .opn-classMain .opn-classCenter .opn-classCright .open-classUl .active { background-color: #31acff !important } .opn-classMain .opn-classCenter .opn-classCright .open-classUl .active>a { color: #fff } .opn-classMain .opn-classCenter .opn-classCright .open-classUl::-webkit-scrollbar { width: 4px } .opn-classMain .opn-classCenter .opn-classCright .open-classUl::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px #31acff; background: #31acff; border-radius: 9px } .opn-classMain .opn-classCenter .opn-classCright .open-classUl::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1); border-radius: 0; background: #e2e2e2; border-radius: 9px } .overhidden { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .open-classblack { position: fixed; left: 0; right: 0; top: 0; width: 100%; height: 100%; z-index: 9; display: none; background-color: rgba(0, 0, 0, .5) } .posetion-teacher { position: relative; z-index: 99 } .bg-posiona01 { position: absolute; right: 0; top: 370px } .bg-posiona02 { position: absolute; left: 0; top: 1000px } .bg-posiona03 { position: absolute; right: 0; bottom: -50px } .teachere-classTop { width: 100%; height: 692px; background: url("/themes/bianchengxia/img/teachers-introduction/shizi_banner_bg.png") no-repeat; background-position: 50%; background-size: cover; margin-top: 70px; margin-bottom: 38px } .professional_team { background-color: #f1f9ff } .teachere-classCenter { width: 1200px; margin: auto } .teachere-classCenter .good-teacherimg { display: block; margin: auto; padding-bottom: 42px } .teachere-classCenter .teachere-introducediv { width: 1016px; height: 423px; background-position: 50%; background-size: cover; color: #fff; margin-top: 70px; margin-bottom: 119px; padding-top: 80px } .teachere-classCenter .type_01 { background: url("/themes/bianchengxia/img/teachers-introduction/shizi_zengliang_bg.png") no-repeat; margin-left: 132px; padding-left: 316px } .teachere-classCenter .type_02 { background: url("/themes/bianchengxia/img/teachers-introduction/shizi_tangli_bg.png") no-repeat; margin-left: 48px; padding-right: 330px; text-align: right } .teachere-classCenter .type_03 { background: url("/themes/bianchengxia/img/teachers-introduction/shizi_yuanan_bg.png") no-repeat; margin-left: 132px; padding-left: 316px } .teachere-classCenter .type_04 { background: url("/themes/bianchengxia/img/teachers-introduction/shizi_mengyingying_bg.png") no-repeat; margin-left: 48px; padding-right: 330px; text-align: right } .teachere-classCenter .teintroduc-name { font-size: 40px; padding-bottom: 16px; font-family: Open Sans } .teachere-classCenter .teintroduc-position { font-size: 16px; padding-bottom: 60px } .teachere-classCenter .teintroducp_div { font-size: 17px; line-height: 20px } .teachere-classCenter .teachere-relative { position: relative; margin-bottom: 40px; z-index: 2 } .teachere-classCenter .teachere-relative .teachere-headerimg { position: absolute; left: 48px; top: -70px } .teachere-classCenter .teachere-relative .teachere-headerimgr { position: absolute; right: 52px; top: -70px } .teachere-leftalign { text-align: left; padding-top: 70px; color: #fff } .teachere-leftalign .reachere-fonts { line-height: 80px; padding-top: 40px; font-size: 80px } .teachere-pbg { width: 100%; height: 220px; background: url("/themes/bianchengxia/img/teachers-introduction/shizi_jieshao_bg.png") no-repeat; background-position: 50%; background-size: cover } .teachere-pbg .center_indoutc { width: 1195px; margin: auto; font-size: 20px; color: #fff; text-indent: 2rem; line-height: 30px; padding-top: 69px; text-align: justify } .professional_team .good-teacherimg { display: block; margin: auto; padding-top: 50px; padding-bottom: 60px } .professional_team .profess-teamp { font-size: 20px; color: #777; text-align: center } .professional_team .team-imgs { display: block; margin: auto; width: 100%; margin-top: 45px } .curriculum-header { width: 100%; height: 760px; background: url("/courseSystem/kecheng_banner_bg.png") no-repeat; background-size: cover; background-position: 50%; margin-top: 70px; margin-bottom: 75px } .industry-leading { font-size: 100px; color: #fff; width: 509px; line-height: 125px; padding-top: 140px } .industry-leadingul { padding-top: 55px } .industry-leadingul li { padding-bottom: 20px; color: #fff; font-size: 20px } .industry-leadingul li img { vertical-align: top; margin-right: 8px; padding-top: 2px } .course-systemimg { display: block; margin: auto; margin-bottom: 60px } .course-systemdiv { width: 100%; height: 504px; background: url("/themes/bianchengxia/img/programming-education/kecheng_scratch1_bg.png") no-repeat; background-size: cover; background-position: 50%; padding-top: 72px } .course-systemdiv .course-systemleft { width: 555px; height: 360px; float: left; background: url("/courseSystem/flybrad.gif") no-repeat; background-size: cover } .course-systemdiv .course-systemright { width: 566px; float: right; padding-top: 13px } .course-systemdiv .course-systemright .course-systemrighth2 { font-size: 26px; color: #424242 } .course-systemdiv .course-systemright .course-systemrighth2 img { padding-right: 5px } .course-systemdiv .course-systemright .course-systemrighth2 span { display: inline-block; padding-top: 4px; vertical-align: middle } .course-systemdiv .course-systemright .zero-play { font-size: 16px; color: #737272; padding-top: 10px } .course-systemdiv .course-systemright .course-lablediv { margin-top: 15px; margin-bottom: 35px } .course-systemdiv .course-systemright .course-lablediv span { padding: 4px 13px; background-color: #ffac5a; font-size: 17px; color: #fff; display: inline-block; border-radius: 15px; margin-right: 15px; font-weight: 700 } .noip-systemdiv { width: 100%; height: 504px; background: url("/themes/bianchengxia/img/programming-education/kecheng_noip3_bg.png") no-repeat; background-size: cover; background-position: 50%; padding-top: 72px } .noip-systemdiv .course-systemleft { width: 555px; height: 360px; float: left; background: url("/themes/bianchengxia/img/programming-education/noip.gif") no-repeat; background-size: cover } .noip-systemdiv .course-systemright { width: 566px; float: right; padding-top: 13px } .noip-systemdiv .course-systemright .course-systemrighth2 { font-size: 26px; color: #424242 } .noip-systemdiv .course-systemright .course-systemrighth2 img { padding-right: 5px } .noip-systemdiv .course-systemright .course-systemrighth2 span { display: inline-block; padding-top: 4px; vertical-align: middle } .noip-systemdiv .course-systemright .zero-play { font-size: 16px; color: #737272; padding-top: 10px } .noip-systemdiv .course-systemright .course-lablediv { margin-top: 15px; margin-bottom: 35px } .noip-systemdiv .course-systemright .course-lablediv span { padding: 4px 13px; background-color: #ffac5a; font-size: 17px; color: #fff; display: inline-block; border-radius: 15px; margin-right: 15px; font-weight: 700 } .Python-systemdiv { background-color: #fff; padding: 72px 0 } .Python-systemdiv .Python-systemright { width: 555px; height: 360px; float: right; background: url("/themes/bianchengxia/img/programming-education/python.gif") no-repeat; background-size: cover } .Python-systemdiv .Python-systemleft { width: 566px; float: left; padding-top: 13px } .Python-systemdiv .Python-systemleft .Python-systemrighth2 { font-size: 26px; color: #424242 } .Python-systemdiv .Python-systemleft .Python-systemrighth2 img { padding-right: 5px } .Python-systemdiv .Python-systemleft .Python-systemrighth2 span { display: inline-block; padding-top: 4px; vertical-align: middle } .Python-systemdiv .Python-systemleft .zero-play { font-size: 16px; color: #737272; padding-top: 10px } .Python-systemdiv .Python-systemleft .course-lablediv { margin-top: 11px } .Python-systemdiv .Python-systemleft .course-lablediv span { padding: 4px 13px; background-color: #ff6c7a; font-size: 17px; color: #fff; display: inline-block; border-radius: 15px; margin-right: 15px; font-weight: 700 } .chivalry-course { padding-top: 93px; padding-bottom: 82px } .chivalry-courseul { display: flex; justify-content: space-between; flex-wrap: wrap } .chivalry-courseul li { width: 350px; background: #fff; box-shadow: 0 6px 35px 0 rgba(49, 172, 255, .08); border-radius: 20px; margin-right: 74px; margin-bottom: 50px; height: 350px } .chivalry-courseul li .courseul-div { width: 350px; height: 215px; overflow: hidden; cursor: pointer; border-radius: 20px 20px 0 0 } .chivalry-courseul li .img-courseul { transition: all .5s } .chivalry-courseul li .courseul-div:hover .img-courseul { transform: scale(1.1) } .chivalry-courseul li .coursesmall-icon { width: 40px; height: 40px; display: block; margin: auto; margin-top: -20px; position: relative; z-index: 2 } .chivalry-courseul li .white-bgpadding { background-color: #fff; padding: 9px 29px 20px 19px } .chivalry-courseul li .white-bgpadding .white-h2 { font-size: 22px; color: #424242; padding-bottom: 18px } .chivalry-courseul li .white-bgpadding .white-p { font-size: 16px; color: #777 } .chivalry-courseul li .thematic-h2 { font-size: 32px; color: #424242; padding-bottom: 25px } .chivalry-courseul li .thematic-p { font-size: 16px; color: #777 } .chivalry-courseul li:nth-child(3n+3) { margin-right: 0 } .chivalry-courseul li:nth-child(3) { box-shadow: none; padding-top: 125px } .chivalry-courseul li:nth-child(5) { margin-top: -47px } .chivalry-courseul li:nth-child(6) { margin-top: -100px } .chivalry-courseul li:first-child { margin-top: 45px } .bcx-coursetype { width: 100% } .bcx-coursetype .bcx-coursetypebg { width: 100%; height: 307px; background: url("/themes/bianchengxia/img/programming-education/kecheng_leixing_bg.png") no-repeat; background-size: cover } .bcx-coursetype .bcx-coursetypebg .course-systemimg { padding-top: 35px } .bcx-coursetype .bcx-coursetypeul { width: 1200px; margin: auto; display: flex; justify-content: space-around; background-color: #fff; margin-top: -180px; padding-top: 55px; padding-bottom: 49px; box-shadow: 0 6px 35px 0 rgba(49, 172, 255, .08) } .bcx-coursetype .bcx-coursetypeul li { text-align: center; cursor: pointer } .bcx-coursetype .bcx-coursetypeul li .coursetype-p { width: 185px; font-size: 15px; color: #777; text-align: justify; line-height: 20px } .bcx-coursetype .bcx-coursetypeul li .coursetype-h2 { font-size: 22px; color: #424242; padding-bottom: 19px; padding-top: 23px; transition: all .5s } .bcx-coursetype .bcx-coursetypeul li:hover .coursetype-h2 { color: #31acff } .bcx-courseresult { position: relative; padding-bottom: 150px } .bcx-courseresult .course-systemimg { padding-top: 140px; margin-bottom: 0 } .bcx-courseresult .bcxflex-result { margin-top: -140px; position: relative; z-index: 2 } .bcx-courseresult .bcxflex-result .bcx-resultleft { width: 57%; float: left } .bcx-courseresult .bcxflex-result .bcx-resultright { float: left; margin-left: 35px; margin-top: 19% } .bcx-courseresult .display-indiv { display: inline-block; padding-top: 40px; margin-left: 17px; cursor: pointer } .bcx-courseresult .display-indiv .indiv-h2 { font-size: 22px; color: #424242; padding-bottom: 10px } .bcx-courseresult .display-indiv .indiv-p { width: 313px; color: #777; text-align: justify; font-size: 15px } .bcx-courseresult .display-indiv:hover .indiv-h2 { color: #31acff } .bcx-courseresult .left-resultimg { display: inline-block; vertical-align: top } .bcx-courseresult .flex-bcxresult { margin-bottom: 70px } .teach-modeldiv { width: 100%; height: 790px; background: url("/themes/bianchengxia/img/teaching-model/jiaoxue_banner_bg.png") no-repeat; background-size: cover; margin-top: 70px } .teach-modeldiv .teach-modelbigh { width: 410px; font-size: 100px; color: #51372f; padding-top: 177px; line-height: 122px } .teach-modeldiv .teachmodel-ture { color: #51372f; font-size: 24px; padding-top: 50px } .chevron-div { margin-top: 100px } .chevron-div .chevron { position: absolute; width: 24px; height: 3px; opacity: 0; transform: scale3d(.8, .7, .7); animation: move 3s ease-out infinite } .chevron-div .chevron1 { animation: move 3s ease-out 1s infinite } .chevron-div .chevron2 { animation: move 3s ease-out 2s infinite } .chevron-div .chevron:after, .chevron-div .chevron:before { content: " "; position: absolute; top: 0; height: 100%; width: 50%; opacity: .35; background: #51372f } .chevron-div .chevron:before { left: 0; transform: skew(0deg, 40deg) } .chevron-div .chevron:after { right: 0; width: 50%; transform: skew(0deg, -40deg) } @ keyframes move { 25%{ opacity: 1 } 33%{ opacity : 1;transform :translateY(30px) } 67%{ opacity : 1;transform :translateY(45px) } to { opacity: 0; transform: translateY(55px) scale3d(.5, .5, .5) } } @ keyframes pulse { to {opacity: 1 } } .teaching-system { width: 1200px; margin: auto; height: 354px; position: relative; margin-bottom: 212px; background: linear-gradient(-30deg, #31acff, #59bcff) } .teaching-system .teaching-titleimg { display: block; margin: auto; padding-top: 40px; padding-bottom: 55px } .teaching-system .teaching-systemul { width: 1080px; display: flex; margin: auto; justify-content: space-between; position: absolute; left: 0; right: 0; bottom: -100px } .teaching-system .teaching-systemul li { width: 250px; text-align: center; padding-top: 30px; background: #fff; box-shadow: 0 6px 35px 0 rgba(49, 172, 255, .08); position: relative; padding-bottom: 60px; overflow: hidden; cursor: pointer } .teaching-system .teaching-systemul li .systemul-img { margin-bottom: 10px } .teaching-system .teaching-systemul li .bold-fonts { font-size: 24px; color: #2b2b2b; padding-bottom: 10px } .teaching-system .teaching-systemul li .en-fonts { font-size: 12px; color: #d9d9d9 } .teaching-system .teaching-systemul li .sysline-bule { width: 69px; height: 4px; background: #31acff; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; transition: all .5s } .teaching-system .teaching-systemul li .hover-showdiv { position: absolute; top: 0; width: 100%; background-color: #fff; padding-top: 42px; transition: all .5s; opacity: 0 } .teaching-system .teaching-systemul li .hover-showdiv .hover-boldfonts { font-size: 24px; color: #31acff; padding-bottom: 7px } .teaching-system .teaching-systemul li .hover-showdiv .hover-p { width: 230px; text-align: justify; margin: auto; text-indent: 2rem; color: #777; font-size: 14px; padding-top: 30px; padding-bottom: 85px } .teaching-system .teaching-systemul li:hover .hover-showdiv { opacity: 1 } .teaching-system .teaching-systemul li:hover .sysline-bule { width: 100% } .teaching-method { position: relative } .teaching-method .method-titleimg { display: block; margin: auto; margin-bottom: 40px } .teaching-method .method-p { font-size: 16px; color: #777; position: relative; text-indent: 2rem } .teaching-method .bgblcok-img { position: absolute; left: 0; top: 10px } .teaching-method .bgblcokbottom-img { position: absolute; right: 0; bottom: 240px } .public-methoddiv { width: 1000px; margin: auto; display: flex; justify-content: space-around; padding-top: 60px; position: relative; z-index: 2 } .public-methoddiv .method-lefth2 { font-size: 26px; color: #2b2b2b } .public-methoddiv .method-lefth2 img { vertical-align: bottom } .public-methoddiv .method-leftp { width: 390px; color: #777; font-size: 16px; padding-top: 15px } .public-methoddiv .public-methodleft { padding-top: 60px } .eight-classroomlinks { width: 100%; height: 570px; background: url("/themes/bianchengxia/img/teaching-model/jiaoxue_huanjie_bg.png") no-repeat; background-size: cover; margin-top: 60px } .eight-classroomlinks .method-titleimg { display: block; margin: auto; padding-top: 44px; padding-bottom: 45px } .eight-classroomlinks .classroomlinks-ul { display: flex; flex-wrap: wrap; width: 1000px; margin: auto } .eight-classroomlinks .classroomlinks-ul li { text-align: center; width: 19%; margin-bottom: 35px } .eight-classroomlinks .classroomlinks-ul li .bg-divradic { width: 106px; height: 106px; line-height: 106px; text-align: center; background-color: #fff; border-radius: 50%; display: block; margin: auto; margin-bottom: 14px } .eight-classroomlinks .classroomlinks-ul li .before-white { font-size: 25px; color: #fff; padding-bottom: 5px } .eight-classroomlinks .classroomlinks-ul li .before-white span { font-size: 30px; margin-right: -1px; letter-spacing: -1px } .eight-classroomlinks .classroomlinks-ul li .before-whitep { font-size: 14px; color: #fff } .eight-classroomlinks .classroomlinks-ul .two-doble { width: 8%; padding-top: 38px } .healthy-growthdiv { padding-top: 90px; background-color: #eee; position: relative; padding-bottom: 300px } .healthy-growthdiv .method-titleimg { display: block; margin: auto } .healthy-growthdiv .healthymargin-bottom { margin-top: 35px } .healthy-growthdiv .book-imgs { width: 100%; display: block; margin: auto; position: relative; z-index: 3 } .healthy-growthdiv .book-imgs2 { display: block; margin: auto; position: absolute; z-index: 2; top: 185px; left: 0; right: 0; height: 789px; width: 95% } .healthy-growthdiv .book-imgs3 { display: block; margin: auto; position: absolute; z-index: 3; top: 76px; left: 0; right: -25px; width: 90%; height: 920px } .healthy-growthdiv .sand-container { position: absolute; left: 0; right: 0; margin: auto; top: 100px } @ keyframes warn1 { 0%{ transform: scale(.3); -webkit-transform: scale(.3); opacity: 0 } 25%{ transform :scale ( .3 );-webkit-transform :scale ( .3 );opacity : .1 } 50%{ transform :scale ( .3 );-webkit-transform :scale ( .3 );opacity : .3 } 75%{ transform :scale ( .5 );-webkit-transform :scale ( .5 );opacity : .5 } to { transform: scale(.8); -webkit-transform: scale(.8); opacity: 0 } } @ keyframes warn { 0%{ transform: scale(.3); -webkit-transform: scale(.3); opacity: 0 } 25%{ transform :scale ( .3 );-webkit-transform :scale ( .3 );opacity : .1 } 50%{ transform :scale ( .3 );-webkit-transform :scale ( .3 );opacity : .3 } 75%{ transform :scale ( .5 );-webkit-transform :scale ( .5 );opacity : .5 } to { transform: scale(.8); -webkit-transform: scale(.8); opacity: 0 } } .sand-container { position: relative; width: 524px; height: 524px } .pulse2 { -webkit-animation: warn 4s linear; -moz-animation: warn 4s linear; animation: warn 4s linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite } .pulse1, .pulse2 { position: absolute; width: 704px; height: 704px; border: 3px solid #31acff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 1; opacity: 1; right: -50px } .pulse1 { -webkit-animation: warn1 3s linear; -moz-animation: warn1 3s linear; animation: warn1 3s linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite } .newjoin-bcxdiv { width: 100%; height: 750px; background-size: cover; margin-top: 60px } .newjoin-bcxdiv .newjion-h2 { padding-top: 105px; color: #fff; font-size: 34px; text-align: center; position: absolute; left: 0; right: 0 } .hz-bcxdiv { display: flex; margin-top: 85px } .hz-bcxdiv .hz-bcxdivleft { margin-right: 57px; text-align: center } .hz-bcxdiv .hz-bcxdivleft img { display: block; margin: auto; margin-bottom: 53px } .hz-bcxdiv .hz-bcxdivmiddle { margin-right: 100px } .hz-bcxdiv .hz-bcxdivmiddle .mdle-title { font-size: 30px; color: #2b2b2b; padding-bottom: 5px } .hz-bcxdiv .hz-bcxdivmiddle .hzabout-us { font-size: 15px; color: #d3d3d3 } .hz-bcxdiv .hz-bcxdivmiddle p { width: 660px; font-size: 18px; color: #4d4d4d; padding-top: 58px; line-height: 30px; text-align: justify } .major-events { width: 100%; height: 650px; background: url("/themes/bianchengxia/img/join-bcx/joinus_dashiji_image.png") no-repeat; background-size: cover; background-position: 50%; margin-top: -220px } .major-events .major-cenimg { display: block; margin: auto; padding-top: 50px } .school-institutionflex { display: flex; justify-content: space-between; margin-top: 127px } .school-institutionflex .school-flexleft img { margin-bottom: 50px } .school-institutionflex .school-flexright { margin-top: 50px } .whychose-bcx { width: 100%; height: 400px; background: url("/themes/bianchengxia/img/join-bcx/joinus_why_bg.png") no-repeat; background-size: cover; position: relative } .whychose-bcx .whycenter-img { display: block; margin: auto; padding-top: 70px } .center-portive { width: 1300px; margin: auto; position: absolute; left: 0; right: 0; bottom: -130px } .bcx-honor-img { display: block; margin: auto; padding-top: 560px } .bcx-honor { background-color: #f2f2f2; margin-top: 28px } .bcx-honor .bcx-honorul { width: 1200px; display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 73px; margin: auto } .bcx-honor .bcx-honorul li { width: 33.3%; margin-bottom: 70px } .bcx-honor .bcx-honorul li img { width: 100% } .bcx-honor .bcx-honorul li .tiele-divchina { margin: auto; text-align: center; font-size: 20px; color: #212121; margin-top: -142px } .bcx-franchise .imgjoin-bcx { display: block; margin: auto; padding-top: 105px; padding-bottom: 40px } .bcx-franchise .franchise-ul { display: flex; justify-content: space-between; width: 1135px; margin: auto } .bcx-franchise .franchise-ul li { text-align: center; position: relative; padding-bottom: 69px } .bcx-franchise .franchise-ul li .franchise-h2 { font-size: 26px; color: #2b2b2b; padding-top: 20px; padding-bottom: 10px } .bcx-franchise .franchise-ul li .franchise-p2 { width: 177px; font-size: 16px; color: #777; text-align: justify; position: absolute; left: -34px; right: 0; bottom: 21px; margin: auto } .bcx-franchise .franchise-ul li .last-p2 { width: 162px } .bcx-franchise .franchise-ul li .center-text { text-align: center; bottom: 43px } .bcx-franchise .franchise-ul li .franchise-imgli { display: inline-block } .bcx-franchise .franchise-ul li:nth-child(2n+2) { padding-top: 40px } .newcontact-us { width: 1200px; height: 483px; margin: auto; background: url("/themes/bianchengxia/img/join-bcx/bcx-conten_26.png") no-repeat; background-size: cover; margin-bottom: 80px; margin-top: 110px } .newcontact-us .newcontact-usimg { display: block; margin: auto; padding-top: 42px; padding-bottom: 44px } .newcontact-us .flex-newcontant { display: flex; justify-content: space-around } .newcontact-us .flex-newcontleft { font-size: 24px; color: #888; padding-top: 25px } .newcontact-us .flex-newcontleft div { margin-bottom: 50px; text-align: justify } .newcontact-us .flex-newcontleft div span { display: inline-block; width: 320px; line-height: 33px; vertical-align: top; margin-top: -3px; margin-left: -7px } .newcontact-us .flex-newcontleft img { padding-right: 10px } .newcontact-us .mesdiv-form { background-color: #fff; padding: 35px 40px 20px } .newcontact-us .mesdiv-form .mesdivs { font-size: 18px; color: #888; margin-bottom: 35px } .newcontact-us .mesdiv-form .mesdivs input { outline: none; border: 1px solid hsla(0, 0%, 72%, .5); border-radius: 4px; width: 310px; height: 45px; padding-left: 10px } .newcontact-us .mesdiv-form .mesdivs ::-webkit-input-placeholder { color: #a0a0a0 } .newcontact-us .mesdiv-form .mesdivs ::-moz-placeholder { color: #a0a0a0 } .newcontact-us .mesdiv-form .mesdivs :-ms-input-placeholder { color: #a0a0a0 } .newcontact-us .mesdiv-form .mesdivs :-moz-placeholder { color: #a0a0a0 } .newcontact-us .mesdiv-form .mesbutton { width: 100px; height: 40px; line-height: 40px; background: #55a2ff; border-radius: 20px; text-align: center; outline: none; border: none; color: #fff; float: right; cursor: pointer } .swiper-whychose { width: 1210px; margin: auto; margin-top: 40px !important } .swiper-whychose .swiper-pagination-bullets { top: 0 !important; display: flex; justify-content: space-around; left: 10px } .swiper-whychose .swiper-pagination-bullet { width: 97px !important; background: none; font-size: 20px; opacity: .5 !important; color: #fff; position: relative } .swiper-whychose .swiper-pagination-bullet-active { opacity: 1 !important; font-size: 22px } .swiper-whychose .swiper-pagination-bullet-active:after { content: ""; position: absolute; width: 63px; height: 3px; background: #fff; margin: auto; bottom: -32px; display: block; left: 0; right: 0 } .swiper-whychose .writ-line { position: absolute; left: 0; right: 0; top: 40px; width: 1150px; height: 1px; margin: auto; opacity: .5; background-color: #fff } .swiper-whychose .flex-slide { width: 1010px; margin: auto; display: flex; justify-content: space-around; margin-top: 27px; padding-top: 70px } .swiper-whychose .flex-slide .posion-relitiveslide { position: relative; padding-bottom: 40px } .swiper-whychose .flex-slide .posion-relitiveslide:first-of-type>.text-centerb { left: -46px } .swiper-whychose .flex-slide .posion-relitiveslide:nth-child(3)>.text-centerb { left: -10px } .swiper-whychose .operation-service { width: 100%; height: 756px; background: url("/themes/bianchengxia/img/join-bcx/joinus_why_fuwu_bg.png") no-repeat; background-size: 100% 762px; margin-top: 35px } .swiper-whychose .operation-teachers { width: 100%; height: 756px; background: url("/themes/bianchengxia/img/join-bcx/joinus_why_shizi_bg.png") no-repeat; background-size: 100% 762px; margin-top: 35px; text-align: center } .swiper-whychose .operation-teachers .opera-teacherh2 { font-size: 26px; color: #2b2b2b; padding-top: 85px; padding-bottom: 25px } .swiper-whychose .operation-teachers .opera-divp { padding-bottom: 48px } .swiper-whychose .operation-teachers .opera-divp>p { line-height: 25px; font-size: 16px; margin-bottom: 0 } .swiper-whychose .operation-teachers .techers-imgcenter { width: 90%; display: block; margin: auto } .swiper-whychose .operation-technology { width: 100%; height: 756px; background: url("/themes/bianchengxia/img/join-bcx/joinus_why_jishu_bg.png") no-repeat; background-size: 100% 762px; margin-top: 35px; padding-top: 60px; text-align: center; position: relative } .swiper-whychose .operation-technology .flot-leftimgs { float: left; margin-left: 90px } .swiper-whychose .operation-technology .deputy-p { width: 380px; color: #777; font-size: 22px; position: absolute; left: 143px; line-height: 29px; bottom: 70px; text-align: justify } .swiper-whychose .operation-technology .deputy-director { color: #404040; font-size: 16px; top: 162px; left: 464px; position: absolute } .swiper-whychose .operation-technology .disinline-techology { float: right; width: 500px; display: inline-block; position: relative; padding-top: 100px; padding-bottom: 400px; position: absolute; right: 12px } .swiper-whychose .operation-technologys { width: 100%; height: 756px; background: url("/themes/bianchengxia/img/join-bcx/joinus_why_zhaoshang_bg.png") no-repeat; background-size: 100% 762px; margin-top: 35px; padding-top: 60px; text-align: center; position: relative } .swiper-whychose .operation-technologys .flot-leftimgs { float: right; margin-right: 71px; margin-top: 60px } .swiper-whychose .operation-technologys .deputy-p { width: 503px; color: #777; font-size: 22px; position: absolute; left: 125px; line-height: 29px; text-align: justify; bottom: 230px } .swiper-whychose .operation-technologys .deputy-p .poats_ico1 { position: absolute; left: -45px; top: -13px } .swiper-whychose .operation-technologys .deputy-p .poats_ico2 { position: absolute; right: -45px; bottom: 0 } .swiper-whychose .operation-technologys .deputy-director { color: #404040; font-size: 16px; top: 225px; right: 378px; position: absolute } .swiper-whychose .operation-technologys .disinline-techology { float: right; width: 500px; display: inline-block; position: relative; padding-top: 100px; padding-bottom: 400px; position: absolute; right: 12px } .swiper-whychose .curriculum-div { width: 1153px; margin: auto; margin-top: 57px; background: #fff; box-shadow: 0 6px 35px 0 hsla(0, 0%, 62%, .2); border-radius: 0 0 10px 10px; padding-bottom: 50px; padding-top: 1px } .swiper-whychose .curriculum-div img { width: 95%; display: block; margin: auto; margin-top: 65px } .swiper-whychose .text-centerb { font-size: 24px; color: #2b2b2b; position: absolute; left: 0; right: 0; margin: auto; bottom: 0; width: 220px } .swiper-whychose .flex-imglist { width: 1097px; margin: auto; margin-top: 53px; display: flex; justify-content: space-around } .franchise-benefits { width: 1153px; margin: auto; margin-top: 57px; background: #fff; box-shadow: 0 6px 35px 0 hsla(0, 0%, 62%, .2); border-radius: 0 0 10px 10px; padding-bottom: 50px; padding-top: 1px; text-align: center; position: relative; height: 700px } .franchise-benefits .diblck-img { position: absolute; left: 0; right: 0; margin: auto; top: -20px; width: 910px } .franchise-benefits .franchise-pdiv { width: 300px; text-align: left; font-size: 18px; color: #404040; line-height: 30px; margin-top: 10px; margin-bottom: 90px; height: 98px } .franchise-benefits .yeelow-bg { width: 118px; height: 36px; background: url("/themes/bianchengxia/img/join-bcx/joinus_why_jiameng_icon.png") no-repeat; background-position: 50%; background-size: cover; font-size: 20px; line-height: 36px; color: #fff } .franchise-benefits .bene-title { font-size: 26px; color: #424242; padding-top: 55px; padding-bottom: 20px } .franchise-benefits .bene-bg { width: 320px; height: 34px; line-height: 34px; text-align: center; color: #fff; font-size: 18px; border-radius: 20px; background-color: rgba(79, 159, 255, .8); margin: auto } .franchise-benefits .four-bene .foutr-fristdiv { position: absolute; left: 70px; top: 220px } .franchise-benefits .four-bene .foutr-fristdivr { position: absolute; right: 40px; top: 220px } .center-portive .swiper-button-next { width: 66px; height: 66px; background-image: url(/themes/bianchengxia/img/home/right.png); background-size: 66px 66px; opacity: .5; transition: all .5s; right: -10px } .center-portive .swiper-button-next:hover, .center-portive .swiper-button-prev:hover { opacity: 1 } .center-portive .swiper-button-prev { width: 66px; height: 66px; background-image: url(/themes/bianchengxia/img/home/left.png); background-size: 66px 66px; opacity: .5; transition: all .5s; left: -10px } .bcx-pulblietitle { position: relative; margin: auto; font-size: 33px; text-align: center; margin-bottom: 65px } .bcx-pulblietitle .bcxtitle-h2 { font-size: 45px; color: #f5f5f5; text-transform: uppercase; margin-bottom: -8px } .bcx-pulblietitle .bcx-displine { display: inline-block; color: #3c3c3c } .bcx-pulblietitle .bcx-displine span { color: #31acff } .bcx-pulblietitle .kecheng_titleleft { margin-top: -30px } .bcx-pulblietitle .kecheng_titleright { margin-bottom: -27px } .bcx-pulblietitlew { position: relative; margin: auto; font-size: 33px; text-align: center; padding-top: 40px } .bcx-pulblietitlew .bcxtitle-h2 { font-size: 45px; color: hsla(0, 0%, 96%, .08); text-transform: uppercase; margin-bottom: -8px } .bcx-pulblietitlew .bcx-displine { display: inline-block; color: #fff } .bcx-pulblietitlew .kecheng_titleleft { margin-top: -30px } .bcx-pulblietitlew .kecheng_titleright { margin-bottom: -30px } .whytitkle { text-align: center; font-size: 33px; color: #fff; padding-top: 60px } .whytitkle img { margin-top: 15px } .bcx-twocolor { font-size: 33px; color: #3c3c3c; text-align: center; margin-top: 40px } .bcx-twocolor .bule-color { color: #4f9fff } .bcx-twocolor img { margin-top: 12px } .bcx-dancolor { font-size: 33px; color: #595959; text-align: center } .bcx-dancolor img { margin-top: 15px } @media screen and (max-width:1600px) { .bcx-courseresult .bcxflex-result .bcx-resultleft { margin-top: 5% } } .bcx-newlogin { width: 780px; height: 440px; position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; border-radius: 23px; z-index: 9999999; overflow: hidden; display: flex } .bcx-newlogin .bcx-newloginr { display: inline-block; vertical-align: top; margin-left: 60px; margin-right: 64px } .bcx-newlogin .newlogin-h2 { width: 160px; display: flex; font-size: 20px; justify-content: space-between; padding-bottom: 33px; padding-top: 39px; margin: auto } .bcx-newlogin .newlogin-h2 a { color: #666 } .bcx-newlogin .newlogin-h2 .active>a { color: #1fc9d3 } .bcx-newlogin .newlogin-h2>div:nth-last-of-type(2) { width: 1px; height: 19px; background: #ddd } .bcx-newlogin .newlogin-div { width: 320px; height: 46px; border: 1px solid #c7c7c7; border-radius: 23px; margin-bottom: 20px } .bcx-newlogin .newlogin-div .newl-user { margin-left: 20px; margin-bottom: 4px } .bcx-newlogin .newlogin-div input { border: none; font-size: 14px; color: #333; outline: none; height: 100%; padding-left: 8px; width: 250px; border-radius: 20px; display: inline-block } .bcx-newlogin .newlogin-div ::-webkit-input-placeholder { color: #c7c7c7 } .bcx-newlogin .newlogin-div ::-moz-placeholder { color: #c7c7c7 } .bcx-newlogin .newlogin-div ::-ms-input-placeholder { color: #c7c7c7 } .bcx-newlogin .newlogin-forget { text-align: right } .bcx-newlogin .newlogin-forget a { color: #2ad6e0; font-size: 14px } .bcx-newlogin .newlogin-forget a:hover { color: #1fc9d3 } .bcx-newlogin .newlogin-button { width: 320px; height: 46px; line-height: 46px; background: #2ad6e0; border-radius: 23px; text-align: center; color: #fff; border: none; margin-bottom: 20px; transition: all .5s; font-size: 16px } .bcx-newlogin .newlogin-button:hover { background-color: #1fc9d3 } .bcx-newlogin .newloginOr { text-align: center; font-size: 14px; color: #c7c7c7 } .bcx-newlogin .newlogin-wxqdiv { display: flex; justify-content: space-around; position: relative; width: 240px; margin: auto; margin-top: 10px } .bcx-newlogin .off-newlogin { width: 15px; position: absolute; right: 20px; top: 20px; cursor: pointer; z-index: 1 } .newloginblack-bg { position: fixed; z-index: 1; top: 0; width: 100%; height: 100%; z-index: 99999; background-color: rgba(0, 0, 0, .5) } .sms-verificadiv { width: 320px; margin: auto; display: flex; justify-content: space-between; margin-bottom: 20px } .sms-verificadiv .sms-divborder { width: 185px; height: 46px; border: 1px solid #c7c7c7; border-radius: 23px } .sms-verificadiv .sms-divborder img { margin-left: 20px } .sms-verificadiv .sms-divborder input { width: 125px; height: 91%; border: none; outline: none; padding-left: 5px; margin-top: 2px; color: #333 } .sms-verificadiv .smsget-code { width: 120px; height: 46px; line-height: 46px; text-align: center; color: #31acff; font-size: 14px; border: 1px solid #31acff; border-radius: 23px; background-color: #fff } .logingit-left { width: 403px; display: inline-block; border-radius: 20px; margin-right: -10px } @media screen and (max-width:768px) { .bcx-newlogin { width: 96% } .modal-body .logingit-left { display: none } .bcx-newlogin .bcx-newloginr { display: inline-block; vertical-align: top; position: absolute; left: 0; right: 0; width: 320px; margin: auto } } .investment-top { width: 100%; height: 60px; background-color: #f9a848 } .investment-top .img-topimgs { margin-top: 8px } .invest-banner { width: 100%; height: 710px; background: url(/themes/bianchengxia/img/investment/zhaoshang_banner1.png) no-repeat; background-size: cover; background-position: 50% } .invest-databg { width: 911px; height: 466px; background: url(/themes/bianchengxia/img/investment/zhaoshang_qianjing_bg.png) no-repeat; background-size: cover; background-position: 50%; margin: auto; margin-top: 25px } .invest-center { width: 1200px; margin: auto } .invest-center .invest-seatop { font-size: 30px; color: rgba(32, 32, 32, .8); text-align: center; padding-top: 66px; margin-bottom: 12px } .invest-center .invest-seabottom { font-size: 50px; color: #202020; text-align: center; font-weight: 700 } .invest-center .invest-seabottom span { color: #f9a848 } .invest-flexdiv { display: flex; justify-content: space-between; margin-top: -430px } .invest-flexdiv .invest-flexdivitem { width: 285px; height: 328px; background: #fff; box-shadow: 0 5px 24px 0 rgba(56, 56, 56, .16); border-radius: 10px; overflow: hidden; cursor: pointer } .invest-flexdiv .invest-flexdivitem .inves-itemimgd { width: 100%; height: 180px; overflow: hidden; position: relative } .invest-flexdiv .invest-flexdivitem .inves-itemimgd .inves-ablsout { position: absolute; font-size: 80px; color: #ffd12f; font-weight: 700; top: 50px; left: 0; right: 0; text-align: center; letter-spacing: -2px } .invest-flexdiv .invest-flexdivitem .inves-itemimgd .inves-ablsout span { font-size: 30px; margin-left: 5px; vertical-align: middle; display: inline-block; margin-bottom: -8px } .invest-flexdiv .invest-flexdivitem .i-itemimg { border-radius: 10px 10px 0 0; transition: all .5s linear; -ms-transition: .5s all linear; -moz-transition: .5s all linear; -webkit-transition: all .5s linear; -o-transition: .5s all linear } .invest-flexdiv .invest-flexdivitem .inves-itemimgbot { font-size: 20px; color: #484848; padding: 15px; line-height: 30px; text-align: justify } .invest-flexdiv .invest-flexdivitem:hover .i-itemimg { transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); -webkit-transform: scale3d(1.1, 1.1, 1.1); -o-transform: scale3d(1.1, 1.1, 1.1) } .investt-ul { font-size: 30px; color: #2a2a2a; margin-top: 38px; padding-bottom: 77px } .investt-ul li { position: relative; padding-left: 26px; margin-bottom: 10px } .investt-ul li:after { content: ""; display: block; position: absolute; left: 0; top: 13px; width: 18px; height: 18px; background: #f9a848; border-radius: 50% } .zhs-img { width: 100% } .investdvantage-ul { display: flex; justify-content: space-between; position: relative; width: 1155px } .investdvantage-ul .tdvantage-divi { width: 100%; height: 218px; overflow: hidden } .investdvantage-ul .tdvantage-divi .tdvantage-divimg { width: 100%; height: 100%; transition: all .5s linear; -ms-transition: .5s all linear; -moz-transition: .5s all linear; -webkit-transition: all .5s linear; -o-transition: .5s all linear; border-radius: 10px 10px 0 0 } .investdvantage-ul li { width: 370px; height: 410px; background: #fff; box-shadow: 0 5px 24px 0 hsla(0, 0%, 45%, .16); border-radius: 10px; overflow: hidden; font-size: 30px; color: #484848; text-align: center; position: relative; z-index: 2; cursor: pointer } .investdvantage-ul li .margin-top10 { margin-top: 10px } .investdvantage-ul li:hover .tdvantage-divimg { transition: all .5s; transform: scale(1.1) } .investdvantage-ul .investdv-ecentery { margin: auto; margin-top: -60px; position: relative; z-index: 1; display: block } .invets-center { width: 1200px; margin: auto; position: relative } .invets-center .left-zhaoshang_youshi_bg { position: absolute; left: 0; top: -62px } .invets-center .investdvantage-ul { margin-left: 40px; margin-top: 80px } .invets-centers { width: 1200px; margin: auto; position: relative } .invets-centers .right-zhaoshang_youshi_bg { position: absolute; right: 0; top: -62px } .invets-centers .investdvantage-ul { margin-right: 40px; margin-top: 120px } .service-tentype { text-align: center; position: relative; width: 100%; height: 805px; background: url(/themes/bianchengxia/img/investment/zhaoshang_fuwu_image1.png) no-repeat; background-size: cover; background-position: 50%; margin-top: 110px } .service-tentype .ings-tppes { width: 100% } .service-tentype .invest-seatops { font-size: 30px; color: hsla(0, 0%, 100%, .8); padding-bottom: 8px } .service-tentype .invest-seabottoms { font-size: 50px; color: #fff } .service-tentype .invest-seabottoms .color-yeelow { color: #f9a848 } .service-tentype .ppsa-tenptyre { position: absolute; top: 52px; left: 0; right: 0 } .curriculum-implantation { text-align: center; position: relative; width: 100%; height: 439px; background: url(/themes/bianchengxia/img/investment/zhaoshang_kecheng_bg.png) no-repeat; background-size: cover; background-position: 50% } .curriculum-implantation .implan-first { color: #202020; font-size: 30px; padding-top: 85px; padding-bottom: 16px } .curriculum-implantation .implan-sencend { font-size: 50px; color: #202020 } .curriculum-implantation .swiper-whychose, .curriculum-implantation .swiper-whychose img { width: 1240px } .curriculum-implantation .swiper-whychose .writ-line { width: 1200px } .curriculum-implantation .swiper-whychose .swiper-slide { padding-top: 52px } .curriculum-implantation .swiper-whychose .swiper-pagination-bullet { width: 180px !important } .curriculum-implantation .swiper-whychose .swiper-pagination-bullet-active:after { width: 222px; left: -22px } .curriculum-implantation .swiper-button-prev { left: -35px } .curriculum-implantation .swiper-button-next { right: -35px } .invest-introduction { margin-top: 570px; position: relative; height: 265px } .invest-introduction .introductio-leftbg { width: 880px; height: 230px; background: url(/themes/bianchengxia/img/investment/zhaoshang_jianjie_bg.png) no-repeat; background-size: cover; background-position: 50%; padding-left: 53px; z-index: 1; position: absolute; left: 0; top: 56px } .invest-introduction .introductio-leftbg .leftbg-h2 { font-size: 26px; color: #fffefe; padding-top: 30px; padding-bottom: 10px } .invest-introduction .introductio-leftbg .leftbg-h4 { font-size: 15px; color: hsla(0, 0%, 100%, .3); padding-bottom: 18px } .invest-introduction .introductio-leftbg .leftbg-p { width: 770px; text-align: justify; font-size: 18px; color: #fff; line-height: 26px } .invest-introduction .right-leftbg { position: absolute; right: 0; top: 0 } .famous-brands { margin-top: 100px; width: 100%; height: 1050px; background: url(/themes/bianchengxia/img/investment/zhaoshang_rongyu_bg.png) no-repeat; background-size: cover; background-position: 50%; text-align: center } .famous-brands .famous-h2 { font-size: 30px; color: rgba(32, 32, 32, .8); padding-top: 73px } .famous-brands .famous-h1 { font-size: 50px; color: #202020; font-weight: 700 } .famous-brands .famous-h1 span { color: #ff9f2d } .famous-brands .bcx-honorul { padding-top: 50px } .win-future { width: 100%; height: 1084px; background: url(/themes/bianchengxia/img/investment/zhaoshang_map_image.png) no-repeat; background-size: cover; background-position: 50%; text-align: center; position: relative } .win-future .ppsa-tenptyre { position: absolute; top: 52px; left: 0; right: 0 } .win-future .ppsa-tenptyre .invest-seatops { font-size: 30px; color: hsla(0, 0%, 100%, .8); padding-bottom: 8px } .win-future .ppsa-tenptyre .invest-seabottoms { font-size: 50px; color: #fff } .win-future .ppsa-tenptyre .invest-seabottoms .color-yeelow { color: #f9a848 } .One-stopService { padding-top: 80px; padding-bottom: 110px; text-align: center } .One-stopService .one-stoph2 { color: rgba(32, 32, 32, .8); font-size: 30px; padding-bottom: 12px } .One-stopService .one-stoph1 { font-size: 50px; color: #202020; font-weight: 700; padding-bottom: 60px } .One-stopService .one-stoph1 span { color: #f9a848 } .programmer-joining { width: 100%; height: 620px; background: url(/themes/bianchengxia/img/investment/zhaoshang_liucheng_bg.png) no-repeat; background-size: cover; background-position: 50%; text-align: center; position: relative } .programmer-joining .franchise-h2 { color: #fff !important; font-weight: 700; font-size: 28px !important } .programmer-joining .center-text { text-align: justify !important; bottom: -3px !important } .programmer-joining .franchise-p2 { font-size: 18px !important; color: #fff !important } .programmer-joining .franchise-ul { width: 1200px; padding-top: 244px } .programmer-joining .ppsa-tenptyre { position: absolute; top: 52px; left: 0; right: 0 } .programmer-joining .ppsa-tenptyre .invest-seatops { font-size: 30px; color: hsla(0, 0%, 100%, .8); padding-bottom: 8px } .programmer-joining .ppsa-tenptyre .invest-seabottoms { font-size: 50px; color: #fff } .programmer-joining .ppsa-tenptyre .invest-seabottoms .color-yeelow { color: #f9a848 } .invest-footer { width: 100%; height: 770px; background: url(/themes/bianchengxia/img/investment/zhaoshang_footer_bg.png) no-repeat; background-size: cover; text-align: center; position: relative; padding-top: 100px } .invest-footer .investsucce_div { width: 1200px; height: 579px; margin: auto; background: #fff; box-shadow: 0 10px 28px 0 hsla(0, 0%, 62%, .39); border-radius: 10px; position: relative; padding-top: 45px } .invest-footer .investsucce_div .one-stoph2 { color: rgba(32, 32, 32, .8); font-size: 30px; padding-bottom: 12px } .invest-footer .investsucce_div .one-stoph1 { font-size: 50px; color: #202020; font-weight: 700; padding-bottom: 35px } .invest-footer .investsucce_div .one-stoph1 span { color: #f9a848 } .invest-footer .mesge-flex { display: flex; justify-content: space-between; width: 1000px; margin: auto } .invest-footer .mesge-flex .mesge-flexleft { display: flex; padding-top: 31px } .invest-footer .mesge-flex .mesge-flexleft .meslef-right { text-align: left; font-size: 20px; margin-top: 30px; color: #484848 } .invest-footer .mesge-flex .mesge-flexleft .meslef-right div { margin-bottom: 50px } .invest-footer .mesge-flex .mesge-flexleft .meslef-right div img { padding-right: 7px; vertical-align: bottom } .invest-footer .mesge-flex .mesge-flexleft .meslef-right div span { padding-left: 34px } .invest-footer .mesge-flex .mesge-flexleft .codde-img { width: 190px; height: 190px } .invest-footer .form-horizontal { font-size: 18px; color: #484848 } .invest-footer .form-horizontal input { height: 48px } .invest-footer .form-horizontal input, .invest-footer .form-horizontal textarea { width: 350px; border: 1px solid hsla(0, 0%, 72%, .5); border-radius: 4px; outline: none; padding-left: 10px } .invest-footer .form-horizontal textarea { height: 90px; padding-top: 10px } .invest-footer .form-horizontal .pulic_divsname { margin-bottom: 20px; text-align: right; margin-right: 20px } .invest-footer .form-horizontal .pulic_divsname span { vertical-align: top; padding-top: 10px; display: inline-block } .invest-footer .form-horizontal ::-webkit-input-placeholder { color: #a0a0a0 } .invest-footer .form-horizontal ::-moz-placeholder { color: #a0a0a0 } .invest-footer .form-horizontal :-ms-input-placeholder { color: #a0a0a0 } .invest-footer .form-horizontal :-moz-placeholder { color: #a0a0a0 } .invest-footer .form-horizontal .kown_btn { width: 110px; height: 40px; line-height: 40px; text-align: center; background: #f9a848; border-radius: 20px; font-weight: 700; color: #fff; font-size: 16px; float: right; margin-right: 20px; cursor: pointer; margin-top: -10px } .invest-footer .form-horizontal .form-error-message { text-align: left; padding-left: 101px; position: absolute } .new-policiesd { width: 100%; height: 1130px; background: url(/themes/bianchengxia/img/investment/zhaoshang_zhengce_bg.png) no-repeat; background-size: cover; text-align: center; position: relative; margin-top: 80px } .new-policiesd .invest-seatops { font-size: 30px; color: hsla(0, 0%, 100%, .8); padding-bottom: 8px; padding-top: 70px } .new-policiesd .invest-seabottoms { font-size: 50px; color: #fff } .new-policiesd .invest-seabottoms .color-yeelow { color: #f9a848 } .new-policiesd .new-policiflex { display: flex; justify-content: space-between; margin-top: 50px; position: relative } .new-policiesd .new-policiflex img { width: 600px; height: 535px } .new-policiesd .new-policiflex .font-colorb { font-size: 12px; color: hsla(0, 0%, 100%, .8); position: absolute; bottom: 35px; left: 255px } .new-policiesd .new-policiflex .new-policiflexul { width: 560px } .new-policiesd .new-policiflex .new-policiflexul li { text-align: justify; font-size: 18px; color: #fffefe; margin-bottom: 17px; padding-left: 30px; position: relative } .new-policiesd .new-policiflex .new-policiflexul li:after { content: ""; display: block; position: absolute; left: 0; top: 4px; width: 18px; height: 18px; background: #f9a848; border-radius: 50% } .bcxalert-msg { position: fixed; top: 0 !important; left: 0; right: 0; bottom: 0; margin: auto; width: 520px; height: 390px; border-radius: 20px; z-index: 99999 } .bcxalert-msg .off_imgruls { position: absolute; right: 21px; top: 16px; cursor: pointer } .bcxalert-msg .h2 { font-size: 26px; color: #fff; width: 100%; height: 73px; line-height: 73px; background-color: #31acff; border-top-left-radius: 20px; border-top-right-radius: 20px; text-align: center; margin: 0 } .bcxalert-msg .bg-whtrfe { padding: 10px 52px; background-color: #fff; padding: 0 28px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; text-align: center; font-size: 18px; color: #3f3f3f; padding-top: 40px; padding-bottom: 26px } .bcxalert-msg .bg-whtrfe .your-mesp { margin-top: 30px; margin-bottom: 55px } .bcxalert-msg .bg-whtrfe .alertture-btn { width: 100px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; background: #31acff; border-radius: 20px; margin: auto; cursor: pointer } .black-fiexd, .black-fiexds { width: 100%; height: 100%; position: fixed; z-index: 9999; background-color: rgba(0, 0, 0, .5); top: 0 } .invesfiexed-footer { position: fixed; bottom: 0; width: 100%; height: 60px; line-height: 60px; background-color: #f9a848; z-index: 9999; display: none; transition: all .5s; box-shadow: 0 4px 16px 0 rgba(161, 104, 20, .5) } .invesfiexed-footer .mes-btngo { width: 190px; height: 100%; display: inline-block; float: right; text-align: center; font-size: 20px; color: #fff; font-weight: 700; background-color: #ff1531 } .invesfiexed-footer span { font-size: 24px; color: #fff; font-weight: 700 } .mesbtn { position: fixed; bottom: 0; width: 100%; height: 1rem; line-height: 1rem; text-align: center; font-size: .38rem; background-color: #f9a848; color: #fff; z-index: 999; font-weight: 700; box-shadow: 0 -7px 26px 0 rgba(120, 65, 65, .25) } .v26moble-index { margin-bottom: 1rem } .v26moble-index img { width: 100% } .zhs-moblediv { width: 100%; position: relative } .zhs-moblediv .bq-fonts { font-size: .16rem; position: absolute; left: 0; right: 0; bottom: .25rem; margin: auto; text-align: center; color: hsla(0, 0%, 100%, .5) } .bcxalert-msgmoble { position: fixed; top: 0 !important; left: 0; right: 0; bottom: 0; margin: auto; width: 90%; height: 390px; border-radius: 20px; z-index: 99999 } .bcxalert-msgmoble .off_imgruls { position: absolute; right: 17px; top: 12px; cursor: pointer; width: .26rem } .bcxalert-msgmoble .h2 { font-size: .3rem; color: #fff; width: 100%; height: .73rem; line-height: .73rem; background-color: #31acff; border-top-left-radius: 20px; border-top-right-radius: 20px; text-align: center; margin: 0 } .bcxalert-msgmoble .bg-whtrfe { padding: 10px 52px; background-color: #fff; padding: 0 28px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; text-align: center; font-size: .26rem; color: #3f3f3f; padding-top: 40px; padding-bottom: 26px } .bcxalert-msgmoble .bg-whtrfe .your-mesp { margin-top: 30px; margin-bottom: .7rem } .bcxalert-msgmoble .bg-whtrfe img { width: 1.34rem } .bcxalert-msgmoble .bg-whtrfe .alertture-btn { width: 4.94rem; height: .72rem; line-height: .72rem; text-align: center; font-size: 16px; color: #fff; background: #31acff; border-radius: 20px; margin: auto; cursor: pointer } .vbcxalert-msgmoble { position: fixed; top: 0 !important; left: 0; right: 0; bottom: 0; margin: auto; width: 90%; height: 390px; border-radius: 20px; z-index: 99999 } .vbcxalert-msgmoble .off_imgrulsw { position: absolute; right: 17px; top: 12px; cursor: pointer; width: .26rem } .vbcxalert-msgmoble .h2 { font-size: .3rem; color: #fff; width: 100%; height: .73rem; line-height: .73rem; background-color: #31acff; border-top-left-radius: 20px; border-top-right-radius: 20px; text-align: center; margin: 0 } .vbcxalert-msgmoble .moble-formv26 { background-color: #fff; padding: 0 14px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; text-align: right; font-size: .26rem; color: #3f3f3f; padding-top: 40px; padding-bottom: 26px } .vbcxalert-msgmoble .moble-formv26 .your-mesp { margin-top: 30px; margin-bottom: .7rem } .vbcxalert-msgmoble .moble-formv26 .mal-leftf span { vertical-align: middle; margin-left: -10px } .vbcxalert-msgmoble .moble-formv26 input { width: 4.54rem; height: .64rem; border: 1px solid #c7c7c7; border-radius: 32px; outline: none; padding-left: 15px } .vbcxalert-msgmoble .moble-formv26 textarea { border: 1px solid #c7c7c7; outline: none; padding-left: 10px; border-radius: 12px; width: 4.54rem; padding-top: .1rem } .vbcxalert-msgmoble .moble-formv26 div { margin-bottom: .4rem; padding-right: 10px } .vbcxalert-msgmoble .moble-formv26 img { width: 1.34rem } .vbcxalert-msgmoble .moble-formv26 span { vertical-align: top; padding-top: 10px } .vbcxalert-msgmoble .moble-formv26 .form-error-message { padding-left: 1.5rem; text-align: left; margin-bottom: -16px } .vbcxalert-msgmoble .moble-formv26 .alertture-btns { width: 5.4rem; height: .72rem; line-height: .72rem; text-align: center; font-size: 16px; color: #fff; background: #31acff; border-radius: 20px; margin: auto; cursor: pointer; padding-right: 0 } .vbcxalert-msgmoble .moble-formv26 ::-webkit-input-placeholder { color: #a0a0a0 } .vbcxalert-msgmoble .moble-formv26 ::-moz-placeholder { color: #a0a0a0 } .vbcxalert-msgmoble .moble-formv26 :-ms-input-placeholder { color: #a0a0a0 } .vbcxalert-msgmoble .moble-formv26 :-moz-placeholder { color: #a0a0a0 } .vbcxalert-msgmoble .you-needdiv { display: flex; justify-content: space-between } .vbcxalert-msgmoble .you-needdiv span { width: 1.7rem; padding-top: 0 } .vbcxalert-msgmoble .you-needdiv .cd-radio-group { margin-bottom: 0 !important } .vbcxalert-msgmoble .you-needdiv .cd-radio.checked:before { border-color: #31acff !important; background: #31acff !important } .moble-lunb { margin-top: -.8rem } .moble-lunb img { width: 5.8rem; display: block; margin: auto } .moble-lunb .swiper-button-prev { background-size: 16px 28px; background-image: url(/themes/bianchengxia/img/index-moble/lunbo_06.png) } .moble-lunb .swiper-button-next { background-size: 16px 28px; background-image: url(/themes/bianchengxia/img/index-moble/lunbo_09.png) } .v26mes-aleat { display: none } .xxt-futurev1 .stu-leftv1 { border-radius: 20px !important } .xxt-futurev1 .futurev1-left { width: 264px; background-color: #fff; text-align: center; padding-top: 26px; border-radius: 4px; position: relative } .xxt-futurev1 .futurev1-left .name { color: #333; font-size: 16px; padding-bottom: 10px; max-width: 82%; margin: auto } .xxt-futurev1 .futurev1-left .header-portrait { width: 136px; height: 136px; background-image: url("/themes/bianchengxia/img/future-classroomv1/teacher_user_frame.png"); text-align: center; margin: auto; margin-bottom: 12px; position: relative } .xxt-futurev1 .futurev1-left .header-portrait .lable_port { width: 86px; height: 86px; border-radius: 50%; display: block; position: absolute; left: 0; right: 0; top: 25px; margin: auto } .xxt-futurev1 .futurev1-left .header-portrait .lable-teacher { position: absolute; right: -6px; top: 36px; width: 44px; height: 24px; background: #0cd263; border-radius: 12px; color: #fff; z-index: 1 } .xxt-futurev1 .futurev1-left .headerstu-portrait { width: 110px; height: 141px; background-image: url("/themes/bianchengxia/img/future-classroomv1/student_user_frame.png"); text-align: center; margin: auto; margin-bottom: 12px; position: relative } .xxt-futurev1 .futurev1-left .headerstu-portrait .lable_port { width: 102px; height: 102px; border-radius: 50%; display: block; position: absolute; left: 0; right: 0; top: 35px; margin: auto } .xxt-futurev1 .futurev1-left .headerstu-portrait .lable-stu { position: absolute; right: -19px; top: 59px; width: 44px; height: 24px; background: #ffb21c; border-radius: 12px; color: #fff; z-index: 1 } .xxt-futurev1 .futurev1-left .workes-num { padding-top: 30px; width: 216px; margin: auto; padding-bottom: 30px; border-bottom: 1px solid #f5f5f5 } .xxt-futurev1 .futurev1-left .workes-span { padding-top: 3px; color: #999 } .xxt-futurev1 .futurev1-left .switch-school { font-size: 14px; color: #999 } .xxt-futurev1 .futurev1-left .switch-school a { display: inline-block; width: 40px; height: 16px; font-size: 12px; text-align: center; line-height: 16px; border: 1px solid #999; border-radius: 8px; color: #999 } .xxt-futurev1 .futurev1-left .left_nav { font-size: 16px; margin-top: 40px } .xxt-futurev1 .futurev1-left .left_nav .iconfont { color: #ccc; padding-right: 10px; font-size: 21px } .xxt-futurev1 .futurev1-left .left_nav .active a { color: #31acff !important } .xxt-futurev1 .futurev1-left .left_nav .active .iconfont { color: #31acff; opacity: .7 } .xxt-futurev1 .futurev1-left .left_nav .active>.iconzaixuebanji { font-size: 25px; display: inline-block; vertical-align: bottom; padding-right: 9px } .xxt-futurev1 .futurev1-left .left_nav .iconkechengzhongxin { font-size: 19px; margin-right: 2px } .xxt-futurev1 .futurev1-left .left_nav .iconxueshengguanli { font-size: 22px } .xxt-futurev1 .futurev1-left .left_nav .iconzhibokecheng { font-size: 31px; vertical-align: middle; display: inline-block; padding-bottom: 4px; padding-right: 5px; margin-left: -6px } .xxt-futurev1 .futurev1-left .left_nav li { width: 100%; text-align: center; line-height: 64px } .xxt-futurev1 .futurev1-left .left_nav li a { display: block; color: #333 } .xxt-futurev1 .futurev1-left .left_nav li:hover { background-color: rgba(49, 172, 255, .1) } .xxt-futurev1 .futurev1-left .left_nav li:hover>a { color: #31acff } .xxt-futurev1 .futurev1-left .left_nav li:hover .iconfont { color: #31acff; opacity: .7 } .xxt-futurev1 .futurev1-left .teacher_nav .active { background-color: rgba(49, 172, 255, .1) !important } .xxt-futurev1 .futurev1-left .teacher_nav .active a { color: #31acff } .xxt-futurev1 .futurev1-left .teacher_nav .active .iconfont { color: #31acff; opacity: .7 } .xxt-futurev1 .center { width: 1200px; margin: auto; padding-top: 105px; margin-bottom: 25px } .xxt-futurev1 .flex-futer { display: flex; justify-content: space-between } .xxt-futurev1 .stu-rightv1 { border-radius: 20px !important } .xxt-futurev1 .futurev1-right { width: 912px; border-radius: 4px } .xxt-futurev1 .futurev1-right .class-details { min-height: 920px } .xxt-futurev1 .futurev1-right .class-details .turning-pagebg { width: 750px; height: 280px; margin: 24px auto; background-image: url("/themes/bianchengxia/img/future-classroomv1/teacher_class_details_kecheng_bg.png") } .xxt-futurev1 .futurev1-right .class-details .turning-pagebg .turning-leftbg { width: 100%; height: 100%; transition: all .5s } .xxt-futurev1 .futurev1-right .class-details .turning-pagebg .turning-pagebgleft { width: 312px; height: 206px; overflow: hidden; margin: 37px 35px } .xxt-futurev1 .futurev1-right .class-details .turning-pagebg .turning-pagebgright { padding: 20px; font-size: 16px } .xxt-futurev1 .futurev1-right .class-details .turning-pagebg .turning-pagebgright .h2 { max-width: 285px; color: #333; font-size: 18px; margin-bottom: 15px; margin-top: 30px } .xxt-futurev1 .futurev1-right .class-details .turning-pagebg .turning-pagebgright .official { color: #0cd263; padding: 0 5px; font-size: 12px; display: inline-block; border: 1px solid #0cd263; margin-bottom: 80px; border-radius: 4px; line-height: 20px } .xxt-futurev1 .futurev1-right .class-details .turning-pagebg .turning-pagebgright .campus { color: #ffa21c; padding: 0 5px; font-size: 12px; display: inline-block; border: 1px solid #ffa21c; margin-bottom: 80px; border-radius: 4px; line-height: 20px } .xxt-futurev1 .futurev1-right .class-details .turning-pagebg .turning-pagebgright .type { padding-bottom: 10px } .xxt-futurev1 .futurev1-right .class-details .turning-pagebg a { display: block; width: 100%; display: flex; color: #666 } .xxt-futurev1 .futurev1-right .class-details .stuv1-pagebgs { background-image: url("/themes/bianchengxia/img/future-classroomv1/student_class_details_kecheng_bg.png") } .xxt-futurev1 .futurev1-right .class-details .turning-pagebg:hover .turning-leftbg { transform: scale(1.08) } .xxt-futurev1 .futurev1-right .class-details .turning-pagebg:hover .turning-pagebgright .h2 { color: #31acff } .xxt-futurev1 .futurev1-right .class-details .tops { width: 100%; height: 70px; line-height: 70px; background-image: url("/themes/bianchengxia/img/future-classroomv1/teacher_class_details_bg.png"); font-size: 20px; color: #5c89ca; padding-left: 32px } .xxt-futurev1 .futurev1-right .class-details .tops .ruslut-btn { width: 80px; height: 32px; line-height: 32px; font-size: 16px; color: #717171; text-align: center; border: 1px solid #c7c7c7; border-radius: 16px; float: right; margin-right: 32px; cursor: pointer; margin-top: 20px; transition: all .5s } .xxt-futurev1 .futurev1-right .class-details .tops .ruslut-btn:hover { border: 1px solid #31acff; color: #31acff } .xxt-futurev1 .futurev1-right .class-details .stuv1-tops { width: 100%; height: 70px; line-height: 70px; background-image: url("/themes/bianchengxia/img/future-classroomv1/student_class_details_bg.png"); font-size: 22px; color: #ff9c00; text-align: center; padding-left: 32px } .xxt-futurev1 .futurev1-right .class-details .stuv1-tops img { padding-bottom: 7px } .xxt-futurev1 .futurev1-right .class-details .stuindtour { padding-top: 20px } .xxt-futurev1 .futurev1-right .class-details .stuv1-flextop { padding-bottom: 76px !important; border-radius: 0 0 10px 10px } .xxt-futurev1 .futurev1-right .class-details .course-topsv1 { width: 100%; height: 70px; line-height: 70px; font-size: 20px; color: #62928f; padding-left: 32px; background-image: url("/themes/bianchengxia/img/future-classroomv1/teacher_kecheng_details_bg.png") } .xxt-futurev1 .futurev1-right .class-details .course-topsv1 .ruslut-btn { width: 80px; height: 32px; line-height: 32px; font-size: 16px; color: #717171; text-align: center; border: 1px solid #c7c7c7; border-radius: 16px; float: right; margin-right: 32px; cursor: pointer; margin-top: 20px; transition: all .5s } .xxt-futurev1 .futurev1-right .class-details .course-topsv1 .ruslut-btn:hover { border: 1px solid #31acff; color: #31acff } .xxt-futurev1 .futurev1-right .class-details .stucouse-topv3 { width: 100%; height: 70px; line-height: 70px; font-size: 22px; color: #62928f; text-align: center; background-image: url("/themes/bianchengxia/img/future-classroomv1/student_kecheng_details_bg.png") } .xxt-futurev1 .futurev1-right .class-details .stucouse-topv3 img { padding-bottom: 7px } .xxt-futurev1 .futurev1-right .class-details .flex-topv1 { display: flex; justify-content: space-between; color: #999; font-size: 14px; background-color: #fff; padding: 30px 50px; width: 100%; margin: auto; margin-bottom: 24px; padding-bottom: 65px } .xxt-futurev1 .futurev1-right .class-details .flex-topv1 .indtour-div { position: absolute; padding-left: 35px; max-width: 380px; padding-top: 25px } .xxt-futurev1 .futurev1-right .class-details .flex-topv1 .felx-bottomds { display: flex } .xxt-futurev1 .futurev1-right .class-details .flex-topv1 .felx-bottomds img { width: 26px; height: 26px; margin-top: 7px; margin-right: 10px } .xxt-futurev1 .futurev1-right .class-details .flex-topv1 .color-fonts { color: #333 } .xxt-futurev1 .futurev1-right .class-details .flex-topv2 { display: flex; color: #999; flex-wrap: wrap; font-size: 14px; background-color: #fff; padding: 30px 0; width: 100%; margin: auto; margin-bottom: 24px; padding-bottom: 0 } .xxt-futurev1 .futurev1-right .class-details .flex-topv2 .tpex-dflex { margin-left: 121px; padding-bottom: 40px; width: 189px } .xxt-futurev1 .futurev1-right .class-details .flex-topv2 .tpex-dflex:first-child, .xxt-futurev1 .futurev1-right .class-details .flex-topv2 .tpex-dflex:nth-child(4) { margin-left: 90px } .xxt-futurev1 .futurev1-right .class-details .flex-topv2 .indtour-div { position: absolute; padding-left: 35px; max-width: 380px } .xxt-futurev1 .futurev1-right .class-details .flex-topv2 .felx-bottomds { display: flex } .xxt-futurev1 .futurev1-right .class-details .flex-topv2 .felx-bottomds img { width: 26px; height: 26px; margin-top: 7px; margin-right: 10px } .xxt-futurev1 .futurev1-right .class-details .flex-topv2 .color-fonts { color: #333; max-width: 205px } .xxt-futurev1 .futurev1-right .class-details .flex-topv3 { display: flex; color: #999; flex-wrap: wrap; font-size: 14px; background-color: #fff; padding: 30px; width: 100%; margin: auto; margin-bottom: 24px; padding-left: 40px } .xxt-futurev1 .futurev1-right .class-details .flex-topv3 .tpex-dflex { margin-left: 218px; padding-bottom: 40px; width: 131px } .xxt-futurev1 .futurev1-right .class-details .flex-topv3 .tpex-dflex:first-child, .xxt-futurev1 .futurev1-right .class-details .flex-topv3 .tpex-dflex:nth-child(4) { margin-left: 12px } .xxt-futurev1 .futurev1-right .class-details .flex-topv3 .indtour-div { position: absolute; padding-left: 35px; max-width: 380px } .xxt-futurev1 .futurev1-right .class-details .flex-topv3 .felx-bottomds { display: flex } .xxt-futurev1 .futurev1-right .class-details .flex-topv3 .felx-bottomds img { width: 26px; height: 26px; margin-top: 7px; margin-right: 10px } .xxt-futurev1 .futurev1-right .class-details .flex-topv3 .color-fonts { color: #333; max-width: 205px } .xxt-futurev1 .futurev1-right .class-details .curriculum { background-color: #fff; min-height: 680px } .xxt-futurev1 .futurev1-right .class-details .curriculum .couse-instronv1 { padding: 24px } .xxt-futurev1 .futurev1-right .class-details .curriculum .couse-instronv1 img { max-width: 100%; display: block; margin: 20px auto } .xxt-futurev1 .futurev1-right .class-details .stuv1-curriculum { border-radius: 10px } .xxt-futurev1 .futurev1-right .techering-div { background-color: #fff; min-height: 920px } .xxt-futurev1 .futurev1-right .top { padding-left: 32px; padding-top: 20px; border-bottom: 1px solid #eee } .xxt-futurev1 .futurev1-right .top a { width: 90px; display: inline-block; font-size: 18px; color: #333; padding-bottom: 15px; text-align: center; margin-right: 15px } .xxt-futurev1 .futurev1-right .top .active { border-bottom: 2px solid #31acff; color: #31acff } .xxt-futurev1 .futurev1-right .stus-topv1 { text-align: center; padding-top: 24px; font-size: 18px } .xxt-futurev1 .futurev1-right .stus-topv1 a { width: 110px; height: 48px; line-height: 48px; text-align: center; color: #31acff; display: inline-block; border: 1px solid #31acff; border-radius: 24px; margin-left: 44px; transition: all .5s } .xxt-futurev1 .futurev1-right .stus-topv1 .active { background-color: #31acff; color: #fff } .xxt-futurev1 .futurev1-right .stus-topv1 .active:hover { background-color: #0387e0 } .xxt-futurev1 .futurev1-right .topcx { padding-left: 32px; padding-top: 24px; text-align: center } .xxt-futurev1 .futurev1-right .topcx a { width: 140px; height: 48px; line-height: 48px; border: 1px solid #31acff; border-radius: 24px; display: inline-block; font-size: 18px; color: #31acff; padding-bottom: 15px; text-align: center; margin-right: 15px; transition: all .5s } .xxt-futurev1 .futurev1-right .topcx .active:hover { background-color: #0387e0 } .xxt-futurev1 .futurev1-right .topcx .active { color: #fff; background-color: #31acff } .xxt-futurev1 .futurev1-right .stu-listul { margin-top: 24px; margin-left: 25px } .xxt-futurev1 .futurev1-right .stu-listul .listul-left { display: inline-block; width: 270px; height: 100%; overflow: hidden; position: relative } .xxt-futurev1 .futurev1-right .stu-listul .listul-left .stusts-class { position: absolute; right: 16px; top: 0 } .xxt-futurev1 .futurev1-right .stu-listul .listul-right { display: inline-block; padding-left: 30px; vertical-align: top; padding-top: 35px } .xxt-futurev1 .futurev1-right .stu-listul .listul-right .num { color: #999; padding-bottom: 10px } .xxt-futurev1 .futurev1-right .stu-listul .listul-right .h2 { max-width: 320px; color: #333; font-size: 20px; padding-bottom: 50px } .xxt-futurev1 .futurev1-right .stu-listul .listul-right .name { max-width: 410px; color: #999 } .xxt-futurev1 .futurev1-right .stu-listul .listul-right .look-btn { width: 80px; height: 36px; line-height: 32px; text-align: center; background: #31acff; border: 1px solid #31acff; border-radius: 18px; position: absolute; right: 25px; top: 65px; color: #fff; transition: all .5s } .xxt-futurev1 .futurev1-right .stu-listul .listul-right .look-btn:hover { background-color: #0387e0 } .xxt-futurev1 .futurev1-right .stu-listul .bg-titile { width: 100%; height: 100%; transition: all .5s } .xxt-futurev1 .futurev1-right .stu-listul li { width: 864px; height: 232px; padding: 24px; background-image: url("/themes/bianchengxia/img/future-classroomv1/student_class_bg_normal.png"); border-radius: 10px; position: relative; display: flex; margin-bottom: 24px; overflow: hidden } .xxt-futurev1 .futurev1-right .stu-listul li:hover .bg-titile { transform: scale(1.08) } .xxt-futurev1 .futurev1-right .stu-listul li:hover .listul-right .h2 { color: #ff9c00 } .xxt-futurev1 .futurev1-right .course-ulv2>li { background-image: url("/themes/bianchengxia/img/future-classroomv1/student_kecheng_bg_normal.png") } .xxt-futurev1 .futurev1-right .course-ulv2>li .name { color: #666 !important; font-size: 16px; padding-bottom: 6px } .xxt-futurev1 .futurev1-right .course-ulv2>li:hover .listul-right .h2 { color: #2ebcb3 } .xxt-futurev1 .futurev1-right .stu-listulhis>li { background-image: url("/themes/bianchengxia/img/future-classroomv1/student_class_bg_disabled.png") } .xxt-futurev1 .futurev1-right .stu-listulhis>li:hover .listul-right .h2 { color: #333 !important } .xxt-futurev1 .futurev1-right .stu-listulhis>li:hover .bg-titile { transform: scale(1) !important } .xxt-futurev1 .futurev1-right .teaching-listul { margin-top: 24px; margin-left: 25px } .xxt-futurev1 .futurev1-right .teaching-listul .listul-left { display: inline-block; width: 270px; height: 100%; overflow: hidden; border-radius: 10px 0 0 10px; position: relative } .xxt-futurev1 .futurev1-right .teaching-listul .listul-left .stusts-class { position: absolute; right: 16px; top: 0 } .xxt-futurev1 .futurev1-right .teaching-listul .listul-left .wrt-zhwv1 { width: 268px; height: 184px; background: hsla(0, 0%, 100%, .5); position: absolute; left: 0; top: 0 } .xxt-futurev1 .futurev1-right .teaching-listul .listul-right { display: inline-block; padding-left: 30px; padding-top: 25px } .xxt-futurev1 .futurev1-right .teaching-listul .listul-right .num { color: #999; padding-bottom: 10px } .xxt-futurev1 .futurev1-right .teaching-listul .listul-right .h2 { max-width: 320px; color: #333; font-size: 20px; padding-bottom: 50px } .xxt-futurev1 .futurev1-right .teaching-listul .listul-right .name { max-width: 410px; color: #999 } .xxt-futurev1 .futurev1-right .teaching-listul .listul-right .look-btn { width: 80px; height: 36px; line-height: 32px; text-align: center; background: #31acff; border: 1px solid #31acff; border-radius: 18px; position: absolute; right: 25px; top: 65px; color: #fff; transition: all .5s } .xxt-futurev1 .futurev1-right .teaching-listul .listul-right .look-btn:hover { background-color: #0387e0 } .xxt-futurev1 .futurev1-right .teaching-listul .bg-titile { width: 100%; height: 100%; transition: all .5s; border-radius: 10px 0 0 10px } .xxt-futurev1 .futurev1-right .teaching-listul li { width: 864px; height: 172px; background: #fff; border: 1px solid #e7e7e7; border-radius: 10px; position: relative; display: flex; margin-bottom: 24px; overflow: hidden } .xxt-futurev1 .futurev1-right .teaching-listul li:hover .bg-titile { transform: scale(1.08) } .xxt-futurev1 .futurev1-right .teaching-listul li:hover .listul-right .h2 { color: #31acff } .xxt-futurev1 .futurev1-right .future_workul { margin-top: 32px } .xxt-futurev1 .futurev1-right .future_workul li { width: 196px; display: inline-block; background-color: #fff; border: 1px solid #eee; border-radius: 21px; margin-bottom: 32px; margin-left: 24px } .xxt-futurev1 .futurev1-right .future_workul li .futuretc_bg { width: 100%; height: 179px; transition: all .5s } .xxt-futurev1 .futurev1-right .future_workul li .future-toa { width: 100%; height: 179px; position: relative; overflow: hidden; display: block; border-radius: 20px 20px 0 0 } .xxt-futurev1 .futurev1-right .future_workul li .scratch_lable { width: 35px; height: 18px; line-height: 18px; text-align: center; background: #ffcc2b; border-radius: 9px 0 0 9px; color: #fff; position: absolute; right: -2px; bottom: 16px; font-size: 12px; padding-left: 3px; transform: scale(.9) } .xxt-futurev1 .futurev1-right .future_workul li .release_ybtn { color: #fff; background: #ffcc2b; box-shadow: 0 2px 8px 0 rgba(255, 204, 43, .2) } .xxt-futurev1 .futurev1-right .future_workul li .release_wbtn, .xxt-futurev1 .futurev1-right .future_workul li .release_ybtn { width: 60px; height: 32px; line-height: 32px; text-align: center; font-size: 13px; position: absolute; left: 10px; top: 10px; border-radius: 4px } .xxt-futurev1 .futurev1-right .future_workul li .release_wbtn { color: #666; background: #fff; box-shadow: 0 2px 8px 0 hsla(0, 0%, 59%, .2) } .xxt-futurev1 .futurev1-right .future_workul li .future_title { padding: 12px 9px 7px 10px } .xxt-futurev1 .futurev1-right .future_workul li .future_title .head_h2 { font-size: 16px } .xxt-futurev1 .futurev1-right .future_workul li .future_title .head_h2 a { color: #333 } .xxt-futurev1 .futurev1-right .future_workul li .future_title .time { color: #999; font-size: 12px; padding-bottom: 5px } .xxt-futurev1 .futurev1-right .future_workul li .future_title .user_headerp { width: 24px; height: 24px; border-radius: 50% } .xxt-futurev1 .futurev1-right .future_workul li .future_title .wxm_name { font-size: 14px; color: #666; max-width: 125px; display: inline-block; vertical-align: middle } .xxt-futurev1 .futurev1-right .future_workul li .is_reshow { position: relative } .xxt-futurev1 .futurev1-right .future_workul li .is_reshow:hover .resu_bitn { display: block } .xxt-futurev1 .futurev1-right .future_workul li .expand_slbtn { font-size: 18px; cursor: pointer } .xxt-futurev1 .futurev1-right .future_workul li .resu_bitn { width: 110px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #333; background: #fff; border: 1px solid #eee; box-shadow: 0 2px 8px 0 hsla(0, 0%, 55%, .15); border-radius: 6px; position: absolute; bottom: -28px; right: -83px; display: none; transition: all .5s; cursor: pointer } .xxt-futurev1 .futurev1-right .future_workul li .function_button { display: flex; justify-content: space-around; border-top: 1px solid #eee; padding: 10px 0 } .xxt-futurev1 .futurev1-right .future_workul li .function_button .function_lookwork { width: 80px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #31acff; border-radius: 18px; font-size: 13px; transition: all .5s } .xxt-futurev1 .futurev1-right .future_workul li .function_button .function_lookwork a { display: block; color: #31acff } .xxt-futurev1 .futurev1-right .future_workul li .function_button .function_have { width: 80px; height: 36px; line-height: 36px; text-align: center; font-size: 12px; background: #c7c7c7; border-radius: 18px } .xxt-futurev1 .futurev1-right .future_workul li .function_button .function_have a { display: block; color: #fff } .xxt-futurev1 .futurev1-right .future_workul li .function_button .function_nolook { width: 80px; height: 36px; line-height: 36px; text-align: center; background: #eee; border-radius: 18px; font-size: 13px; transition: all .5s } .xxt-futurev1 .futurev1-right .future_workul li .function_button .function_nolook a { display: block; color: #666 } .xxt-futurev1 .futurev1-right .future_workul li .function_button .function_topulsishs { width: 80px; height: 36px; line-height: 36px; text-align: center; background: #ffcc2b; border-radius: 18px; font-size: 13px; transition: all .5s } .xxt-futurev1 .futurev1-right .future_workul li .function_button .function_topulsishs a { display: block; color: #fff } .xxt-futurev1 .futurev1-right .future_workul li .function_button .function_piyue { width: 80px; height: 36px; line-height: 36px; text-align: center; background: #31acff; border-radius: 18px; font-size: 13px; transition: all .5s } .xxt-futurev1 .futurev1-right .future_workul li .function_button .function_piyue a { display: block; color: #fff } .xxt-futurev1 .futurev1-right .future_workul li:hover .futuretc_bg { transform: scale(1.1) } .xxt-futurev1 .futurev1-studenul { display: flex; flex-wrap: wrap; margin-top: 24px } .xxt-futurev1 .futurev1-studenul li { width: 154px; height: 180px; background: #fff; border: 1px solid #e7e7e7; border-radius: 10px; margin: 0 0 24px 21px; text-align: center; display: inline-block; transition: all .5s } .xxt-futurev1 .futurev1-studenul li .relname { font-size: 16px; color: #333 } .xxt-futurev1 .futurev1-studenul li .username { color: #999 } .xxt-futurev1 .futurev1-studenul .toux { width: 65px; height: 65px; border-radius: 50%; margin-top: 31px; margin-bottom: 15px } .xxt-futurev1 .futurev1-studenul li:hover { transform: translateY(-5px) } .xxt-futurev1 .alert-moal { width: 392px; height: 306px; background: #fff; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border-radius: 10px; z-index: 99999; display: none; text-align: center } .xxt-futurev1 .alert-moal .v1close-btn { position: absolute; right: 20px; top: 20px; cursor: pointer } .xxt-futurev1 .alert-moal .doubt { margin-top: 56px; padding-bottom: 35px } .xxt-futurev1 .alert-moal .h2 { color: #333; font-size: 16px; padding-bottom: 12px } .xxt-futurev1 .alert-moal .title { color: #666; font-size: 14px } .xxt-futurev1 .alert-moal .v1btn-div { width: 220px; display: flex; justify-content: space-between; margin: 30px auto } .xxt-futurev1 .alert-moal .v1btn-div .cancel { color: #777; border: 1px solid #ccc; border-radius: 20px } .xxt-futurev1 .alert-moal .v1btn-div .cancel, .xxt-futurev1 .alert-moal .v1btn-div .ture { width: 100px; height: 40px; line-height: 40px; font-size: 16px; text-align: center; cursor: pointer } .xxt-futurev1 .alert-moal .v1btn-div .ture { color: #fff; border-radius: 20px; transition: all .5s; background-color: #31acff } .xxt-futurev1 .alert-moal .v1btn-div .ture:hover { background-color: #0387e0 } .xxt-futurev1 .course-centerv1 { min-height: 920px; background-color: #fff } .xxt-futurev1 .course-centerv1 .top { font-size: 18px; color: #333; padding: 20px } .xxt-futurev1 .course-centerv1 .course-ulv1 li { margin-left: 23px; width: 272px; height: 350px; background: #fff; border: 1px solid #e7e7e7; border-radius: 10px; overflow: hidden; margin-top: 25px; display: inline-block; position: relative } .xxt-futurev1 .course-centerv1 .course-ulv1 li .course-coverv1 { width: 100%; height: 178px; overflow: hidden; position: relative; transition: all .5s } .xxt-futurev1 .course-centerv1 .course-ulv1 li .course-coverv1 .coursev1 { width: 100%; height: 178px } .xxt-futurev1 .course-centerv1 .course-ulv1 li .course-time { width: 100%; height: 32px; line-height: 32px; text-align: center; color: #fff; font-size: 16px; position: absolute; top: 147px; background-color: rgba(0, 0, 0, .5) } .xxt-futurev1 .course-centerv1 .course-ulv1 li .course-divv1 { width: 100%; height: 178px; overflow: hidden } .xxt-futurev1 .course-centerv1 .course-ulv1 li .course-namev1 { font-size: 18px; color: #333; padding-bottom: 12px } .xxt-futurev1 .course-centerv1 .course-ulv1 li .course-boxv1 { padding: 22px 15px } .xxt-futurev1 .course-centerv1 .course-ulv1 li .course-boxv1 .felx-coursev1 { display: flex; justify-content: space-between; font-size: 14px; color: #999 } .xxt-futurev1 .course-centerv1 .course-ulv1 li .course-boxv1 .felx-coursev1 .type-couserv1 { display: inline-block; color: #0cd263; padding: 0 5px; border: 1px solid #0cd263; border-radius: 4px; font-size: 12px } .xxt-futurev1 .course-centerv1 .course-ulv1 li .course-boxv1 .felx-coursev1 .type-couserv2 { display: inline-block; color: #ffa21c; padding: 0 5px; border: 1px solid #ffa21c; border-radius: 4px; font-size: 12px } .xxt-futurev1 .course-centerv1 .course-ulv1 li a { display: block; width: 100%; height: 100% } .xxt-futurev1 .course-centerv1 .course-ulv1 li .look-coursev1 { width: 240px; height: 40px; line-height: 40px; text-align: center; background: #31acff; border: 1px solid #31acff; border-radius: 20px; color: #fff; font-size: 16px; margin: auto; transition: all .5s } .xxt-futurev1 .course-centerv1 .course-ulv1 li .look-coursev1:hover { background-color: #0387e0 } .xxt-futurev1 .course-centerv1 .course-ulv1 li:hover .course-coverv1 { transform: scale(1.08) } .xxt-futurev1 .course-centerv1 .course-ulv1 li:hover .course-namev1 { color: #31acff } .xxt-futurev1 .course-periodul { margin: 24px } .xxt-futurev1 .course-periodul li { padding-bottom: 12px; transition: all .5s } .xxt-futurev1 .course-periodul li .topv1 { color: #333; font-size: 16px; padding: 14px 15px 14px 25px; width: 100%; background: rgba(49, 172, 255, .05); border-radius: 4px; display: flex; justify-content: space-between; cursor: pointer } .xxt-futurev1 .course-periodul li .topv1 .title-namev1 { padding-top: 5px } .xxt-futurev1 .course-periodul li .go-classv1 { width: 80px; height: 32px; line-height: 32px; text-align: center; color: #fff; font-size: 16px; background: #31acff; border: 1px solid #31acff; border-radius: 16px; display: inline-block; margin-right: 10px } .xxt-futurev1 .course-periodul li .course-periodol { margin-left: 25px; margin-top: 15px; display: none } .xxt-futurev1 .course-periodul li .course-periodol li .lable-v1 { padding: 4px 5px; font-size: 12px; color: #999; border: 1px solid #c7c7c7; border-radius: 2px; margin-right: 5px } .xxt-futurev1 .course-periodul li:hover .topv1 { background: rgba(49, 172, 255, .15) } .xxt-futurev1 .student-manager { min-height: 920px; background-color: #fff } .xxt-futurev1 .student-manager .tops { width: 100%; height: 56px; line-height: 56px; color: #333; font-size: 18px; padding-left: 24px; border-bottom: 1px solid #eee } .xxt-futurev1 .student-manager .flex-managerv1 { display: flex; margin: 32px 23px; justify-content: space-between; font-size: 14px; color: #666 } .xxt-futurev1 .student-manager .flex-managerv1 input { width: 160px; height: 32px; padding-left: 9px; outline: none; border: 1px solid #c7c7c7; border-radius: 6px; margin-left: 5px } .xxt-futurev1 .student-manager .flex-managerv1 input:focus { border: 1px solid #31acff } .xxt-futurev1 .student-manager .flex-managerv1 input::placeholder { color: #c7c7c7 } .xxt-futurev1 .student-manager .flex-managerv1 select { width: 160px; height: 32px; outline: none; border: 1px solid #c7c7c7; border-radius: 6px; margin-left: 5px } .xxt-futurev1 .student-manager .flex-managerv1 .search-btn { width: 64px; padding: 5px 0; text-align: center; outline: none; color: #fff; border: 1px solid #31acff; background: #31acff; border-radius: 6px } .xxt-futurev1 .student-manager .flex-managerv1 .reset-btn { width: 64px; padding: 5px 0; text-align: center; outline: none; color: #777; border: 1px solid #ccc; background: #fff; border-radius: 6px; margin-left: 5px } .xxt-futurev1 .student-manager .student-tablev1 { width: 864px; margin: auto } .xxt-futurev1 .student-manager .student-tablev1 th { padding: 15px; background-color: #f5f5f5; font-size: 14px; color: #787878; text-align: center; font-weight: 400 } .xxt-futurev1 .student-manager .student-tablev1 tr { text-align: center } .xxt-futurev1 .student-manager .student-tablev1 td { padding: 16px 0; border-bottom: 1px solid #eee; color: #333 } .xxt-futurev1 .student-manager .student-tablev1 .reset-alert { color: #31acff; display: inline-block; cursor: pointer; margin-right: 10px } .xxt-futurev1 .student-manager .student-tablev1 .reset-alert:hover { color: #0387e0 } .xxt-futurev1 .student-manager .student-tablev1 .a-bule { color: #31acff } .xxt-futurev1 .student-manager .student-tablev1 .a-bule:hover { color: #0387e0 } .xxt-futurev1 .student-manager .resetv1-moal { width: 416px; height: 282px; background: #fff; border-radius: 10px; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 99999; display: none } .xxt-futurev1 .student-manager .resetv1-moal .ture-btn { width: 100px; padding: 10px; text-align: center; color: #fff; background: #31acff; border-radius: 20px; margin: auto; cursor: pointer } .xxt-futurev1 .student-manager .resetv1-moal .title-v1 { font-size: 18px; color: #333; padding: 20px 0; text-align: center; border-bottom: 1px solid #eee } .xxt-futurev1 .student-manager .resetv1-moal .user-v1 { color: #666; font-size: 16px; padding-top: 40px; padding-left: 40px; padding-bottom: 30px } .xxt-futurev1 .student-manager .resetv1-moal .user-v1 span { color: #333 } .xxt-futurev1 .student-manager .resetv1-moal .pasword-v1 { color: #666; font-size: 16px; padding-left: 40px; padding-bottom: 40px } .xxt-futurev1 .student-manager .off-btnvv1 { position: absolute; right: 20px; top: 20px; cursor: pointer } .programpbg { width: 100%; height: 100%; display: none } .initial_div { width: 100%; padding-top: 70px } .initial_div .future-bg { width: 100% } .initial_div .err-alert { width: 540px; height: 400px; background: #fff; border-radius: 4px; position: fixed; background-image: url("/themes/bianchengxia/img/future-classroomv1/background.png"); left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 9; text-align: center } .initial_div .err-alert .top-h2 { font-size: 32px; color: #fff; padding-top: 40px; line-height: 44px; padding-bottom: 35px; font-weight: 700; text-align: justify; width: 90%; margin: auto } .initial_div .err-alert .promble-tel { color: #31acff; font-size: 16px; padding-bottom: 105px } .initial_div .err-alert .old-title { font-size: 14px; color: #31acff; padding-bottom: 30px } .initial_div .err-alert .to-oldhtml { padding: 9px 30px; border: 1px solid #31acff; border-radius: 20px; color: #31acff; font-size: 16px } .initial_div .err-alert .to-indexhtml { width: 140px; padding: 9px 30px; border-radius: 20px; color: #fff; font-size: 16px; background-color: #31acff; margin-left: 20px } .initial_div .alert-futurev1 { width: 540px; height: 400px; background: #fff; border-radius: 4px; position: fixed; background-image: url("/themes/bianchengxia/img/future-classroomv1/background1.png"); left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 9 } .initial_div .alert-futurev1 .title { font-size: 26px; color: #31acff; padding-top: 43px; padding-left: 34px; padding-bottom: 23px; font-weight: 700 } .initial_div .alert-futurev1 .h2 { padding-left: 34px; color: #31acff; font-size: 16px } .initial_div .alert-futurev1 .closes { position: absolute; right: 30px; top: 30px } .initial_div .alert-futurev1 .select-futurev1 { width: 320px; height: 50px; background: #fff; border: 1px solid #999; border-radius: 4px; outline: none; display: block; margin: 49px auto; font-size: 16px; padding-left: 10px; margin-bottom: 90px } .initial_div .alert-futurev1 .select-futurev1 option { height: 50px; padding: 5px } .initial_div .alert-futurev1 .next-future { width: 180px; height: 40px; line-height: 40px; text-align: center; background: #31acff; border-radius: 20px; display: block; margin: auto; cursor: pointer; color: #fff } .initial_div .bind_pixed { width: 560px; height: 497px; background: #fff; border-radius: 10px; position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 9999 } .initial_div .bind_pixed .school_name { padding-bottom: 5px } .initial_div .bind_pixed h2 { color: #333; font-size: 18px; text-align: center; padding: 20px 0; border-bottom: 1px solid #eee; margin: 0 } .initial_div .bind_pixed .yxtbase_infor { width: 508px; height: 116px; background: rgba(49, 172, 255, .05); border-radius: 4px 4px 4px 4px; margin: auto; margin-top: 24px; padding: 24px 25px 30px 24px; box-sizing: border-box } .initial_div .bind_pixed .yxtbase_infor .flex { display: flex; color: #666; font-size: 14px } .initial_div .bind_pixed .yxtbase_infor .flex .left { padding-right: 120px; padding-left: 17px } .initial_div .bind_pixed .yxtbase_infor h3 { color: #333; font-size: 16px; margin: 0; padding-bottom: 25px } .initial_div .bind_pixed .yxtbase_infor h3 span { display: inline-block; width: 4px; height: 16px; background: #31acff; vertical-align: middle; margin-bottom: 3px; margin-right: 6px } .initial_div .bind_pixed .bcxbase_infor { width: 508px; margin: auto; margin-top: 10px; padding: 24px 25px 30px 24px; box-sizing: border-box } .initial_div .bind_pixed .bcxbase_infor h3 { color: #333; font-size: 16px; margin: 0; padding-bottom: 25px } .initial_div .bind_pixed .bcxbase_infor h3 span { display: inline-block; width: 4px; height: 16px; background: #31acff; vertical-align: middle; margin-bottom: 3px; margin-right: 6px } .initial_div .bind_pixed .bcxbase_infor .user_item { padding-left: 15px; padding-bottom: 20px } .initial_div .bind_pixed .bcxbase_infor .pass_word { padding-left: 30px } .initial_div .bind_pixed .bcxbase_infor .pass_word input { width: 304px; height: 32px; border: 1px solid #c7c7c7; border-radius: 6px; padding-left: 10px } .initial_div .bind_pixed .bcxbase_infor .pass_word input[type=password]:focus { border-bottom: 1px solid #5cb85c !important } .initial_div .bind_pixed .bcxbase_infor .pass_word input::-webkit-input-placeholder { color: #c7c7c7 } .initial_div .bind_pixed .bcxbase_infor .pass_word input:-moz-placeholder, .initial_div .bind_pixed .bcxbase_infor .pass_word input::-moz-placeholder { color: #c7c7c7 } .initial_div .bind_pixed .bcxbase_infor .pass_word input:-ms-input-placeholder { color: #c7c7c7 } .initial_div .bind_pixed .bcxbase_infor .titp_ts { color: #999; font-size: 14px; padding-left: 86px; padding-top: 5px } .initial_div .bind_pixed .bottom_btnflex { width: 215px; display: flex; justify-content: space-between; margin: auto } .initial_div .bind_pixed .bottom_btnflex .true_btn { width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; background: #31acff; border-radius: 20px; cursor: pointer } .initial_div .bind_succealrtw { width: 480px; height: 287px; background: #fff; border-radius: 10px; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto } .initial_div .bind_succealrtw h3 { padding: 0; margin: auto; color: #333; font-size: 18px; text-align: center } .initial_div .bind_succealrtw img { display: block; padding-top: 50px; margin: auto; padding-bottom: 25px } .initial_div .bind_succealrtw .flex_autow { width: 340px; display: flex; justify-content: space-between; padding-top: 55px; margin: auto } .initial_div .bind_succealrtw .flex_autow a { width: 150px; height: 40px; line-height: 40px; background: #31acff; border-radius: 20px; color: #fff; font-size: 16px; text-align: center } .black-mask { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; display: none; background-color: rgba(0, 0, 0, .6) } .identity-selection { display: flex; justify-content: space-around; padding-top: 55px } .identity-selection .identity-item { position: relative; text-align: center; color: #000 } .identity-selection .issmell { width: 100px; height: 100px } .identity-selection .ischosed { position: absolute; top: 75px; right: 0 } .identity-selection .status { padding-top: 20px; padding-bottom: 30px } .user-span { font-size: 16px; color: #c7c7c7 } .fromt-couserv1 { color: #0cd263; border: 1px solid #0cd263; border-radius: 4px } .fromt-couserv1, .fromt-couserv2 { height: 22px; font-size: 12px; display: inline-block; padding: 0 4px; margin-left: 5px } .fromt-couserv2 { color: #ffa21c; border: 1px solid #ffa21c; border-radius: 4px } .felx-courtopv1 { display: flex } .topvf { font-size: 18px; padding-top: 24px } .topvf, .topvf a { text-align: center } .topvf a { width: 140px; height: 48px; line-height: 48px; color: #31acff; display: inline-block; border: 1px solid #31acff; border-radius: 24px; transition: all .5s } .topvf a:first-child { margin-right: 15px } .topvf .active { background-color: #31acff !important; color: #fff !important } .topvf .active:hover { background-color: #0387e0 !important } .topvf a:hover { border: 1px solid #0387e0; color: #0387e0 } .borrus20 { border-radius: 20px } .future-playv1 { width: 100%; display: flex; height: 100%; justify-content: space-between } .future-playv1 .playv1-left { width: 80%; height: 100%; position: absolute; background-image: url("/themes/bianchengxia/img/future-classroomv1/student_player_bg.png") } .future-playv1 .box-playfv1 { padding: 126px 24px 0 40px; height: 90% } .future-playv1 .hegin-onep { height: 90%; position: relative; margin-top: 24px } .future-playv1 .playv1-right { width: 20%; height: 100%; position: fixed; right: 0; top: 70px; background-color: #2d333e } .future-playv1 .back-coures { width: 120px; height: 36px; line-height: 34px; display: block; background: #444d5d; border-radius: 18px; text-align: center; color: #fff } .future-playv1 .back-coures:hover { color: #31acff } .future-playv1 .future-playtitle { width: 100%; height: 80px; line-height: 80px; display: flex; padding-left: 32px; color: #fff; background: #1f1f1f; box-shadow: 0 3px 7px 0 hsla(0, 0%, 77%, .35) } .future-playv1 .future-playtitle .playcours-name { color: #fff; font-size: 22px } .future-playv1 .future-playtitle .remarks-play { font-size: 14px; color: #999; padding-left: 15px; max-width: 50% } .future-playv1 .futureplay-ul { margin-top: 84px; max-height: 600px; overflow-y: auto } .future-playv1 .futureplay-ul li .futureplay-top { padding-left: 24px; padding-right: 32px; height: 72px; line-height: 72px; background: #2d333e; color: #999; font-size: 16px; display: flex; cursor: pointer; justify-content: space-between } .future-playv1 .futureplay-ul li .futureplay-top .iconfontplay-div .iconfont { font-size: 20px; vertical-align: middle; margin-right: 4px } .future-playv1 .futureplay-ul li .active, .future-playv1 .futureplay-ul li .futureplay-top:hover { background-color: #444d5d; color: #fff } .future-playv1 .futureplay-ul::-webkit-scrollbar { width: 5px } .future-playv1 .futureplay-ul::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 5px #c7c7c7; background: #6c7a94; border-radius: 12px } .future-playv1 .futureplay-ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1); border-radius: 12px; background: #424b5b } .future-playv1 .futureplay-ol { padding-left: 49px; display: none; padding-top: 16px } .future-playv1 .futureplay-ol li { padding-bottom: 30px } .future-playv1 .futureplay-ol li a { color: #fff } .future-playv1 .download-btnv3 { width: 80%; padding: 10px 20px; text-align: center; font-size: 18px; color: #fff; background: #31acff; border-radius: 24px; margin: auto; position: absolute; bottom: 140px; left: 0; right: 0; cursor: pointer; transition: all .5s } .future-playv1 .download-btnv3:hover { background-color: #0387e0 } .future-playv1 .download-btnv3-disabled { width: 80%; padding: 10px 20px; text-align: center; font-size: 18px; border: 1px solid #b7b7b7; color: #b7b7b7; background-color: #2d333e; border-radius: 24px; margin: auto; position: absolute; bottom: 140px; left: 0; right: 0; cursor: not-allowed; transition: all .5s } .future-playv1 .teachder-chosedv3 { display: flex; justify-content: space-around; margin: auto; position: absolute; bottom: 140px; left: 0; right: 0 } .future-playv1 .teachder-chosedv3 .send-btn { color: #fff; background: #31acff; border-radius: 24px } .future-playv1 .teachder-chosedv3 .download-btn, .future-playv1 .teachder-chosedv3 .send-btn { width: 40.1%; padding: 13px 15px; text-align: center; font-size: 18px; cursor: pointer; transition: all .5s } .future-playv1 .teachder-chosedv3 .download-btn { color: #31acff; border: 1px solid #31acff; border-radius: 24px; background-color: #2d333e } .future-playv1 .teachder-chosedv3 .send-btn:hover { background-color: #0387e0 } .future-playv1 .teachder-chosedv3 .download-btn:hover { color: #0387e0; border: 1px solid #0387e0 } .single-over { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .download-alertv3 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; max-height: 478px; margin: auto; width: 416px; background: #fff; border-radius: 10px; z-index: 99999; display: none } .download-alertv3 .title-top { padding: 20px 0; color: #333; font-size: 18px; text-align: center; border-bottom: 1px solid #eee } .download-alertv3 .off-rightbtn { position: absolute; right: 20px; top: 20px; cursor: pointer } .download-alertv3 .download-ulv3 { width: 365px; margin: auto; margin-top: 24px; max-height: 300px; overflow-y: auto; padding-left: 7px } .download-alertv3 .download-ulv3 .litopv1 { width: 342px; height: 64px; line-height: 64px; color: #333; font-size: 16px; background: #f5f5f5; border-radius: 4px; position: relative; padding-left: 48px } .download-alertv3 .download-ulv3 .litopv1 .iconform_select_closeup, .download-alertv3 .download-ulv3 .litopv1 .iconform_select_open { float: right; margin-right: 16px } .download-alertv3 .download-ulv3 li { width: 100%; position: relative } .download-alertv3 .download-ulv3 li .active { background: rgba(49, 172, 255, .05); color: #31acff } .download-alertv3 .download-ulv3 li input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; display: inline-block; border-radius: 4px; width: 16px; height: 16px; border: 1px solid #c7c7c7; margin: 0; margin-right: 5px; outline: none; cursor: pointer; vertical-align: middle } .download-alertv3 .download-ulv3 li input[type=checkbox]:after { content: ""; position: absolute; width: 16px; height: 16px; display: block; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background-repeat: no-repeat; background-position: 50%; background-image: url(/themes/bianchengxia/img/future-classroomv1/checked.png); -moz-border-radius: 12px; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); -webkit-transition: all .3s ease-in-out; -moz-transition: all ease-in-out .3s; transition: all .3s ease-in-out } .download-alertv3 .download-ulv3 li input[type=checkbox]:checked:after { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); transform: scale(1.04); margin-left: -1px } .download-alertv3 .download-ulv3 li .ceeckouts { position: absolute !important; left: 24px; top: 23px; z-index: 999 } .download-alertv3 .download-ulv3::-webkit-scrollbar { width: 5px } .download-alertv3 .download-ulv3::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 5px #c7c7c7; background: rgba(0, 0, 0, .5); border-radius: 12px } .download-alertv3 .download-ulv3::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1); border-radius: 12px; background: #c7c7c7 } .download-alertv3 .download-olv3 { padding-left: 50px } .download-alertv3 .download-olv3 li { margin-top: 16px; font-size: 14px; color: #666; margin-bottom: 17px } .download-alertv3 .download-olv3 li .ol-checkbox { margin-right: 5px } .download-alertv3 .down-bottomv3 { width: 216px; display: flex; justify-content: space-between; margin: 20px auto; position: absolute; bottom: 20px; left: 0; right: 0 } .download-alertv3 .down-bottomv3 .down_cancel { width: 100px; height: 40px; line-height: 40px; text-align: center; color: #666; font-size: 16px; border: 1px solid #c7c7c7; border-radius: 20px; cursor: pointer } .download-alertv3 .down-bottomv3 .down_true { width: 100px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; background: #31acff; border-radius: 20px; cursor: pointer; transition: all .5s } .download-alertv3 .down-bottomv3 .down_true:hover { background-color: #0387e0 } .sendcourse-alertv3 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; max-height: 520px; margin: auto; width: 416px; background: #fff; border-radius: 10px; z-index: 99999 } .sendcourse-alertv3 .title-top { padding: 20px 0; color: #333; font-size: 18px; text-align: center; border-bottom: 1px solid #eee } .sendcourse-alertv3 .off-rightbtn { position: absolute; right: 20px; top: 20px; cursor: pointer } .sendcourse-alertv3 .classl-ulv4 { margin: 24px auto; width: 360px; max-height: 260px; overflow-y: auto; margin-left: 40px } .sendcourse-alertv3 .classl-ulv4 li { width: 336px; height: 64px; line-height: 64px; text-align: center; font-size: 16px; color: #333; background: #f5f5f5; border-radius: 6px; margin-bottom: 16px; cursor: pointer } .sendcourse-alertv3 .classl-ulv4 .active { border: 1px solid #31acff; border-radius: 6px; color: #31acff; background: rgba(49, 172, 255, .05) } .sendcourse-alertv3 .classl-ulv4::-webkit-scrollbar { width: 5px } .sendcourse-alertv3 .classl-ulv4::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 5px #c7c7c7; background: rgba(0, 0, 0, .5); border-radius: 12px } .sendcourse-alertv3 .classl-ulv4::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1); border-radius: 12px; background: #c7c7c7 } .sendcourse-alertv3 .down-bottomv6 { width: 216px; display: flex; justify-content: space-between; margin: 20px auto; position: absolute; left: 0; right: 0; bottom: 20px } .sendcourse-alertv3 .down-bottomv6 .next-btn { width: 100px; padding: 10px; text-align: center; color: #fff; background: #31acff; border-radius: 20px; margin: auto; cursor: pointer } .sendcourse-alertv3 .down-bottomv6 .down_cancel { width: 100px; height: 40px; line-height: 40px; text-align: center; color: #666; font-size: 16px; border: 1px solid #c7c7c7; border-radius: 20px; cursor: pointer } .sendcourse-alertv4 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; max-height: 560px; margin: auto; width: 416px; background: #fff; border-radius: 10px; z-index: 99999; display: none } .sendcourse-alertv4 .title-top { padding: 20px 0; color: #333; font-size: 18px; text-align: center; border-bottom: 1px solid #eee } .sendcourse-alertv4 .off-rightbtn { position: absolute; right: 20px; top: 20px; cursor: pointer } .sendcourse-alertv4 .classl-ulv4 { margin: 24px auto; width: 360px; max-height: 260px; overflow-y: auto; margin-left: 40px } .sendcourse-alertv4 .classl-ulv4 li { width: 336px; height: 64px; line-height: 64px; text-align: center; font-size: 16px; color: #333; background: #f5f5f5; border-radius: 6px; margin-bottom: 16px; cursor: pointer } .sendcourse-alertv4 .classl-ulv4 .active { border: 1px solid #31acff; border-radius: 6px; color: #31acff; background: rgba(49, 172, 255, .05) } .sendcourse-alertv4 .classl-ulv4::-webkit-scrollbar { width: 5px } .sendcourse-alertv4 .border-witch { background-color: #31acff !important } .sendcourse-alertv4 .classl-ulv4::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 5px #c7c7c7; background: rgba(0, 0, 0, .5); border-radius: 12px } .sendcourse-alertv4 .classl-ulv4::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1); border-radius: 12px; background: #c7c7c7 } .sendcourse-alertv4 .down-bottomv6 { width: 216px; display: flex; justify-content: space-between; margin: 20px auto; position: absolute; bottom: 20px; left: 0; right: 0 } .sendcourse-alertv4 .down-bottomv6 .sensssd-btn { width: 100px; padding: 10px; text-align: center; color: #fff; background: #31acff; border-radius: 20px; margin: auto; cursor: pointer } .sendcourse-alertv4 .down-bottomv6 .pre_btn { width: 100px; height: 40px; line-height: 40px; text-align: center; color: #666; font-size: 16px; border: 1px solid #c7c7c7; border-radius: 20px; cursor: pointer } .sendcourse-alertv4 .margv2-img { margin: auto; margin-bottom: 5px; display: block } .sendcourse-alertv4 .download-ulv3 { width: 365px; margin: auto; margin-top: 24px; max-height: 300px; overflow-y: auto; padding-left: 7px } .sendcourse-alertv4 .download-ulv3 .litopv1 { width: 342px; height: 64px; line-height: 64px; color: #333; font-size: 16px; background: #f5f5f5; border-radius: 4px; position: relative; padding-left: 48px } .sendcourse-alertv4 .download-ulv3 .litopv1 .iconform_select_closeup, .sendcourse-alertv4 .download-ulv3 .litopv1 .iconform_select_open { float: right; margin-right: 16px } .sendcourse-alertv4 .download-ulv3 li { width: 100%; position: relative } .sendcourse-alertv4 .download-ulv3 li .active { background: rgba(49, 172, 255, .05); color: #31acff } .sendcourse-alertv4 .download-ulv3 li input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; display: inline-block; border-radius: 4px; width: 16px; height: 16px; border: 1px solid #c7c7c7; margin: 0; margin-right: 5px; outline: none; cursor: pointer; vertical-align: middle } .sendcourse-alertv4 .download-ulv3 li input[type=checkbox]:after { content: ""; position: absolute; width: 16px; height: 16px; display: block; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background-repeat: no-repeat; background-position: 50%; background-image: url(/themes/bianchengxia/img/future-classroomv1/checked.png); -moz-border-radius: 12px; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); -webkit-transition: all .3s ease-in-out; -moz-transition: all ease-in-out .3s; transition: all .3s ease-in-out } .sendcourse-alertv4 .download-ulv3 li input[type=checkbox]:checked:after { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); transform: scale(1.04); margin-left: -1px } .sendcourse-alertv4 .download-ulv3 li .ceeckouts { position: absolute !important; left: 24px; top: 23px; z-index: 999 } .sendcourse-alertv4 .download-ulv3::-webkit-scrollbar { width: 5px } .sendcourse-alertv4 .download-ulv3::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 5px #c7c7c7; background: rgba(0, 0, 0, .5); border-radius: 12px } .sendcourse-alertv4 .download-ulv3::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1); border-radius: 12px; background: #c7c7c7 } .sendcourse-alertv4 .download-olv3 { padding-left: 50px } .sendcourse-alertv4 .download-olv3 li { margin-top: 16px; font-size: 14px; color: #666; margin-bottom: 17px } .sendcourse-alertv4 .download-olv3 li .ol-checkbox { margin-right: 5px } .flex-sendv4 { width: 281px; margin: auto; display: flex; justify-content: space-between; margin-top: 16px; position: relative } .flex-sendv4 .border-bule { color: #31acff; border: 1px solid #31acff; border-radius: 50% } .flex-sendv4 .border-bule, .flex-sendv4 .border-gray { width: 32px; height: 32px; text-align: center; line-height: 32px; font-size: 16px; margin: auto; margin-bottom: 5px } .flex-sendv4 .border-gray { color: #afafaf; border: 1px solid #c7c7c7; border-radius: 50% } .flex-sendv4 .border-pratens { color: #333 } .flex-sendv4 .border-pratensgray { color: #afafaf } .flex-sendv4 .border-witch { width: 148px; height: 1px; background-color: #e7e7e7; position: absolute; left: 0; right: 23px; top: 13px; margin: auto } .iframe-playfure { width: 100%; height: 100%; background-color: #393a3d; outline: none; position: relative } .hideppt_balck { width: 100%; height: 78px; right: 0; z-index: 99; background-color: #393a3d } .hidepdf_balck, .hideppt_balck { position: absolute; top: 0; display: none } .hidepdf_balck { width: 98.6%; height: 53px; right: 1.35%; background-color: #525659 } .music-audio, .pdf-audio, .video-audio { width: 100%; height: 100%; background-color: #000; outline: none } .v2pdf-div { width: 100%; height: 90%; margin-bottom: -6px; margin-top: 24px; background-color: #000; outline: none } .change_identityc { width: 86px; height: 86px; line-height: 86px; color: #fff; top: 25px } .change_identity, .change_identityc { border-radius: 50%; display: block; position: absolute; left: 0; right: 0; margin: auto; background-color: rgba(0, 0, 0, .5); display: none } .change_identity { width: 102px; height: 102px; line-height: 102px; top: 35px } .change_identity:hover, .change_identityc:hover { color: #fff } .header-portrait:hover .change_identityc, .headerstu-portrait:hover .change_identity { display: block; color: #fff } .top-futurev1 { position: absolute; top: 370px; left: 25% } .transparent { width: 92%; height: 96%; right: 105px } .transparent, .transparent2 { position: absolute; top: 0; background-color: transparent; z-index: 99; display: none } .transparent2 { width: 7%; height: 63%; right: 20px } .hidepdfr_balck { background-color: transparent; width: 35px; height: 35px; position: absolute; right: 48px; border-radius: 50%; bottom: 155px; z-index: 99 } #iframeId { background-color: #393a3d; position: relative; z-index: 99 } .iconfontsup { display: none } .stufutur-homev1top { width: 912px; height: 176px; background: #fff; border-radius: 20px; padding-top: 20px; display: flex } .stufutur-homev1top .stuleft-top, .stufutur-homev1top .sturight-top { position: relative } .stufutur-homev1top .stuleft-top { margin-left: 50px; margin-right: 60px } .stufutur-homev1top .stuleft-top .tieh2v1 { position: absolute; right: 45px; top: 35px; font-size: 18px; color: #fc9c12 } .stufutur-homev1top .stuleft-top .stuclss-numv1 { color: #fc9c12; font-size: 32px; position: absolute; right: 82px; top: 77px } .stufutur-homev1top .stuleft-top:hover .stuclss-numv1 { color: #ffba68 } .stufutur-homev1top .sturight-top .tieh2v1 { position: absolute; right: 45px; top: 35px; font-size: 18px; color: #62928f } .stufutur-homev1top .sturight-top .stuclss-numv1 { color: #62928f; font-size: 32px; position: absolute; right: 82px; top: 77px } .stufutur-homev1top .sturight-top:hover .stuclss-numv1 { color: #2ebcb3 } .stu-blackv2 { width: 910px; height: 528px; background: #fff; border-radius: 20px; margin: 24px 0; position: relative; overflow: hidden } .stu-blackv2 .butn-blakctop { width: 120px; height: 48px; line-height: 48px; text-align: center; font-size: 18px; color: #fff; background: #31acff; border-radius: 24px; display: inline-block; cursor: pointer; transition: all .5s } .stu-blackv2 .butn-blakctop:hover { background-color: #0387e0 } .stu-blackv2 .more-v1 { font-size: 16px; color: #999; position: absolute; right: 24px; top: 35px } .stu-blackv2 .more-v1:hover { color: #0387e0 } .stu-blackv2 .padd-leftr { padding-top: 24px; text-align: center } .stu-blackv2 .black-ulv2 li { width: 420px; height: 136px; background: #fff; border: 1px solid #eee; border-radius: 20px; display: inline-block; overflow: hidden; margin-left: 24px; margin-bottom: 24px } .stu-blackv2 .black-ulv2 li .tclass-namev2 { background: rgba(49, 172, 255, .05); line-height: 50px; height: 50px; padding: 0 15px } .stu-blackv2 .black-ulv2 li .tclass-namev2 .name { font-size: 16px; display: inline-block; max-width: 175px; color: #666 } .stu-blackv2 .black-ulv2 li .tclass-namev2 .time { font-size: 14px; color: #999; display: inline-block; vertical-align: top; max-width: 146px; float: right } .stu-blackv2 .black-ulv2 li .teaach-dv2 { padding-top: 34px; padding-left: 15px } .stu-blackv2 .black-ulv2 li .teaach-dv2 .name { font-size: 16px; display: inline-block; max-width: 200px; color: #333 } .stu-blackv2 .black-ulv2 li .teaach-dv2 .title { font-size: 16px; display: inline-block; max-width: 150px; color: #31acff; padding-left: 10px } .stu-blackv2 .black-ulv2 li .teaach-dv2 .status { font-size: 16px; display: inline-block; color: #333; vertical-align: top } .stu-erwmv2 { position: relative; width: 912px; height: 168px; border-radius: 20px } .stu-erwmv2 .bg { position: absolute; top: 0; left: 0; border-radius: 20px } .stu-erwmv2 .erw-img { width: 100px; height: 100px; top: 23px } .stu-erwmv2 .erw-img, .stu-erwmv2 .sm-fonusw { position: absolute; left: 0; right: 0; margin: auto } .stu-erwmv2 .sm-fonusw { bottom: 24px; font-size: 16px; color: #333; text-align: center } .stu-myworkdivv2 { width: 912px; min-height: 920px; background: #fff; border-radius: 20px } .stu-myworkdivv2 .pos-clcassv2 { position: absolute; right: 24px; top: 32px; width: 124px; height: 32px; border: 1px solid #c7c7c7; border-radius: 6px; outline: none } .teachehome-topv2 { width: 912px; display: flex; justify-content: space-between } .teachehome-topv2 .type-v2 { width: 288px; height: 160px; background: #fff; box-shadow: 0 3px 10px 0 rgba(229, 255, 245, .35); border-radius: 4px; display: flex; padding-top: 35px; padding-left: 32px } .teachehome-topv2 .type-v2 .teachclass-nums { color: #666; font-size: 16px; padding-top: 11px } .teachehome-topv2 .type-v2 .nums { font-size: 32px; padding-top: 15px } .teachehome-topv2 .type-v2 .nums a { color: #333 } .teachehome-topv2 .type-v2 .nums a:hover { color: #31acff } .teachehome-topv2 .type-v2 .tect-center { text-align: center; padding-left: 20px } .teachehome-topv2 .type-v2:hover .nums a { color: #31acff } .search-tjdv2 { margin: 32px 0 } .search-tjdv2 .lab-divv3 { display: inline-block; margin-left: 35px; margin-bottom: 20px } .search-tjdv2 .lab-divv3 label { text-align: right; display: inline-block; min-width: 63px; margin-right: 5px } .search-tjdv2 .lab-divv3 input { width: 176px; height: 32px; border: 1px solid #c7c7c7; border-radius: 6px; padding-left: 8px; font-size: 14px } .search-tjdv2 .lab-divv3 input:focus { border: 1px solid #31acff } .search-tjdv2 .lab-divv3 input::-webkit-input-placeholder { color: #c7c7c7 } .search-tjdv2 .lab-divv3 input:-moz-placeholder { color: #c7c7c7 } .search-tjdv2 .lab-divv3 input:-ms-input-placeholder { color: #c7c7c7 } .search-tjdv2 .search-btn { width: 64px; height: 32px; font-size: 14px; color: #fff; background: #31acff; border: 1px solid #31acff; border-radius: 6px; margin-left: 15px; margin-right: 10px; transition: all .5s } .search-tjdv2 .search-btn:hover { background-color: #0387e0 } .search-tjdv2 .restart-btn { width: 64px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; color: #777; border: 1px solid #ccc; border-radius: 6px } .clss-ft { padding-bottom: 5px; color: #999; font-size: 12px } .clss-ft, .paddtop-v4 { padding-top: 10px } .repeat-alertv3 { width: 392px; height: 306px; background: #fff; border-radius: 10px; text-align: center; position: fixed; z-index: 99999; top: 0; bottom: 0; line-height: 30px; left: 0; right: 0; display: none; margin: auto } .repeat-alertv3 .off-tbtn { position: absolute; right: 20px; top: 20px; cursor: pointer } .repeat-alertv3 .top-titleimg { margin-top: 56px; margin-bottom: 40px } .repeat-alertv3 .konw-btnv3 { width: 100px; height: 40px; line-height: 40px; color: #fff; text-align: center; margin: 28px auto; cursor: pointer; background: #31acff; border-radius: 20px } .black-small { width: 912px; height: 619px; background: #fff; border-radius: 4px; margin: 24px 0 } .black-small .smlblack-top { border-bottom: 1px solid #eee; font-size: 18px; height: 56px; line-height: 56px; color: #333; padding-left: 24px } .black-small .smlblack-top .look_newwokmore { display: inline-block; float: right; width: 90px; height: 28px; line-height: 28px; color: #999; font-size: 14px; border: 1px solid #ccc; border-radius: 14px; text-align: center; background-color: #fff; margin-top: 14px; margin-right: 24px } .black-small .smlblack-top .look_newwokmore:hover { background-color: #31acff; border: 1px solid #31acff; color: #fff } .black-smul { margin: 24px auto } .black-smul li { width: 864px; height: 90px; background: #fff; border: 1px solid #eee; border-radius: 20px; padding: 15px 25px; margin: auto; margin-bottom: 16px } .black-smul li .wxms-work { padding-top: 20px; font-size: 16px; color: #333 } .black-smul li .wxms-work .name { display: inline-block; max-width: 250px } .black-smul li .wxms-work .name a { color: #333 } .black-smul li .wxms-work .name a:hover { color: #31acff } .black-smul li .wxms-work .work-name { display: inline-block; max-width: 300px; color: #31acff; padding-left: 10px } .black-smul li .wxms-work .work-name:hover { color: #0387e0 } .black-smul li .wxms-work .vitmtop { vertical-align: top } .black-smul li .wxms-work .time { float: right; font-size: 14px; color: #999 } .black-smul li .img-rightv1 { padding-right: 5px } .black-smul li a { color: #666 } .black-smul li a:hover, .enter-futer { color: #31acff } .enter-futer { border: 1px solid #31acff; border-radius: 18px; width: 140px; line-height: 36px; height: 36px; margin: auto; font-size: 14px; margin-top: 100px; transition: all .5s; display: inline-block; margin-bottom: 20px } .enter-futer:hover { border: 1px solid #0387e0; color: #0387e0 } .send-disabled { background-color: #b7b7b7; color: #fff; border-radius: 24px } .download-disabled, .send-disabled { cursor: not-allowed; width: 40.1%; padding: 13px 15px; text-align: center; font-size: 18px; transition: all .5s } .download-disabled { border: 1px solid #b7b7b7; color: #b7b7b7; border-radius: 24px; background-color: #2d333e } .yu_dianspan { display: inline-block; width: 3px; height: 3px; vertical-align: middle; border-radius: 50%; background-color: #333 } @media screen and (max-width:1600px) { .future-playv1 .teachder-chosedv3 { bottom: 102px } .future-playv1 .teachder-chosedv3 .download-btn, .future-playv1 .teachder-chosedv3 .download-disabled, .future-playv1 .teachder-chosedv3 .send-btn, .future-playv1 .teachder-chosedv3 .send-disabled { font-size: 14px; line-height: 40px; height: 40px; padding: 0 } .future-playv1 .futureplay-ul { max-height: 400px } .future-playv1 .box-playfv1 { height: 105% } .future-playv1 .futureplay-ul li .futureplay-top { height: 52px; line-height: 52px; font-size: 14px } .future-playv1 .futureplay-ol { padding-left: 11px; padding-right: 10px } } @media screen and (max-height:710px) { .future-playv1 .box-playfv1 { height: 105% } } @media screen and (max-height:600px) { .future-playv1 .box-playfv1 { height: 120% } } .tutor-top { width: 100% } .campus-curricuul { width: 7rem; margin: auto } .campus-curricuul li { width: 100%; height: 2rem; background: #fff; box-shadow: 0 4px 22px 0 hsla(0, 0%, 81%, .3); border-radius: .2rem; overflow: hidden; display: flex; position: relative; margin-bottom: .3rem } .campus-curricuul li .left-imgx { width: 3.03rem; height: 2rem } .campus-curricuul li p { width: 3rem; color: #373737; font-size: .32rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-top: .39rem; padding-left: .33rem } .campus-curricuul li span { display: inline-block; padding: .01rem .1rem; font-size: .2rem; color: #fff; z-index: 1; position: relative; margin-left: .32rem; border-radius: 6px } .campus-curricuul li .type1 { background-color: #faad14 } .campus-curricuul li .type2 { background-color: #19d121 } .campus-curricuul li .type3 { background-color: #ff6573 } .campus-curricuul li .type4 { background-color: #9d86ff } .campus-curricuul li .type5 { background-color: #4196ff } .campus-curricuul li .bg-imgs { width: 1.31rem; height: .81rem; position: absolute; right: 0; bottom: 0 } .tutor-switch { width: 1.2rem; height: .42rem; text-align: center; line-height: .42rem; background: rgba(0, 0, 0, .5); border-radius: 21px 0 0 21px; position: absolute; right: 0; top: .3rem; font-size: .24rem } .tutor-switch a { color: #fff } .tutor-middle { position: relative; width: 7rem; height: 3.1rem; margin: auto; margin-top: -2.5rem } .tutor-middle .tutor-bg { width: 7rem; height: 3.3rem; display: block } .tutor-middle .tutor-icon { width: 1.3rem; height: 1.3rem; margin-bottom: .3rem } .tutor-middle .dis-plaflex { display: flex; justify-content: space-around; position: absolute; left: 0; right: 0; top: .65rem; margin: auto; font-size: .3rem; color: #373737 } .tutor-middle .dis-plaflex a { color: #373737 } .tutor-center { width: 7rem; margin: auto; font-size: .38rem; margin-top: .82rem } .tutor-center .img-icouser { width: .4rem; height: .4rem; vertical-align: top; margin-right: .05rem } .tutor-center .top { margin-bottom: .4rem } .tutor-center .more-aright { color: #999; font-size: .28rem; float: right; font-weight: 400 } .tutor-center .right-ico { width: .12rem; height: .2rem; vertical-align: top; margin: .08rem .1rem 0 } .tutor-center .tutor-teacher { color: #212121; font-weight: 700; padding-top: .4rem } .tutor-center .tutor-teacherul>li { width: 100%; height: 2.7rem; background: #fff; box-shadow: 0 4px 22px 0 hsla(0, 0%, 81%, .3); border-radius: .2rem; position: relative; margin-bottom: .2rem } .tutor-center .tutor-teacherul>li .header-tx { width: 1.66rem; height: 1.9rem; margin-top: .4rem; border-radius: 10px } .tutor-center .tutor-teacherul>li a { display: block; display: flex; width: 100%; justify-content: space-around } .tutor-center .tutor-teacherul>li .teacherul-right { width: 3.95rem } .tutor-center .tutor-teacherul>li .teacherul-right p { color: #797979; font-size: .22rem; line-height: .35rem; text-align: justify; position: relative; z-index: 1; font-weight: 400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical } .tutor-center .tutor-teacherul>li .teacherul-right .name { color: #373737; font-size: .32rem; margin-top: .54rem; margin-bottom: .25rem } .tutor-center .tutor-teacherul>li .teacherul-right .lable { width: .95rem; height: .3rem; vertical-align: top; margin-top: .05rem; margin-left: .1rem } .tutor-center .tutor-teacherul>li .teacherul-right .bg-rgba { width: 1.65rem; height: 1.15rem; position: absolute; right: .1rem; bottom: 0; z-index: 0 } .tutor-center .tutor-teacherul>li:nth-child(2) a { display: block } .tutor-center .tutor-teacherul>li:nth-child(2) .header-tx { float: right; margin-right: .36rem } .tutor-center .tutor-teacherul>li:nth-child(2) .teacherul-right { float: left; margin-left: .36rem } .tutor-center .tutor-teacherul>li:nth-child(2) .teacherul-right .bg-rgba { left: .1rem } .tutor-center .school-environment { margin-top: .6rem } .tutor-center .school-environment .icon { width: .39rem; height: .44rem; margin-bottom: .05rem } .tutor-center .school-environment .top { color: #212121; font-size: .38rem; font-weight: 700 } .tutor-center .tutor-environment { margin-top: .6rem } .tutor-center .tutor-environment .icon { width: .43rem; height: .39rem; margin-bottom: .05rem } .tutor-center .tutor-environment .top { color: #212121; font-size: .38rem; font-weight: 700 } .tutor-center .tutor-environment .introduce { width: 100%; background: #eaf8f9; border-radius: .2rem; padding: .46rem .3rem .53rem; font-size: .26rem; color: #373737; text-align: justify } .tutor-center .tutor-environment .introduce p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; margin: 0; text-align: justify } .tutor-center .tutor-environment .introduce .p-div { text-align: right } .tutor-center .tutor-environment .introduce .showmore-btn { color: #1fcfd9; position: relative } .tutor-center .tutor-environment .introduce .imgst-list { display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: .35rem } .tutor-center .tutor-environment .introduce .imgst-list img { width: 2.64rem; height: 1.8rem; border-radius: 10px; margin-bottom: .3rem; border: 4px solid #1fcfd9 } .tutor-center .tutor-contactus { margin-top: 1.06rem } .tutor-center .tutor-contactus .icon { width: .44rem; height: .4rem; margin-bottom: .05rem } .tutor-center .tutor-contactus .top { color: #212121; font-size: .38rem; font-weight: 700; margin-bottom: .5rem } .tutor-center .tutor-contactus .bottom { position: relative; font-size: .26rem; color: #373737 } .tutor-center .tutor-contactus .bottom .contus-bg { width: 95%; height: 4.4rem; display: block; margin: auto } .tutor-center .tutor-contactus .bottom .campus-address { position: absolute; top: .61rem; left: 1.2rem } .tutor-center .tutor-contactus .bottom .campus-address span { width: 3.6rem; vertical-align: top; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; float: right } .tutor-center .tutor-contactus .bottom .tel { position: absolute; top: 1.6rem; left: 1.2rem } .tutor-footer { position: relative; width: 100%; margin-top: .5rem } .tutor-footer .footer-bg { width: 100%; height: 2.9rem } .tutor-footer .flex-footer { width: 6rem; display: flex; justify-content: space-around; font-size: .22rem; color: #6e6e6e; position: absolute; left: 0; right: 0; margin: auto; top: 1.2rem } .tutor-footer .flex-footer img { width: 1.3rem; height: 1.3rem } .tutor-footer .flex-footer .footer-right { padding-top: .25rem } .tutor-footer .flex-footer .footer-right .top { padding-bottom: .1rem } .tutortel-alert { width: 5.3rem; height: 3rem; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 3; display: none } .tutortel-alert .top-img { width: 1.25rem; height: .9rem; position: absolute; left: .4rem; top: 0 } .tutortel-alert .off-btn { display: block; width: .72rem; height: .72rem; margin: .4rem auto } .tutortel-alert .tutortel-ul { background-color: #fff; border-radius: .2rem; margin-top: .9rem } .tutortel-alert .tutortel-ul li { padding: .24rem 0; margin: 0 .2rem; color: #232323; font-size: .28rem } .tutortel-alert .tutortel-ul li a { float: right; color: #007aff; padding-right: .2rem } .tutortel-alert .tutortel-ul li span { padding-left: .2rem } .tutortel-alert .tutortel-ul li:first-child { border-bottom: 1px solid #d7d7d7 } .erw-code { width: 3rem; height: 3rem; z-index: 5; box-sizing: unset; padding-top: 1.2rem; cursor: pointer } .erw-code, .tutorwechat-alert { position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: none } .tutorwechat-alert { width: 5.9rem; height: 6rem; z-index: 3; text-align: center } .tutorwechat-alert .wechat-title { font-size: .28rem; color: #fff; position: absolute; top: 1.2rem; left: 0; right: 0; margin: auto } .tutorwechat-alert .wechat-img { width: 100%; height: 6rem } .tutorwechat-alert p { left: 0; right: 0; margin: auto; color: #232323; position: absolute; bottom: .28rem; font-size: .24rem } .tutorwechat-alert .off-btn { display: block; width: .72rem; height: .72rem; margin: .4rem auto } .black-hide { position: fixed; top: 0; width: 100%; height: 100%; z-index: 2; display: none; background-color: rgba(0, 0, 0, .6) } .tutor-seachertop { width: 100%; padding: .45rem 0; background-color: #1fcfd9 } .tutor-seachertop .input-div { width: 6.3rem; background: #fff; border-radius: .2rem; padding: .22rem .26rem; margin: auto } .tutor-seachertop .input-div .img-left { width: .08rem; height: .3rem; vertical-align: top; margin-top: .05rem } .tutor-seachertop .input-div .search-btn { width: .4rem; height: .37rem; float: right } .tutor-seachertop .input-div input { font-size: .3rem; border: none; outline: none; padding-left: .1rem } .tutor-seachertop .input-div input::placeholder { color: #b7b7b7; font-size: .3rem } .tutor-schoolul li { width: 6.7rem; padding: .27rem .3rem; background: #fff; border-radius: .1rem; background-color: #fff; color: #333; font-size: .32rem; margin: auto; margin-top: .2rem } .tutor-schoolul li a { color: #333; display: block; width: 100%; height: 100% } .tutor-schoolul li span { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 5rem } .tutor-schoolul li img { width: .42rem; height: .42rem; float: right } .tutor-noresult { width: 5.3rem; height: 4.52rem; background: #fff; border-radius: .2rem; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; z-index: 3; display: none } .tutor-noresult .wringm-img { width: 1.7rem; height: 1.7rem; margin-top: -.6rem } .tutor-noresult .no-h2 { color: #ff6e2c; font-size: .36rem; margin: .3rem 0 } .tutor-noresult p { color: #232323; font-size: .28rem; margin-bottom: .7rem } .tutor-noresult .kown-btn { width: 3.8rem; height: .86rem; line-height: .86rem; background: linear-gradient(-30deg, #1fd9d7, #1fcfd9); box-shadow: 0 4px .22rem 0 rgba(31, 207, 217, .3); border-radius: .43rem; font-size: .3rem; color: #fff; margin: auto } .locate_schoolalert { width: 5.3rem; max-height: 7.5rem; background: #fff; border-radius: .2rem; text-align: center; position: fixed; top: 20%; left: 0; right: 0; margin: auto; z-index: 3; display: none; padding-bottom: .4rem } .locate_schoolalert .top-img { width: 1.54rem; height: 1.54rem; display: block; margin: auto; margin-top: -.7rem } .locate_schoolalert .middle-p { width: 3.64rem; margin: auto; padding-top: .2rem; color: #232323; font-size: .26rem; margin-bottom: .35rem } .locate_schoolalert .locate_ul { margin: auto; max-height: 5rem; overflow-y: auto; padding-left: .35rem } .locate_schoolalert .locate_ul li { width: 4.6rem; padding: .28rem 0; background: #f5f5f5; border-radius: .1rem; text-align: left; padding-left: .15rem; margin-bottom: .3rem } .locate_schoolalert .locate_ul li .left-icon { width: .31rem; height: .31rem; margin-right: .1rem } .locate_schoolalert .locate_ul li a { display: block; color: #333; font-size: .32rem } .locate_schoolalert .locate_ul li .name { display: inline-block; max-width: 2.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom } .locate_schoolalert .locate_ul li .icon-right { width: .12rem; height: .22rem; float: right; margin-right: .24rem; margin-top: .1rem } .locate_schoolalert .off-btn { display: block; width: .72rem; height: .72rem; position: absolute; left: 0; right: 0; bottom: -1rem; margin: auto } .tutor-applytop { width: 100%; background: #fff } .tutor-applytop .top { color: #212020; font-size: .3rem; padding: .3rem .4rem; border-bottom: 1px solid #ddd; margin-top: .2rem } .tutor-applytop .top .after-bule { width: .08rem; height: .3rem; display: inline-block; background: #1fcfd9; border-radius: .04rem; vertical-align: middle; margin-bottom: .05rem; margin-right: .05rem } .tutor-applytop .tutorbase-div { font-size: .32rem; color: #333; display: flex; justify-content: space-between; padding: .3rem 0 .3rem .3rem; margin: 0 .4rem; border-bottom: 1px solid #ddd; position: relative } .tutor-applytop .tutorbase-div input, .tutor-applytop .tutorbase-div textarea { outline: none; border: none; float: right; text-align: right; line-height: normal; transform: translateZ(0); font-size: .32rem } .tutor-applytop .tutorbase-div input::placeholder { color: #b7b7b7; font-size: .29rem } .tutor-applytop .tutorbase-div textarea::placeholder { color: #b7b7b7; font-size: .29rem } .tutor-applytop .tutorbase-div select { padding-left: 2rem; opacity: 0; appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; border: none !important; outline: none !important; outline-color: unset !important; background-color: none !important } .tutor-applytop .tutorbase-div select option { text-align: right; color: #333; outline: none } .tutor-applytop .tutorbase-div label { color: #b7b7b7; position: absolute; right: .2rem; font-weight: 400 } .tutor-applytop .tutorbase-div .star-target { color: #ff2e2e; position: absolute; top: .4rem; left: .05rem } .tutor-applytop .tutorbase-div .right-icon { width: .12rem; height: .22rem; vertical-align: middle; display: inline-block; margin-bottom: .06rem } .tutor-applytop .tutorbase-div .right-select { float: right; text-align: right } .tutor-applytop .tutorbase-div .right-select input { float: unset } .tutor-applytop .tutorbase-div .right-value { float: right; text-align: right } .tutor-applytop .tutorbase-div .right-novalue { float: right; text-align: right; color: #b7b7b7 } .tutor-applytop .tutorbase-div:last-child { border-bottom: none } .tutor-submit { width: 6.7rem; height: 1rem; line-height: 1rem; text-align: center; margin: auto; background: linear-gradient(-30deg, #1fd9d7, #1fcfd9); box-shadow: 0 4px .22rem 0 rgba(31, 207, 217, .3); border-radius: .5rem; font-size: .36rem; color: #fff; margin-top: .3rem; margin-bottom: .7rem } .tutor-succes { width: 5.3rem; height: 4.5rem; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; background: #fff; border-radius: .2rem; z-index: 3; display: none } .tutor-succes .top-img { width: 3.66rem; height: 1.86rem; display: block; margin: auto; margin-top: -.8rem } .tutor-succes .succes-h2 { color: #ffb637; font-size: .38rem; padding-bottom: .44rem } .tutor-succes .p { width: 3.54rem; color: #232323; font-size: .28rem; margin: auto; margin-bottom: .53rem } .tutor-succes .konw-btn { width: 3.8rem; height: .86rem; line-height: .86rem; text-align: center; color: #fff; font-size: .3rem; margin: auto; background: linear-gradient(-30deg, #1fd9d7, #1fcfd9); box-shadow: 0 4px .22rem 0 rgba(31, 207, 217, .3); border-radius: .43rem } .tutor-err { width: 5.3rem; height: 3.4rem; background: #fff; border-radius: .2rem; text-align: center; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 3; display: none } .tutor-err .konw-btn { width: 3.8rem; height: .86rem; line-height: .86rem; text-align: center; color: #fff; font-size: .3rem; margin: auto; background: linear-gradient(-30deg, #1fd9d7, #1fcfd9); box-shadow: 0 4px .22rem 0 rgba(31, 207, 217, .3); border-radius: .43rem } .tutor-err .top-img { width: 1.72rem; height: 1.72rem; display: block; margin: auto; margin-top: -.8rem } .tutor-err .p { padding: .35rem 0; color: #232323; font-size: .28rem } .tutor-err .flex-qtdiv { width: 4.4rem; display: flex; margin: auto; justify-content: space-between } .tutor-err .flex-qtdiv .qx { border: 1px solid #d7d7d7; border-radius: .43rem; color: #aaa } .tutor-err .flex-qtdiv .qr, .tutor-err .flex-qtdiv .qx { width: 2rem; height: .86rem; line-height: .86rem; font-size: .3rem } .tutor-err .flex-qtdiv .qr { color: #1fcfd9; border: 1px solid #1fcfd9; border-radius: .43rem } .tutoredit-btn, .tutorremove-btn { width: 6.7rem; display: block; height: 1rem; line-height: 1rem; text-align: center; font-size: .36rem; border-radius: 50px; margin: auto; margin-bottom: .35rem } .tutorremove-btn { border: 1px solid #fb6d87; color: #fb6d87 } .tutoredit-btn { border: 1px solid #1fcfd9; color: #1fcfd9; margin-top: .35rem } .apply-listul { margin-top: .2rem } .apply-listul .top { margin-bottom: .2rem } .apply-listul li { background-color: #fff; padding: .35rem .4rem } .apply-listul li .bule_after { width: .08rem; height: .3rem; background: #1fcfd9; border-radius: 4px; display: inline-block; vertical-align: middle; margin-bottom: .1rem } .apply-listul li .name { color: #212020; font-size: .3rem; margin-left: .05rem; display: inline-block } .apply-listul .flex-listapply { display: flex; justify-content: space-between; padding: 0 .2rem } .apply-listul .flex-listapply .xq-a { width: 1.3rem; height: .6rem; line-height: .6rem; text-align: center; background: #1fcfd9; border-radius: .3rem; color: #fff; font-size: .26rem } .apply-listul .flex-listapply .left { font-size: .26rem } .apply-listul .flex-listapply .left span { color: #999 } .apply-listul .flex-listapply .left .lxr-icon { width: .22rem; height: .23rem; vertical-align: top; margin-top: .05rem; margin-right: .05rem } .apply-listul .flex-listapply .left .tjtime-icon { width: .24rem; height: .22rem; vertical-align: top; margin-top: .07rem } .apply-listul .flex-listapply .left .bottom { margin-top: .1rem } * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent } .bcxnew-nav { position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 99 } .bcxnew-nav .bcxnew-topnav { width: 100%; height: 40px; line-height: 40px; transition: all .6s ease-out; background: #f4fafa } .bcxnew-nav .bcxnew-topnav .nav-ul { width: 1200px; display: block; margin: auto; text-align: left } .bcxnew-nav .bcxnew-topnav .nav-ul li { padding-right: 55px; display: inline-block } .bcxnew-nav .bcxnew-topnav .nav-ul li a { color: #333; font-size: 14px } .bcxnew-nav .bcxnew-topnav .nav-ul li a:hover { color: #1fc9d3 } .bcxnew-nav .newsecond-nav { text-align: center; margin-top: 15px; transition: all .6s ease-out } .bcxnew-nav .newsecond-nav ul li { display: inline-block; margin-right: 85px } .bcxnew-nav .newsecond-nav ul li a { color: #fff; font-size: 18px; width: 102px; height: 41px; line-height: 41px; display: inline-block } .bcxnew-nav .newsecond-nav ul .active, .bcxnew-nav .newsecond-nav ul li a:hover { color: #1fcfd3 !important; width: 102px; height: 41px; line-height: 41px; text-align: center; background: #fff !important; border-radius: 20px; display: inline-block } .bcxnew-nav .newsecond-nav ul .active a { color: #1fcfd3 } .bcxnew-nav .scrollsecond-nav { width: 100%; text-align: center; height: 70px; position: fixed; transition: all .6s ease-out; top: 0; display: none; background: #fff; box-shadow: 0 4px 30px 0 hsla(0, 0%, 49%, .2) } .bcxnew-nav .scrollsecond-nav ul { margin-top: 15px } .bcxnew-nav .scrollsecond-nav ul li { display: inline-block; margin-right: 85px } .bcxnew-nav .scrollsecond-nav ul li a { color: #333; font-size: 18px; width: 106px; height: 40px; line-height: 40px; display: inline-block } .bcxnew-nav .scrollsecond-nav ul li a:hover { text-align: center } .bcxnew-nav .scrollsecond-nav ul .active, .bcxnew-nav .scrollsecond-nav ul li a:hover { width: 106px; height: 40px; line-height: 40px; color: #fff; background: #1fcfd3; border-radius: 20px; display: inline-block } .bcxnew-nav .scrollsecond-nav ul .active a { color: #fff } .bcxnew-nav .new_hide, .bcxnew-nav .new_show { transition: all .6s ease-out } .bcxnew-nav .new_hide { display: none } .bcxnew-nav .new_show { display: block } .newcourse-top { width: 100%; max-width: 1920px; height: 800px; background-image: url("/courseSystem/kecheng_banner_bg.png"); background-position: top; background-repeat: no-repeat; background-attachment: fixed } .newcourse-top .h { color: #fff; font-size: 80px; padding-top: 217px; padding-bottom: 114px; font-weight: 700 } .newcourse-top .center { width: 1200px; margin: auto } .newcourse-top .p { color: #fff; font-size: 22px; margin-bottom: 20px } .newcourse-top .p img { vertical-align: top; margin-top: 2px } .newcourse-main { position: relative } .newcourse-main .newcoure-v2 { text-align: center } .newcourse-main .newcoure-v2 h2 { color: #000; font-size: 36px; padding: 55px 0 20px } .newcourse-main .newcoure-v2 p { color: #666; font-size: 20px } .newcourse-main .xial-top { width: 100%; height: 155px; position: absolute; top: -115px } .newcourse-main .newcoure-flex { display: flex; width: 1200px; margin: 64px auto; justify-content: space-between; position: relative } .newcourse-main .newcoure-flex .newcourelevle-ul { margin-left: 28px; margin-top: 15px } .newcourse-main .newcoure-flex .newcourelevle-ul li { display: inline-block; padding-right: 66px; cursor: pointer; color: #333; font-size: 18px } .newcourse-main .newcoure-flex .newcourelevle-ul .active, .newcourse-main .newcoure-flex .newcourelevle-ul li:hover { color: #1fc9d3 } .newcourse-main .newcoure-flex .right { position: relative; padding-top: 40px; color: #333; font-size: 16px } .newcourse-main .newcoure-flex .right .item1 { position: absolute; top: 15px; left: 0; right: 0 } .newcourse-main .newcoure-flex .right .item2 { position: absolute; left: -75px; top: 128px } .newcourse-main .newcoure-flex .right .item3 { position: absolute; bottom: 22px; left: 25px } .newcourse-main .newcoure-flex .right .item4 { position: absolute; bottom: 22px; right: 26px } .newcourse-main .newcoure-flex .right .item5 { position: absolute; top: 128px; right: -75px } .newcourse-main .newcoure-flex .right .newcourse-data .active { display: block } .newcourse-main .newcoure-flex .right .newcourse-data img { display: none } .newcourse-main .newcoure-flex .right .newcourse-data .item1 { position: absolute; top: 135px; left: 0; right: 0; margin: auto } .newcourse-main .newcoure-flex .right .newcourse-data .item2 { position: absolute; top: 122px; left: 12px; right: 0; margin: auto } .newcourse-main .newcoure-flex .right .newcourse-data .item3 { position: absolute; top: 10px; left: 12px; right: 0; margin: auto } .newcourse-main .newcoure-flex .right .newcourse-data .item4 { position: absolute; top: 2px; left: 12px; right: 0; margin: auto } .newcourse-main .newcoure-flex .right .newcourse-data .item5 { position: absolute; top: 70px; left: 12px; right: 0; margin: auto } .newcourse-main .newcoure-flex .right .newcourse-data .item6 { position: absolute; top: 58px; left: 17px; right: 0; margin: auto } .newcourse-main .newcoure-flex .right .newcourse-data .item7, .newcourse-main .newcoure-flex .right .newcourse-data .item8 { position: absolute; top: 43px; left: 17px; right: 0; margin: auto } .newcourse-main .newcoure-flex .capacity-line { position: absolute; left: 0; top: -28px; font-size: 0 } .newcourse-main .newcoure-flex .capacity-line i { display: inline-block; width: 90px; height: 357px; opacity: 0; cursor: pointer; background-image: url("/courseSystem/kecheng_capacity_line.png") } .newcourse-main .newcoure-flex .capacity-line .active { opacity: 1 } .newcourse-main .curriculumnew-system { width: 1200px; margin: 154px auto } .newcourse-main .curriculumnew-system h2 { text-align: center; font-size: 36px; color: #000; padding-bottom: 70px } .newcourse-main .curriculumnew-system .Python-systemright { width: 510px; height: 350px; float: right; background: url("/courseSystem/python.gif") no-repeat; background-size: cover } .newcourse-main .curriculumnew-system .scratch-systemleft { width: 510px; height: 350px; float: left; background: url("/courseSystem/flybrad.gif") no-repeat; background-size: cover } .newcourse-main .curriculumnew-system .noip-systemleft { width: 510px; height: 361px; float: left; background: url(/courseSystem/noip.gif) no-repeat; background-size: cover; border: 7px solid #f7f7f7; border-left: 0 } .newcourse-main .curriculumnew-system .block-curricu { display: flex; justify-content: space-between; margin-bottom: 150px } .newcourse-main .curriculumnew-system .block-curricu .flex { position: relative; padding-left: 62px } .newcourse-main .curriculumnew-system .block-curricu .flex .bold { color: #444; font-size: 24px } .newcourse-main .curriculumnew-system .block-curricu .flex .bold .lable { color: #fff; font-size: 17px; background-color: #ff4a5c; border-radius: 15px; padding: 4px 6px; font-weight: 700 } .newcourse-main .curriculumnew-system .block-curricu .flex .bold .h-span { vertical-align: middle; margin-top: 3px; display: inline-block; margin-right: 10px } .newcourse-main .curriculumnew-system .block-curricu .flex .bold .yellow { background-color: #fd8427 } .newcourse-main .curriculumnew-system .block-curricu .flex .bold .zs { background-color: #4d81f7 } .newcourse-main .curriculumnew-system .block-curricu .flex .label-img { position: absolute; left: 0; top: -18px } .newcourse-main .curriculumnew-system .block-curricu .flex .padding-top { padding-top: 10px; padding-bottom: 20px } .newcourse-main .curriculumnew-system .block-curricu .top-29 { padding-top: 29px } .newcourse-main .curriculumnew-system .block-curricu .right-bgicon { position: absolute; right: 0; z-index: -1 } .newcourse-main .curriculumnew-system .block-curricu .left-bgicon { position: absolute; left: 0; z-index: -1; padding-top: 153px } .newcourse-main .newfeatures-curriculum { width: 100%; height: 1374px; background: url("/courseSystem/kecheng_tese_bg.png") no-repeat; background-size: cover; position: relative } .newcourse-main .newfeatures-curriculum h2 { font-size: 36px; color: #000; padding-top: 120px; padding-bottom: 70px; text-align: center } .newcourse-main .newfeatures-curriculum ul { width: 1200px; margin: auto; display: flex; justify-content: space-between; flex-wrap: wrap } .newcourse-main .newfeatures-curriculum ul li { width: 346px; height: 350px; background: #fff; box-shadow: 0 5px 30px 0 rgba(31, 207, 217, .24); border-radius: 10px; text-align: center; padding: 30px 22px 60px; margin-bottom: 50px; transition: all .5s; cursor: pointer } .newcourse-main .newfeatures-curriculum ul li h3 { font-size: 22px; color: #333; padding-bottom: 15px } .newcourse-main .newfeatures-curriculum ul li p { text-align: justify; font-size: 16px; color: #777 } .newcourse-main .newfeatures-curriculum ul li:hover { transform: translateY(-20px) } .newcourse-main .newfeatures-curriculum .newbgr_logo { position: absolute; right: 0; top: 70px; z-index: -1 } .newcourse-main .newfeatures-curriculum .newbgl_logo { position: absolute; left: 0; bottom: 100px; z-index: -1 } .newcourse-main .newcourse-type { width: 100%; height: 1100px; background: url("/courseSystem/kecheng_leixing_bg.png") no-repeat; background-size: cover; position: relative; margin-top: -250px } .newcourse-main .newcourse-type h2 { color: #fff; font-size: 36px; padding-top: 110px; text-align: center } .newcourse-main .newcourse-type .flex { width: 1300px; margin: 60px auto; display: flex; justify-content: space-around; flex-wrap: wrap } .newcourse-main .newcourse-type .flex .block-flex { width: 340px; text-align: center; margin-bottom: 50px } .newcourse-main .newcourse-type .flex .block-flex p { text-align: justify; color: #fff; font-size: 16px } .newcourse-main .newcourse-type .flex .block-flex h3 { color: #fff; font-size: 22px; margin-top: 30px; margin-bottom: 10px } .newcourse-main .newcouse-rulst { width: 1200px; margin: auto; position: relative; margin-bottom: 150px } .newcourse-main .newcouse-rulst h2 { font-size: 36px; color: #000; padding: 75px 0; text-align: center } .newcourse-main .newcouse-rulst .newrulst-right { position: absolute; right: 0; top: 200px; width: 410px } .newcourse-main .newcouse-rulst .newrulst-right .block-div { padding-bottom: 128px } .newcourse-main .newcouse-rulst .newrulst-right .block-div h3 { color: #424242; font-size: 22px; margin-bottom: 9px } .newcourse-main .newcouse-rulst .newrulst-right .block-div p { font-size: 15px; color: #777 } .bcxnew-footer { width: 100%; height: 325px; background: #303536 } .bcxnew-footer .border-bottom { border-bottom: 1px solid #3f4445; padding-bottom: 20px } .bcxnew-footer .border-bottom .center { width: 1200px; margin: auto; padding-top: 35px } .bcxnew-footer .border-bottom .center ul { display: inline-block; margin-right: 125px } .bcxnew-footer .border-bottom .center ul li { padding-bottom: 10px; color: #fff; font-size: 16px } .bcxnew-footer .border-bottom .center ul li a { color: #fff; font-size: 16px } .bcxnew-footer .border-bottom .center ul li a:hover { color: #1fc9d3 } .bcxnew-footer .border-bottom .center ul li:first-child { margin-bottom: 20px } .bcxnew-footer .border-bottom .center .right-codeer { margin-top: -10px; vertical-align: top; float: right } .bcxnew-footer .centers { width: 1200px; margin: auto } .bcxnew-footer .centers .flexs { display: flex; padding-top: 30px; font-size: 14px; justify-content: space-between; color: hsla(0, 0%, 100%, .5) } .bcxnew-footer .centers .flexs div a { text-decoration: none; color: hsla(0, 0%, 100%, .5) } .bcxnew-footer .centers .right-bq { text-align: center; padding-top: 10px } .bcxnew-footer .centers .right-bq a { text-decoration: none; color: hsla(0, 0%, 100%, .3) } .newteacher-top { width: 100%; height: 805px; background: url("/themes/bianchengxia/img/bcxweb-new/jiaoxue_banner_bg.png") no-repeat; background-size: cover; position: relative; background-position: 50%; background-attachment: fixed } .newteacher-top .h { color: #fff; font-size: 80px; padding-top: 217px; padding-bottom: 114px; font-weight: 700 } .newteacher-top .p { color: #fff; font-size: 22px; padding-bottom: 70px } .newteacher-top .center { width: 1200px; margin: auto } .newteacher-top .img_xiax { animation: myfirst 1s infinite; display: none } @ keyframes myfirst { 0%{ transform: translate(0) } 50%{ transform :translateY(-10px) } to { transform: translate(0) } } .newsystem-teach { width: 1440px; margin: auto; display: flex; padding-left: 100px; justify-content: space-between } .newsystem-teach .left { display: inline-block } .newsystem-teach h2 { color: #000; font-size: 36px; padding-bottom: 35px; padding-top: 500px } .newsystem-teach p { width: 410px; text-align: justify; color: #666; font-size: 18px; line-height: 30px } .newsystem-teach ul { display: inline-block; vertical-align: top; margin-left: 60px } .newsystem-teach ul li { width: 360px; height: 380px; background: #fff; box-shadow: 0 3px 20px 0 hsla(0, 0%, 66%, .2); border-radius: 20px; padding: 39px 33px 53px; display: inline-block; margin-left: 50px; margin-top: 40px; transition: all .5s; cursor: pointer } .newsystem-teach ul li .p { width: 292px; text-align: justify; color: #777; font-size: 16px; line-height: 24px } .newsystem-teach ul li img { margin-top: 35px; margin-bottom: 15px } .newsystem-teach ul li h3 { color: #444; font-size: 24px; padding-bottom: 10px } .newsystem-teach ul li .white { display: none } .newsystem-teach ul li:first-child { transform: translateY(200px) } .newsystem-teach ul li:hover { background-color: #1fc9d3 } .newsystem-teach ul li:hover .p, .newsystem-teach ul li:hover h3 { color: #fff } .newsystem-teach ul li:nth-child(3) { transform: translateY(200px) } .decoration-ico { position: absolute; left: 0 } .bcxnew-way .top-bg { width: 100%; height: 504px; background: url("/themes/bianchengxia/img/bcxweb-new/jiaoxue_fangfa_bg.png") no-repeat; background-size: cover; position: relative; margin-top: 250px } .bcxnew-way .top { width: 1200px; margin: auto } .bcxnew-way .top h2 { font-size: 36px; color: #fefefe; padding-top: 140px; padding-bottom: 30px } .bcxnew-way .top p { color: #fff; font-size: 18px; width: 750px; text-align: justify; line-height: 28px } .bcxnew-way .center { width: 1200px; margin: auto } .bcxnew-way .center .new-tache .h3 { text-align: center; font-size: 36px; color: #000; padding-top: 100px; margin-bottom: 50px } .bcxnew-way .center .new-tache ol { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative } .bcxnew-way .center .new-tache ol li { text-align: center; width: 25%; margin-bottom: 100px; cursor: pointer } .bcxnew-way .center .new-tache ol li h2 { color: #444; font-size: 22px; margin-top: 4px } .bcxnew-way .center .new-tache ol li p { color: #777; font-size: 16px } .bcxnew-way .center .new-tache ol li img { transition: all .5s } .bcxnew-way .center .new-tache ol li:hover img { transform: translateY(-10px) } .bcxnew-way .center .new-tache ol .ol-imgmiddle { position: absolute; top: 170px; left: 0; right: 0; margin: auto; z-index: -1 } .bcxnew-way ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: -180px; z-index: 1; position: relative } .bcxnew-way ul li { width: 580px; height: 380px; background: #fff; box-shadow: 0 6px 27px 0 hsla(0, 0%, 66%, .2); border-radius: 20px; display: inline-block; margin-bottom: 50px; padding: 32px 36px } .bcxnew-way ul li img { display: block; margin: auto; margin-bottom: 40px; margin-top: 20px } .bcxnew-way ul li h2 { color: #444; font-size: 26px; padding-bottom: 5px } .bcxnew-way ul li p { color: #777; font-size: 16px } .newgrow-healthily { width: 100%; height: 360px; background: url("/themes/bianchengxia/img/bcxweb-new/jiaoxue_photo_banner_bg.png") no-repeat; background-size: cover; position: relative; background-position: 50%; background-attachment: fixed } .newgrow-healthily .positon-center { text-align: center; position: absolute; top: 176px; right: 0; bottom: 0; left: 0; margin: auto; color: #fff; font-size: 46px; z-index: 2 } .newgrow-healthily .blck-hide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0, 0, 0, .5) } .flex-newgrow { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; padding: .5%; margin-bottom: 120px } .flex-newgrow img { width: 33%; margin-bottom: .5% } .newopenclass-top { width: 100%; height: 600px; background: url("/themes/bianchengxia/img/bcxweb-new/gongkaike_banner_bg.png") no-repeat; background-size: auto; position: relative; background-position: top; background-attachment: fixed } .openclass-center { width: 1200px; margin: auto; margin-top: 60px } .openclass-center .openclass-h2 { color: #333; font-size: 26px; padding-top: 10px } .openclass-center .openclass-h2 img { margin-top: -10px } .openclass-center ul { margin-top: 50px } .openclass-center ul li { width: 346px; display: inline-block; margin-right: 75px; position: relative; margin-bottom: 70px } .openclass-center ul li .blck-hide { width: 324px; height: 252px; background: rgba(0, 0, 0, .4); z-index: -1; position: absolute; top: 0; left: 0 } .openclass-center ul li .play-btn { position: absolute; left: 0; right: 0; margin: auto; top: 101px; transition: all .5s; cursor: pointer } .openclass-center ul li p { width: 280px; text-align: justify; color: #666; font-size: 16px; margin: auto; padding-top: 10px } .openclass-center ul li:nth-child(3n+3) { margin-right: 0 } .openclass-center ul li:hover .play-btn { transform: scale(1.1) } .newopen-xdxe { width: 100%; background: rgba(31, 201, 211, .1) } .newopen-xdxe .center { width: 1200px; margin: auto; padding-top: 45px } .newopen-xdxe .center .openclass-h2 { color: #333; font-size: 26px; padding-top: 10px } .newopen-xdxe .center .openclass-h2 img { margin-top: -10px } .newopen-xdxe .center ul { margin-top: 50px } .newopen-xdxe .center ul li { width: 345px; display: inline-block; margin-right: 75px; position: relative; margin-bottom: 70px } .newopen-xdxe .center ul li .blck-hide { width: 324px; height: 252px; background: rgba(0, 0, 0, .4); z-index: -1; position: absolute; top: 0; left: 0 } .newopen-xdxe .center ul li .play-btn { position: absolute; left: 0; right: 0; margin: auto; top: 101px; transition: all .5s; cursor: pointer } .newopen-xdxe .center ul li p { width: 280px; text-align: justify; color: #666; font-size: 16px; margin: auto; padding-top: 10px } .newopen-xdxe .center ul li:nth-child(3n+3) { margin-right: 0 } .newopen-xdxe .center ul li:hover .play-btn { transform: scale(1.1) } .newopn-video, .newopn-videotwo { width: 720px; height: 405px; position: fixed; left: 0; right: 0; margin: auto; top: 30%; z-index: 100; display: none } .newopn-video .opn-videodh4, .newopn-videotwo .opn-videodh4 { background-color: #fff; height: 27px; line-height: 27px; padding: 0 10px; border-top-right-radius: 10px; border-top-left-radius: 10px } .newopn-video span, .newopn-videotwo span { color: #a0a0a0; font-size: 22px; float: right; cursor: pointer } .newopn-video .title, .newopn-videotwo .title { display: inline-block } .newopn-videotwo video, .newopn-video video { outline: none } .black-hides { height: 100%; display: none; background-color: rgba(0, 0, 0, .5) } .black-hides, .newnav-type2 { width: 100%; position: fixed; top: 0; left: 0; z-index: 99 } .newnav-type2 { height: 65px; line-height: 65px; background: rgba(0, 0, 0, .2) } .newnav-type2 .center { width: 1200px; margin: auto } .newnav-type2 .center ul { float: right } .newnav-type2 .center ul li { display: inline-block; padding: 0 24px; font-size: 18px } .newnav-type2 .center ul li a { color: #fafdff; display: block } .newnav-type2 .center ul li a:hover { color: #13c8d1 } .newnav-type2down { width: 100%; height: 65px; line-height: 65px; background: #13c8d1; position: fixed; top: 0; left: 0; display: none; z-index: 99; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08) } .newnav-type2down .center { width: 1200px; margin: auto } .newnav-type2down .center ul { float: right } .newnav-type2down .center ul li { display: inline-block; padding: 0 24px; text-align: center; font-size: 18px } .newnav-type2down .center ul li a { color: #fafdff; display: block } .newnav-type2down .center ul li:hover { background: rgba(0, 0, 0, .1) } .about-bcxmain { position: relative } .about-bcxmain .center { width: 1200px; margin: auto; text-align: left; position: absolute; top: 180px; left: 0; right: 0; color: #fff; font-size: 20px } .about-bcxmain .center .p { padding-top: 10px } .about-bcxmain .top-banner { width: 100% } .about-bcxmain .introduce { width: 1200px; margin: auto; background-color: #1fc9d3; padding: 58px 70px 54px 57px; color: #fff; margin-top: -120px; z-index: 1; position: relative } .about-bcxmain .introduce h2 { font-size: 30px; padding-bottom: 30px } .about-bcxmain .introduce p { font-size: 16px; line-height: 30px } .about-bcxmain .new-history { text-align: center; margin-top: 55px; position: relative; width: 1000px; margin: auto; min-height: 1012px } .about-bcxmain .new-history h2 { color: #000; font-size: 36px; margin-bottom: 50px } .about-bcxmain .new-history .time_01 { position: absolute; top: 94px; right: 0 } .about-bcxmain .new-history .time_02 { position: absolute; top: 227px; left: 0 } .about-bcxmain .new-history .time_03 { position: absolute; top: 327px; right: 0 } .about-bcxmain .new-history .time_04 { position: absolute; top: 416px; left: 0 } .about-bcxmain .new-history .time_05 { position: absolute; top: 564px; right: 0 } .about-bcxmain .new-history .middle-img { position: absolute; left: 0; right: 0; margin: auto } .about-bcxmain .newqy-culture { width: 100%; height: 580px; background: url("/themes/bianchengxia/img/bcxweb-new/aboutus_culture_bg.png") no-repeat; background-size: cover; position: relative; background-position: 50% } .about-bcxmain .newqy-culture h2 { text-align: center; color: #fff; font-size: 36px; padding-top: 66px; padding-bottom: 60px } .about-bcxmain .newqy-culture ul { width: 1200px; height: 100%; position: absolute; left: 0; right: 0; margin: auto; top: 0 } .about-bcxmain .newqy-culture ul li { width: 197px; height: 170px; cursor: pointer } .about-bcxmain .newqy-culture ul li:first-child { position: absolute; left: -23px; bottom: 54px } .about-bcxmain .newqy-culture ul li:nth-child(2) { position: absolute; left: 195px; bottom: 178px } .about-bcxmain .newqy-culture ul li:nth-child(3) { position: absolute; left: 480px; bottom: 245px } .about-bcxmain .newqy-culture ul li:nth-child(4) { position: absolute; right: 240px; bottom: 178px } .about-bcxmain .newqy-culture ul li:nth-child(5) { position: absolute; right: 23px; bottom: 54px } .about-bcxmain .newqy-culture .flip-container { perspective: 1000; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px } .about-bcxmain .newqy-culture .flip-container:hover .back { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); z-index: 2 } .about-bcxmain .newqy-culture .flip-container:hover .front { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); z-index: 1 } .about-bcxmain .newqy-culture .flipper { transition: transform .6s ease-out; transition: transform .5s ease-in-out; -webkit-transition: transform .5s ease-in-out; -moz-transition: transform .5s ease-in-out; -ms-transition: transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; display: block; position: relative } .about-bcxmain .newqy-culture .back, .about-bcxmain .newqy-culture .flipper, .about-bcxmain .newqy-culture .front { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d } .about-bcxmain .newqy-culture .back, .about-bcxmain .newqy-culture .front { backface-visibility: hidden; transition: .6s ease-out; -webkit-transition: .6s ease-out; position: absolute; top: 0; left: 0 } .about-bcxmain .newqy-culture .back p, .about-bcxmain .newqy-culture .front p { max-width: 150px; max-height: 62px; position: absolute; top: 0; bottom: 0; left: 0; font-size: 16px; right: 0; margin: auto; text-align: center; color: #fff } .about-bcxmain .newqy-culture .back img, .about-bcxmain .newqy-culture .front img { overflow: hidden } .about-bcxmain .newqy-culture .front { z-index: 2; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg) } .about-bcxmain .newqy-culture .back { z-index: 1; transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg) } .about-bcxmain .newbcx-honor { width: 100%; height: 716px; background: url("/themes/bianchengxia/img/bcxweb-new/aboutus_rongyu_bg.png") no-repeat; background-size: cover; position: relative; background-position: 50%; margin-top: -20px } .about-bcxmain .newbcx-honor h2 { color: #000; font-size: 36px; padding-top: 104px; text-align: center; padding-bottom: 50px } .about-bcxmain .newbcx-honor .swiper-container1 { width: 1440px; margin: auto; - -swiper-theme-color: #f60; - -swiper-navigation-color: #b9b2a8; - -swiper-navigation-size: 30px } .about-bcxmain .newbcx-honor .swiper-container1 p { text-align: center; color: #212121; font-size: 18px } .about-bcxmain .newwork-environment { position: relative } .about-bcxmain .newwork-environment h2 { padding-top: 84px; color: #000; font-size: 36px; text-align: center; padding-bottom: 10px } .about-bcxmain .newwork-environment p { color: #666; font-size: 20px; text-align: center; padding-bottom: 35px } .about-bcxmain .newwork-environment .swiper-container2 { width: 1100px; height: 660px; margin-left: auto; margin-right: auto } .about-bcxmain .newwork-environment .swiper-container2 .swiper-slide { background-size: cover; background-position: 50% } .about-bcxmain .newwork-environment .gallery-top { height: 660px; width: 1100px } .about-bcxmain .newwork-environment .gallery-thumbs { width: 1100px; height: 150px; box-sizing: border-box; padding: 30px 0 } .about-bcxmain .newwork-environment .gallery-thumbs .swiper-slide { height: 90px } .about-bcxmain .newwork-environment .gallery-thumbs .swiper-slide img { width: 100%; height: 100% } .about-bcxmain .newwork-environment .gallery-thumbs .swiper-slide-thumb-active { border: 3px solid #fff } .about-bcxmain .newwork-environment .bg-blues { width: 100%; height: 150px; position: absolute; bottom: 0; background: #1fc9d3 } .newbcx-banner .swiper-slide img { width: 100% } .newbcx-banner .swiper-banners .swiper-pagination-bullet { background-color: #fff; margin: 0 10px !important } .newbcx-banner .swiper-banners .swiper-pagination-bullet-active { width: 23px; height: 8px; border-radius: 4px; opacity: 1 } .newbcx-banner .swiper-banners:hover .swiper-button-next, .newbcx-banner .swiper-banners:hover .swiper-button-prev, .newbcx-banner .swiper-button-next { opacity: 1 } .newbcx-banner .swiper-button-prev { background-image: url(/themes/bianchengxia/img/bcxweb-new/left_icon_normal.png); background-size: 100% 100%; left: 90px; opacity: 0; transition: all .5s; width: 50px; height: 50px; outline: none } .newbcx-banner .swiper-button-prev:hover { background-image: url(/themes/bianchengxia/img/bcxweb-new/neft_icon_press.png) } .newbcx-banner .swiper-button-next:hover { background-image: url(/themes/bianchengxia/img/bcxweb-new/rightt_icon_press.png) } .newbcx-banner .swiper-button-next { background-image: url(/themes/bianchengxia/img/bcxweb-new/rightt_icon_normal.png); background-size: 100% 100%; outline: none; right: 90px; transition: all .5s; width: 50px; height: 50px; opacity: 0 } .newbcx-banner .swiper-button-next:after, .newbcx-banner .swiper-button-prev:after { content: "" } .bcx-newmain .center { width: 1200px; margin: auto } .bcx-newmain .center .course-div { margin-top: 80px; position: relative } .bcx-newmain .center .course-div .icon-kc { width: 40px; height: 40px; display: inline-block; background-image: url(/themes/bianchengxia/img/bcxweb-new/xuebitu.png); background-position: -5px -1px; vertical-align: middle; margin-bottom: 10px; margin-right: 5px } .bcx-newmain .center .course-div h2 { color: #202020; font-size: 34px; padding-bottom: 30px } .bcx-newmain .center .course-div h3 { color: #202020; font-size: 26px; padding-bottom: 22px } .bcx-newmain .center .course-div .p { line-height: 35px; color: #202020; font-size: 20px; margin-bottom: 50px } .bcx-newmain .center .course-div .p .bold { color: #fb5f5f; font-size: 30px } .bcx-newmain .center .course-div .look-course { width: 200px; height: 47px; display: block; line-height: 47px; text-align: center; color: #fff; font-size: 18px; background: #13c8d1; box-shadow: 0 7px 10px 0 rgba(19, 200, 209, .3); border-radius: 24px; transition: all .5s } .bcx-newmain .center .course-div .look-course:hover { background: #13b0b8 } .bcx-newmain .center .course-div .right { position: absolute; right: 0; top: -51px; z-index: -1 } .bcx-newmain .center .school-div { margin-top: 250px; position: relative; padding-bottom: 180px; z-index: 1 } .bcx-newmain .center .school-div .icon-kc { width: 40px; height: 40px; display: inline-block; background-image: url(/themes/bianchengxia/img/bcxweb-new/xuebitu.png); background-position: 128px -1px; vertical-align: middle; margin-bottom: 10px; margin-right: 9px } .bcx-newmain .center .school-div h2 { color: #202020; font-size: 34px; padding-bottom: 30px } .bcx-newmain .center .school-div h3 { color: #202020; font-size: 26px; padding-bottom: 22px } .bcx-newmain .center .school-div .p { line-height: 35px; color: #202020; font-size: 20px; margin-bottom: 50px } .bcx-newmain .center .school-div .p .bold { color: #fb5f5f; font-size: 30px } .bcx-newmain .center .school-div .look-course { width: 200px; height: 47px; display: block; line-height: 47px; text-align: center; color: #fff; font-size: 18px; background: #13c8d1; box-shadow: 0 7px 10px 0 rgba(19, 200, 209, .3); border-radius: 24px; transition: all .5s } .bcx-newmain .center .school-div .look-course:hover { background: #13b0b8 } .bcx-newmain .center .school-div .right { position: absolute; right: 0; top: -51px; z-index: -1 } .bcx-newmain .bcxnew-community { margin-top: 110px; position: relative } .bcx-newmain .bcxnew-community .left { padding-top: 30px } .bcx-newmain .bcxnew-community .bg { width: 100%; position: absolute; top: 0; z-index: -1 } .bcx-newmain .bcxnew-community .center { width: 1200px; margin: auto; display: flex; justify-content: space-between; padding-top: 100px } .bcx-newmain .bcxnew-community .center h2 { color: #202020; font-size: 34px; padding-bottom: 30px } .bcx-newmain .bcxnew-community .center h2 .icon-cz { width: 40px; height: 40px; display: inline-block; background-image: url(/themes/bianchengxia/img/bcxweb-new/xuebitu.png); background-position: 207px -7px; vertical-align: middle; margin-bottom: 7px; margin-right: 5px } .bcx-newmain .bcxnew-community .center .p { line-height: 35px; color: #202020; font-size: 20px; margin-bottom: 50px } .bcx-newmain .bcxnew-community .center .p .bold { color: #fb5f5f; font-size: 30px } .bcx-newmain .bcxnew-community .center .enter-community { width: 200px; height: 47px; display: block; line-height: 47px; text-align: center; color: #fff; font-size: 18px; background: #fb5f5f; box-shadow: 0 7px 10px 0 rgba(251, 95, 95, .3); border-radius: 24px; transition: all .5s } .bcx-newmain .bcxnew-community .center .enter-community:hover { background-color: #e55454 } .bcx-newmain .bcxnew-community .center .right { padding-right: 120px; padding-top: 70px } .bcx-newmain .news-hots { width: 100%; position: relative } .bcx-newmain .news-hots .center { padding-top: 155px } .bcx-newmain .news-hots .bg { width: 100%; position: absolute; top: -40px; left: 0; z-index: -1 } .bcx-newmain .news-hots .flex { display: flex; justify-content: space-between } .bcx-newmain .news-hots .flex .right { width: 450px } .bcx-newmain .news-hots .flex .right h2 { font-size: 34px; color: #202020; margin-bottom: 50px; margin-top: 64px } .bcx-newmain .news-hots .flex .right .icon-hot { width: 40px; height: 40px; display: inline-block; background-image: url(/themes/bianchengxia/img/bcxweb-new/xuebitu.png); background-position: 45px -7px; vertical-align: middle; margin-bottom: 10px; margin-right: 5px } .bcx-newmain .news-hots .flex .right .p-div p { font-size: 18px; color: #202020; padding-bottom: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 440px } .bcx-newmain .news-hots .flex .right .p-div p a { color: #202020 } .bcx-newmain .news-hots .flex .left { position: relative } .bcx-newmain .news-hots .flex .left img { width: 665px; height: 400px } .bcx-newmain .news-hots .flex .left .title { width: 100%; height: 75px; color: #fff; font-size: 30px; text-align: center; line-height: 75px; position: absolute; bottom: 0; background: rgba(0, 0, 0, .2); border-radius: 0 0 10px 10px } .bcx-newmain .news-hots .flex .left .title span { max-width: 90%; text-align: center; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .bcx-newmain .news-hots .news-ul { display: flex; justify-content: space-between; margin-top: 20px } .bcx-newmain .news-hots .news-ul li { width: 285px; height: 143px; padding: 40px 20px; background-size: cover; transition: all .5s; overflow: hidden } .bcx-newmain .news-hots .news-ul li .hide-zh { width: 285px; height: 143px } .bcx-newmain .news-hots .news-ul li a { color: #fff; display: block } .bcx-newmain .news-hots .news-ul li a .h2 { font-size: 14px; padding-bottom: 10px } .bcx-newmain .news-hots .news-ul li a .h2 span { font-size: 20px } .bcx-newmain .news-hots .news-ul li a p { font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify } .bcx-newmain .news-hots .news-ul li:first-child { background-image: url("/themes/bianchengxia/img/bcxweb-new/hong.png") } .bcx-newmain .news-hots .news-ul li:nth-child(2) { background-image: url("/themes/bianchengxia/img/bcxweb-new/huang.png") } .bcx-newmain .news-hots .news-ul li:nth-child(3) { background-image: url("/themes/bianchengxia/img/bcxweb-new/lan.png") } .bcx-newmain .news-hots .news-ul li:nth-child(4) { background-image: url("/themes/bianchengxia/img/bcxweb-new/lu.png") } .bcx-newmain .enterprise-honor { width: 1200px; margin: auto; padding-top: 245px; padding-bottom: 100px } .bcx-newmain .enterprise-honor h2 { text-align: center; font-size: 34px; color: #202020; padding-bottom: 50px } .bcx-newmain .enterprise-honor h2 img { vertical-align: top; margin-right: 10px; margin-top: 2px } .bcx-newmain .enterprise-honor .honor-swiper { padding-bottom: 70px } .bcx-newmain .enterprise-honor .honor-swiper .swiper-slide { width: 372px; height: 358px; background: #fff; border: 2px solid #e6e6e6; border-radius: 20px; text-align: center } .bcx-newmain .enterprise-honor .honor-swiper .swiper-slide img { width: 326px; height: 251px; margin: 20px auto; display: block } .bcx-newmain .enterprise-honor .honor-swiper .swiper-slide p { font-size: 20px; color: #212121; line-height: 25px } .bcx-newmain .enterprise-honor .honor-swiper .swiper-pagination-bullet { width: 30px; height: 8px; background-color: #e6e6e6; margin: 0 5px !important; opacity: 1; border-radius: 4px } .bcx-newmain .enterprise-honor .honor-swiper .swiper-pagination-bullet-active { background-color: #14c8d2; border-radius: 4px; opacity: 1 } .bcx-newmain .bcx-synopsis { text-align: center; width: 100%; position: relative } .bcx-newmain .bcx-synopsis .center { width: 1200px; margin: auto } .bcx-newmain .bcx-synopsis .center h2 { color: #333; font-size: 34px; padding-bottom: 25px } .bcx-newmain .bcx-synopsis .center p { text-align: justify; font-size: 16px; color: #333 } .newright-nav { position: fixed; right: 10px; top: 30%; z-index: 9; display: none } .newright-nav .bg { position: absolute; top: 0; right: 10px } .newright-nav ul { position: relative; z-index: 1; padding-right: 40px; padding-top: 64px } .newright-nav ul li { font-size: 12px; color: #666; padding-bottom: 8px; position: relative; cursor: pointer } .newright-nav ul li .icon { width: 40px; height: 40px; display: inline-block; vertical-align: middle } .newright-nav ul li .wx-icon { background-position: 281px 42px } .newright-nav ul li .tel-icon, .newright-nav ul li .wx-icon { background-image: url(/themes/bianchengxia/img/bcxweb-new/xuebitu.png) } .newright-nav ul li .tel-icon { background-position: 496px 42px } .newright-nav ul li .sq-icon { background-position: 612px 42px } .newright-nav ul li .sq-icon, .newright-nav ul li .top-icon { background-image: url(/themes/bianchengxia/img/bcxweb-new/xuebitu.png) } .newright-nav ul li .top-icon { background-position: 409px 42px } .newright-nav ul li .ofwx { position: absolute; left: -151px; top: -29px; display: none } .newright-nav ul li .tel-div { display: none } .newright-nav ul li .tel-img { position: absolute; left: -208px; top: 15px } .newright-nav ul li .tel-num { position: absolute; left: -186px; top: 23px; color: #fff } .newright-nav ul .tel-li:hover .tel-div, .newright-nav ul .wx-li:hover .ofwx { display: block } .teacher-info-bg-img { background-image: url("/themes/bianchengxia/img/bcxweb-new/shizi_banner_bg.png") } .teacher-info-bg-img .h-teacher { padding-top: 139px; font-size: 90px; font-weight: 700; color: #fff; line-height: 110px } .teacher-info-bg-img .p-teacher { margin-top: 55px; height: 22px; font-size: 22px; color: #fff; line-height: 15px } .teacher-info-main { position: relative; margin-top: 88px } .teacher-info-main .xial-top { width: 100%; height: 155px; position: absolute; top: -180px } .teacher-info-main .teacher-list { margin: auto; width: 1200px; max-width: 1920px; height: auto } .teacher-info-main .teacher-list .teacher-box { margin-left: 80px; margin-right: 80px; margin-bottom: 94px; height: 460px } .teacher-info-main .teacher-list .teacher-box .teacher-img-box { float: left } .teacher-info-main .teacher-list .teacher-box .teacher-img-box img { width: 400px; height: 460px } .teacher-info-main .teacher-list .teacher-box .teahcer-introduction { margin-left: 95px; float: left } .teacher-info-main .teacher-list .teacher-box .teahcer-introduction .teahcer-introduction-top { margin-top: 85px } .teacher-info-main .teacher-list .teacher-box .teahcer-introduction .teahcer-introduction-top span:first-child { margin-right: 12px; width: 81px; height: 38px; font-size: 40px; font-family: Microsoft YaHei UI; font-weight: 400; color: #333; line-height: 76px } .teacher-info-main .teacher-list .teacher-box .teahcer-introduction .teahcer-introduction-top span:nth-child(2) { width: 257px; height: 17px; font-size: 16px; font-family: Microsoft YaHei UI; font-weight: 400; color: #666; line-height: 25px } .teacher-info-main .teacher-list .teacher-box .teahcer-introduction .teahcer-introduction-mid { margin-top: 32px; width: 400px; height: 145px; font-size: 18px; font-family: Microsoft YaHei UI; font-weight: 400; color: #666; line-height: 31px } .teacher-info-main .teacher-list .teacher-box .teahcer-introduction .teahcer-introduction-bottom { margin-top: 50px } .teacher-info-main .teacher-list .teacher-box .teahcer-introduction .teahcer-introduction-bottom img { margin-right: 10px; width: 36px; height: 36px } .teacher-info-main .teacher-list .teacher-box .teahcer-introduction .teahcer-introduction-bottom span { margin-right: 40px; width: 80px; height: 17px; font-size: 16px; font-family: Microsoft YaHei UI; font-weight: 700; color: #333; line-height: 25px } .teacher-info-main .teacher-advantages { position: relative; padding-top: 94px; width: 100%; height: 896px; background-image: url("/themes/bianchengxia/img/bcxweb-new/shizi_tedian_bg.png"); background-position: top; background-repeat: no-repeat } .teacher-info-main .teacher-advantages .flex { display: flex; justify-content: space-between; flex-wrap: wrap; width: 830px; margin: auto } .teacher-info-main .teacher-advantages .teacher-advantages-title { margin: 0 auto; width: 449px; height: 36px; font-size: 36px; font-family: Microsoft YaHei UI; font-weight: 400; color: #fff; line-height: 13px } .teacher-info-main .teacher-advantages .teacher-advantages-list { margin-top: 50px; width: 360px; height: 292px; transition: all .5s; position: relative } .teacher-info-main .teacher-advantages .teacher-advantages-list:hover { transform: translateY(-12px) } .teacher-info-main .teacher-advantages .teacher-advantages-list .teacher-advantages-img-top { position: absolute; top: 0; left: 124px; width: 112px; height: 112px } .teacher-info-main .teacher-advantages .teacher-advantages-list .teacher-advantages-img-bottom { position: absolute; top: 74px; left: 0; width: 360px; height: 218px } .teacher-info-main .teacher-advantages .teacher-advantages-list .teacher-advantages-info-title { position: absolute; top: 166px; left: 132px; width: 96px; height: 23px; font-size: 24px; font-family: Microsoft YaHei UI; font-weight: 400; color: #444; line-height: 31px } .teacher-info-main .teacher-advantages .teacher-advantages-list .teacher-advantages-info { position: absolute; top: 207px; left: 42px; width: 280px; height: 40px; font-size: 16px; font-family: Microsoft YaHei UI; font-weight: 400; color: #777; line-height: 23px } .teacher-info-main .teacher-team { position: relative; padding-top: 119px; margin: auto; width: 1200px; height: 531px } .teacher-info-main .teacher-team .teacher-team-title { margin: 0 auto; width: 256px; height: 35px; font-size: 36px; font-family: Microsoft YaHei UI; font-weight: 400; color: #000; line-height: 13px } .teacher-info-main .teacher-team .teacher-team-img-info-box { margin: auto; width: 1200px; margin-top: 93px } .teacher-info-main .teacher-team .teacher-team-img-info-box .teacher-team-img-info-list { width: 306px; height: 196px; margin-right: 92px; float: left } .teacher-info-main .teacher-team .teacher-team-img-info-box .teacher-team-img-info-list .teacher-team-img { width: 260px; height: 144px; margin-left: 23px } .teacher-info-main .teacher-team .teacher-team-img-info-box .teacher-team-img-info-list .teacher-team-info { width: 306px; height: 20px; margin-top: 32px; font-size: 20px; font-family: Microsoft YaHei UI; font-weight: 400; color: #444; text-align: center; line-height: normal } .teacher-info-main .teacher-team .teacher-team-img-info-box .teacher-team-img-info-list:first-child { margin-left: 56px } .teacher-info-main .teacher-team .teacher-team-img-info-box .teacher-team-img_1 { position: absolute; top: 247px; left: 408px; width: 259px; height: 144px; transition: all .5s } .teacher-info-main .teacher-team .teacher-team-img-info-box .teacher-team-img_1:hover { transform: scale(1.15) } .teacher-info-main .teacher-team .teacher-team-img-info-box .teacher-team-img_2 { position: absolute; top: 246px; left: 847px; width: 285px; height: 147px; transition: all .5s } .teacher-info-main .teacher-team .teacher-team-img-info-box .teacher-team-img_2:hover { transform: scale(1.15) } .teacher-info-main .teacher-team .teacher-team-img-info-box .teacher-team-img_3 { position: absolute; top: 250px; left: 1287px; width: 264px; height: 146px; transition: all .5s } .teacher-info-main .teacher-team .teacher-team-img-info-box .teacher-team-img_3:hover { transform: scale(1.15) } .teacher-info-main .teacher-team .teacher-team-img-info-box .teacher-team-info { height: 20px; font-size: 20px; font-family: Microsoft YaHei UI; font-weight: 400; color: #444; line-height: 21px } .teacher-info-main .teacher-team .teacher-team-img-info-box .info_1 { position: absolute; top: 423px; left: 386px; width: 306px } .teacher-info-main .teacher-team .teacher-team-img-info-box .info_2 { position: absolute; top: 423px; left: 891px; width: 224px } .teacher-info-main .teacher-team .teacher-team-img-info-box .info_3 { position: absolute; top: 423px; left: 1348px; width: 164px } .teacher-info-main .teacher-team-bg-img { width: 100% } .teacher-info-main .teacher-team-banner { width: 100%; height: 249px; font-size: 20px; font-family: Microsoft YaHei UI; font-weight: 400; color: #fff; line-height: 32px; background-image: url("/themes/bianchengxia/img/bcxweb-new/shizi_team_banner_bg.jpg"); background-position: top; background-repeat: no-repeat; background-attachment: fixed; position: relative } .teacher-info-main .teacher-team-banner .black-modle { width: 100%; height: 100%; top: 0; background-color: rgba(0, 0, 0, .5); position: absolute } .teacher-info-main .teacher-team-banner p { padding-top: 84px; position: relative; z-index: 1; text-align: justify; width: 1200px; margin: auto } .teacher-info-main .teacher-haoping { position: relative; width: 100%; height: 713px } .teacher-info-main .teacher-haoping .teacher-haoping-title { position: absolute; top: 135px; left: 0; right: 0; text-align: center; width: 161px; height: 40px; margin: auto; font-size: 40px; font-weight: 400; color: #000; line-height: 13px } .teacher-info-main .teacher-haoping .teacher-haoping-swiper { position: absolute; top: 235px; left: 0; width: 100%; height: 478px; background-image: url("/themes/bianchengxia/img/bcxweb-new/shizi_haoping_bg.png"); background-position: top; background-repeat: no-repeat } .teacher-info-main .teacher-haoping .teacher-haoping-swiper .swiper-container { width: 1700px } .teacher-info-main .teacher-haoping .teacher-haoping-swiper .swiper-container .swiper-wrapper { margin-right: 104px } .teacher-info-main .teacher-haoping .teacher-haoping-swiper .swiper-container .swiper-wrapper .swiper-slide { position: relative; margin-top: 154px; width: 452px; height: 181px; font-size: 14px; font-weight: 400; background: #fff; box-shadow: 0 3px 31px 0 rgba(49, 176, 188, .17) !important; border-radius: 100px 6px 30px 30px; opacity: .6; transform: scale(.85) } .teacher-info-main .teacher-haoping .teacher-haoping-swiper .swiper-container .swiper-wrapper .swiper-slide .haoping-info { position: absolute; top: 42px; left: 45px; width: 372px; height: 90px; color: #666; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical } .teacher-info-main .teacher-haoping .teacher-haoping-swiper .swiper-container .swiper-wrapper .swiper-slide .haoping-avatar { position: absolute; top: 134px; left: 43px; width: 36px; height: 36px; border-radius: 50% } .teacher-info-main .teacher-haoping .teacher-haoping-swiper .swiper-container .swiper-wrapper .swiper-slide .haoping-nickname { position: absolute; top: 144px; left: 91px; width: 100px; height: 15px; color: #666; line-height: 22px } .teacher-info-main .teacher-haoping .teacher-haoping-swiper .swiper-container .swiper-wrapper .swiper-slide-active { position: relative; margin-top: 122px; width: 620px !important; height: 234px; font-size: 16px; font-weight: 400; background: #fff; box-shadow: 0 3px 31px 0 rgba(49, 176, 188, .17); border-radius: 100px 6px 30px 30px; opacity: 1; transform: scale(1) } .teacher-info-main .teacher-haoping .teacher-haoping-swiper .swiper-container .swiper-wrapper .swiper-slide-active .haoping-info { position: absolute; top: 55px; left: 52px; width: 529px; height: 85px } .teacher-info-main .teacher-haoping .teacher-haoping-swiper .swiper-container .swiper-wrapper .swiper-slide-active .haoping-avatar { position: absolute; top: 159px; left: 52px; width: 50px; height: 50px } .teacher-info-main .teacher-haoping .teacher-haoping-swiper .swiper-container .swiper-wrapper .swiper-slide-active .haoping-nickname { position: absolute; top: 177px; left: 113px } .jiameng-title-container { margin: auto; width: 1200px; text-align: center; line-height: normal } .jiameng-title-container .jiameng-title-container-top { font-size: 30px; font-family: Microsoft YaHei; font-weight: 400 } .jiameng-title-container .jiameng-title-container-bottom { margin-top: 10px; font-size: 50px; font-family: Microsoft YaHei; font-weight: 400 } .jiameng-header { position: relative; width: 100%; margin: auto; max-width: 1920px; height: 1229px } .jiameng-header .jiameng-background { display: block; position: absolute; top: 0; left: 0; width: 100%; margin: auto; max-width: 1920px; height: 771px; z-index: -1 } .jiameng-header .jiameng-logo { width: 1200px; margin: auto; height: 60px } .jiameng-header .jiameng-logo .jiameng-logo-left { float: left } .jiameng-header .jiameng-logo .jiameng-logo-left img { display: block; width: 108px; height: 35px; margin-top: 13px; float: left } .jiameng-header .jiameng-logo .jiameng-logo-left .jiameng-logo-left-shugang { display: block; margin-top: 24px; margin-left: 10px; margin-right: 10px; width: 1px; height: 18px; background: #fff; float: left } .jiameng-header .jiameng-logo .jiameng-logo-left .jiameng-logo-left-info { display: block; margin-top: 22px; width: 436px; height: 24px; font-size: 24px; font-family: Microsoft YaHei UI; font-weight: 700; color: #fff; line-height: 21px; float: left } .jiameng-header .jiameng-logo .jiameng-logo-right { float: right; width: 216px } .jiameng-header .jiameng-logo .jiameng-logo-right img { display: block; width: 40px; height: 40px; margin-top: 11px; float: left } .jiameng-header .jiameng-logo .jiameng-logo-right .jiameng-logo-right-info { margin-top: 11px; margin-left: 10px; width: 166px; float: left } .jiameng-header .jiameng-logo .jiameng-logo-right .jiameng-logo-right-info .jiameng-logo-right-top { width: 110px; height: 20px; font-size: 18px; font-family: Microsoft YaHei UI; font-weight: 400; color: #fff; line-height: 21px } .jiameng-header .jiameng-logo .jiameng-logo-right .jiameng-logo-right-info .jiameng-logo-right-bottom { width: 166px; height: 20px; font-size: 24px; font-family: Microsoft YaHei UI; font-weight: 700; color: #fff; line-height: 21px } .jiameng-header .jiameng-title { width: 1200px; height: 240px; margin: 126px auto 0; text-align: center } .jiameng-header .jiameng-title .jiameng-title-top { margin-bottom: 60px; height: 44px; font-size: 44px; font-family: YouSheBiaoTiHei; font-weight: 700; color: #fff; line-height: 92px; font-style: italic } .jiameng-header .jiameng-title .jiameng-title-bottom { height: 40px; font-size: 40px; font-family: YouSheBiaoTiHei; font-weight: 700; color: #fff; line-height: 92px; font-style: italic } .jiameng-header .jiameng-info_1 { margin: auto; width: 1200px; margin-top: 130px } .jiameng-header .jiameng-info_1 .jiameng-info_1-title .jiameng-info_1-title-top { color: #fff; opacity: .8 } .jiameng-header .jiameng-info_1 .jiameng-info_1-title .jiameng-info_1-title-bottom { color: #fff; font-weight: 700 } .jiameng-header .jiameng-info_1 .jiameng-info_1-box { margin: auto; width: 1200px; margin-top: 30px } .jiameng-header .jiameng-info_1 .jiameng-info_1-box .jiameng-info_1-list { margin-right: 20px; width: 285px; height: 328px; background: #fff; box-shadow: 0 5px 24px 0 rgba(56, 56, 56, .16); border-radius: 10px; float: left; position: relative } .jiameng-header .jiameng-info_1 .jiameng-info_1-box .jiameng-info_1-list img { position: absolute; top: 0; left: 0; width: 285px; height: 180px; border-radius: 10px 10px 0 0; z-index: 1 } .jiameng-header .jiameng-info_1 .jiameng-info_1-box .jiameng-info_1-list .jiameng-info_1-list-top { position: relative; margin-top: 40px; width: 285px; height: 140px; text-align: center; font-size: 80px; font-family: Microsoft YaHei UI; font-weight: 700; color: #fff; z-index: 2; line-height: normal } .jiameng-header .jiameng-info_1 .jiameng-info_1-box .jiameng-info_1-list .jiameng-info_1-list-top span { font-size: 30px } .jiameng-header .jiameng-info_1 .jiameng-info_1-box .jiameng-info_1-list .jiameng-info_1-list-bottom { margin-top: 17px; margin-left: 12px; width: 261px; font-size: 17px; font-family: Microsoft YaHei UI; font-weight: 400; color: #484848; line-height: 26px; text-align: justify } .jiameng-header .jiameng-info_1 .jiameng-info_1-box .jiameng-info_1-list .bslack-hides { position: absolute; top: 0; width: 100%; height: 180px; background-color: rgba(0, 0, 0, .5); z-index: 1; border-radius: 10px 10px 0 0 } .jiameng-gaikuo { width: 100%; margin: auto; max-width: 1920px; height: 900px; background-image: url("/themes/bianchengxia/img/bcxweb-new/gaikuo—Backgroud.png"); background-position: top; background-repeat: no-repeat } .jiameng-gaikuo .jiameng-gaikuo-title { padding-top: 110px } .jiameng-gaikuo .jiameng-gaikuo-title .jiameng-gaikuo-title-top { color: #34adc6 } .jiameng-gaikuo .jiameng-gaikuo-title .jiameng-gaikuo-title-bottom { color: #202020 } .jiameng-gaikuo .jiameng-gaikuo-swiper { width: 1200px; margin: auto; height: 400px; position: relative; - -swiper-theme-color: #f60; - -swiper-navigation-color: #b9b2a8; - -swiper-navigation-size: 30px } .jiameng-gaikuo .jiameng-gaikuo-swiper .swiper-button-prev { left: 70px; outline: none } .jiameng-gaikuo .jiameng-gaikuo-swiper .swiper-button-prev:hover { color: #34adc6 } .jiameng-gaikuo .jiameng-gaikuo-swiper .swiper-button-next { right: 70px; outline: none } .jiameng-gaikuo .jiameng-gaikuo-swiper .swiper-button-next:hover { color: #34adc6 } .jiameng-gaikuo .jiameng-gaikuo-tip { width: 1200px; margin: auto; margin-top: 60px; text-align: center; font-size: 30px; font-family: Microsoft YaHei; font-weight: 400; color: #202020 } .jiameng-youshi { width: 100%; margin: auto; max-width: 1920px; height: 1237px; background-image: url("/themes/bianchengxia/img/bcxweb-new/zhaoshang_bg_05.png"); background-position: top; background-repeat: no-repeat } .jiameng-youshi .jiameng-youshi-title { padding-top: 39px } .jiameng-youshi .jiameng-youshi-title .jiameng-youshi-title-top { color: #34adc6 } .jiameng-youshi .jiameng-youshi-title .jiameng-youshi-title-bottom { color: #202020 } .jiameng-youshi .jiameng-youshi-box { width: 1200px; margin: auto; margin-top: 99px } .jiameng-youshi .jiameng-youshi-box .jiameng-youshi-list { position: relative; margin-right: 45px; margin-bottom: 68px; width: 370px; height: 410px; background: #fff; box-shadow: 0 5px 24px 0 hsla(0, 0%, 45%, .16); border-radius: 10px; float: left; transition: all .5s; cursor: pointer } .jiameng-youshi .jiameng-youshi-box .jiameng-youshi-list .jiameng-youshi-list-img_1 { position: absolute; top: 0; left: 0; width: 370px; height: 215px; border-radius: 10px 10px 0 0; z-index: 1 } .jiameng-youshi .jiameng-youshi-box .jiameng-youshi-list .jiameng-youshi-list-img_2 { position: absolute; top: 150px; left: 125px; width: 120px; height: 120px; border-radius: 50%; z-index: 2 } .jiameng-youshi .jiameng-youshi-box .jiameng-youshi-list .jiameng-youshi-list-content { position: absolute; top: 288px; left: 0; width: 370px; text-align: center; font-size: 30px; font-family: Microsoft YaHei UI; font-weight: 400; color: #484848; z-index: 2; line-height: normal } .jiameng-youshi .jiameng-youshi-box .jiameng-youshi-list:hover { transform: translateY(-10px) } .jiameng-quanyi { height: 948px; background-image: url("/themes/bianchengxia/img/bcxweb-new/zhaoshang_bg_01.png") } .jiameng-ditu, .jiameng-quanyi { width: 100%; margin: auto; max-width: 1920px; background-position: top; background-repeat: no-repeat } .jiameng-ditu { height: 1064px; background-image: url("/themes/bianchengxia/img/bcxweb-new/zhaoshang_bg_02.png"); margin-bottom: -2px } .jiameng-ditu .jiameng-ditu-title { padding-top: 80px } .jiameng-ditu .jiameng-ditu-title .jiameng-ditu-title-top { color: #fff; opacity: .8 } .jiameng-ditu .jiameng-ditu-title .jiameng-ditu-title-bottom { color: #fff } .jiameng-hezuo { width: 100%; margin: auto; max-width: 1920px; height: 816px; background-image: url("/themes/bianchengxia/img/bcxweb-new/zhaoshang_bg_03.png"); background-position: top; background-repeat: no-repeat } .jiameng-hezuo .jiameng-hezuo-title { padding-top: 121px } .jiameng-hezuo .jiameng-hezuo-title .jiameng-hezuo-title-top { color: #34adc6; opacity: .8 } .jiameng-hezuo .jiameng-hezuo-title .jiameng-hezuo-title-bottom { color: #202020 } .jiameng-liucheng { width: 100%; margin: auto; max-width: 1920px; height: 619px; background-image: url("/themes/bianchengxia/img/bcxweb-new/zhaoshang_bg_04.png"); background-position: top; background-repeat: no-repeat } .jiameng-liucheng .jiameng-liucheng-title { padding-top: 79px } .jiameng-liucheng .jiameng-liucheng-title .jiameng-liucheng-title-top { color: #fff } .jiameng-liucheng .jiameng-liucheng-title .jiameng-liucheng-title-bottom { color: #202020 } .jiameng-zixun-container { position: fixed; top: 0; left: 0; bottom: 0; margin: auto; width: 100%; height: 100%; z-index: 999; background-color: rgba(0, 0, 0, .5) } .jiameng-zixun-container .jiameng-zixun-model { position: absolute; top: 25%; bottom: 0; left: 0; right: 0; width: 758px; height: 754px; margin: 0 auto; z-index: 9999; line-height: normal } .jiameng-zixun-container .jiameng-zixun-model .jiameng-zixun-img-bg img { position: absolute; width: 758px; height: 428px; z-index: 10 } .jiameng-zixun-container .jiameng-zixun-model .jiameng-zixun-content-box { position: relative; margin-left: 418px; width: 340px; z-index: 12 } .jiameng-zixun-container .jiameng-zixun-model .jiameng-zixun-content-box .jiameng-zixun-tip_1 { padding-top: 33px; width: 130px; height: 50px; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #b9b9b9; line-height: normal } .jiameng-zixun-container .jiameng-zixun-model .jiameng-zixun-content-box .jiameng-zixun-tip_2 { margin-top: 16px; margin-bottom: 16px; width: 300px; height: 31px; font-size: 24px; font-family: Source Han Sans SC; font-weight: 500; color: #5ec3d7; line-height: normal } .jiameng-zixun-container .jiameng-zixun-model .jiameng-zixun-content-box .jiameng-zixun-tip_2 span { color: #202020 } .jiameng-zixun-container .jiameng-zixun-model .jiameng-zixun-content-box form .jiameng-zixun-form-input { width: 280px; height: 30px; margin-bottom: 20px } .jiameng-zixun-container .jiameng-zixun-model .jiameng-zixun-content-box form .jiameng-zixun-form-input input { padding-left: 10px; width: 280px; height: 30px; border: 1px solid #e5e5e5; border-radius: 4px; outline: none } .jiameng-zixun-container .jiameng-zixun-model .jiameng-zixun-content-box form .jiameng-zixun-form-input input ::-webkit-input-placeholder { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #a0a0a0 } .jiameng-zixun-container .jiameng-zixun-model .jiameng-zixun-content-box form .jiameng-zixun-form-input input ::-moz-placeholder { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #a0a0a0 } .jiameng-zixun-container .jiameng-zixun-model .jiameng-zixun-content-box form .jiameng-zixun-form-input input :-ms-input-placeholder { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #a0a0a0 } .jiameng-zixun-container .jiameng-zixun-model .jiameng-zixun-content-box form .jiameng-zixun-form-input input :-moz-placeholder { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #a0a0a0 } .jiameng-zixun-container .jiameng-zixun-model .jiameng-zixun-content-box form .jiameng-zixun-form-textarea { width: 280px; height: 70px; margin-bottom: 24px } .jiameng-zixun-container .jiameng-zixun-model .jiameng-zixun-content-box form .jiameng-zixun-form-textarea textarea { padding: 10px; width: 280px; height: 70px; border: 1px solid #e5e5e5; border-radius: 4px; outline: none } .jiameng-zixun-container .jiameng-zixun-model .jiameng-zixun-content-box form .jiameng-zixun-form-textarea textarea ::-webkit-input-placeholder { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #a0a0a0 } .jiameng-zixun-container .jiameng-zixun-model .jiameng-zixun-content-box form .jiameng-zixun-form-textarea textarea ::-moz-placeholder { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #a0a0a0 } .jiameng-zixun-container .jiameng-zixun-model .jiameng-zixun-content-box form .jiameng-zixun-form-textarea textarea :-ms-input-placeholder { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #a0a0a0 } .jiameng-zixun-container .jiameng-zixun-model .jiameng-zixun-content-box form .jiameng-zixun-form-textarea textarea :-moz-placeholder { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #a0a0a0 } .jiameng-zixun-container .jiameng-zixun-model .jiameng-zixun-content-box form .jiameng-zixun-form-submit { width: 200px; height: 40px; font-size: 20px; background: linear-gradient(0deg, rgba(90, 197, 233, .8), rgba(109, 218, 249, .8)); border-radius: 20px; text-align: center; font-weight: 500; color: #fff; outline: none; border: 0; line-height: 40px } .jiameng-zixun-container .jiameng-zixun-model .jiameng-zixun-model-close { position: absolute; top: 18px; right: 24px; width: 20px; height: 20px; z-index: 12 } .jiameng-zixun-container .jiameng-zixun-model .jiameng-zixun-model-close img { width: 20px; height: 20px; cursor: pointer } .jiameng-mobile-index { width: 100%; height: auto } .jiameng-mobile-index img { width: 100%; height: 100% } .jiameng-mobile-index .moble-lunb img { width: 5.8rem; background: #fff; box-shadow: 0 .05rem .24rem 0 rgba(52, 173, 198, .32); border-radius: 0 0 .2rem .2rem } .jiameng-mobile-form { position: absolute; top: 2.15rem; left: .3rem; width: 6.9rem; z-index: 10 } .jiameng-mobile-form img { width: 100% } .jiameng-mobile-form .mobile-form { position: absolute; width: 100%; top: 1.2rem; left: 0; z-index: 12 } .jiameng-mobile-form .mobile-form .mobile-form-group { padding-left: .6rem; margin-bottom: .24rem } .jiameng-mobile-form .mobile-form .mobile-form-group .mobile-control-label { float: left; margin-top: .15rem; width: 1.4rem; font-size: 12px; font-weight: 500; color: #999 } .jiameng-mobile-form .mobile-form .mobile-form-group .mobile-control-label span { color: red; margin-right: 2px } .jiameng-mobile-form .mobile-form .mobile-form-group .mobile-controls { float: left; width: 4.25rem } .jiameng-mobile-form .mobile-form .mobile-form-group .mobile-controls input { border-radius: .04rem } .jiameng-mobile-form .mobile-form .form-group__1 { height: .54rem } .jiameng-mobile-form .mobile-form .form-group__1 .mobile-controls select { width: 100%; height: .54rem; border: 1px solid #c7c7c7 } .jiameng-mobile-form .mobile-form .form-group__1:first-child { margin-bottom: .2rem } .jiameng-mobile-form .mobile-form .form-group__1:first-child .mobile-controls select { width: 2.02rem; height: .54rem; margin-right: .2rem; border-radius: .04rem; float: left } .jiameng-mobile-form .mobile-form .form-group__1:first-child .mobile-controls select:nth-child(2) { margin-right: 0 } .jiameng-mobile-form .mobile-form .form-group__1:first-child .mobile-control-label { margin-top: .05rem } .jiameng-mobile-form .mobile-form .form-group__2 { height: .8rem } .jiameng-mobile-form .mobile-form .form-group__2 .mobile-controls input { padding-left: .2rem; width: 100%; height: .8rem; border: 1px solid #c7c7c7; outline: none } .jiameng-mobile-form .mobile-form .form-group__2 .mobile-controls ::-webkit-input-placeholder { font-size: 12px; font-weight: 500; color: #c7c7c7 } .jiameng-mobile-form .mobile-form .form-group__2 .mobile-controls ::-moz-placeholder { font-size: 12px; font-weight: 500; color: #c7c7c7 } .jiameng-mobile-form .mobile-form .form-group__2 .mobile-controls :-ms-input-placeholder { font-size: 12px; font-weight: 500; color: #c7c7c7 } .jiameng-mobile-form .mobile-form .form-group__2 .mobile-controls :-moz-placeholder { font-size: 12px; font-weight: 500; color: #c7c7c7 } .jiameng-mobile-form .mobile-form .form-group__3 { height: .37rem } .jiameng-mobile-form .mobile-form .form-group__3 .mobile-controls { font-size: 12px; font-weight: 500; color: #c7c7c7 !important; line-height: normal } .jiameng-mobile-form .mobile-form .form-group__3 .mobile-controls label { margin-right: .05rem } .jiameng-mobile-form .mobile-form .form-group__3 .mobile-control-label { margin-top: 0 } .jiameng-mobile-form .mobile-form .form-group__4 { margin-bottom: .6rem; height: 1.73rem } .jiameng-mobile-form .mobile-form .form-group__4 textarea { padding-left: .2rem; width: 5.64rem; height: 1.73rem; border-radius: .04rem } .jiameng-mobile-form .mobile-form .form-group__4 ::-webkit-input-placeholder { font-size: 12px; font-weight: 500; color: #c7c7c7 } .jiameng-mobile-form .mobile-form .form-group__4 ::-moz-placeholder { font-size: 12px; font-weight: 500; color: #c7c7c7 } .jiameng-mobile-form .mobile-form .form-group__4 :-ms-input-placeholder { font-size: 12px; font-weight: 500; color: #c7c7c7 } .jiameng-mobile-form .mobile-form .form-group__4 :-moz-placeholder { font-size: 12px; font-weight: 500; color: #c7c7c7 } .jiameng-mobile-form .mobile-form-submit { display: block; margin: 0 auto; width: 4.69rem; height: .91rem; font-size: 15px; font-weight: 500; text-align: center; color: #fff; background: linear-gradient(190deg, #2eced5, #45b7ca); box-shadow: 0 .2rem .29rem 0 rgba(37, 204, 212, .2); border: 0; border-radius: .51rem; line-height: .91rem } .jiameng-moble-footer-qrcode { position: absolute; top: 98.4rem; left: 2.5rem; width: 2.56rem; z-index: 10 } .jiameng-moble-footer-qrcode img { width: 100%; height: 100%; border-radius: 4% } .jiameng-mobile-footer-div__1 { top: 101.1rem; font-weight: 500; color: #fff } .jiameng-mobile-footer-copyright, .jiameng-mobile-footer-div__1 { position: absolute; width: 100%; text-align: center; font-size: 12px; z-index: 10 } .jiameng-mobile-footer-copyright { top: 101.95rem; transform: scale(.8); font-weight: 400; color: #666; line-height: 28px; opacity: .5 } .jiameng-fiexdfooter { position: fixed; bottom: 0; width: 100%; height: 55px; background: #fff; box-shadow: 0 3px 10px 0 hsla(210, 2%, 56%, .18); z-index: 99; font-size: 24px; font-weight: 700; line-height: 55px; color: #202020 } .jiameng-fiexdfooter .center-jm { width: 1200px; margin: auto; display: flex; justify-content: space-between } .jiameng-fiexdfooter .center-jm img { width: 130px; height: 44px; margin-top: 5px } .jiameng-fiexdfooter .center-jm .shu_line { width: 1px; height: 40px; background-color: #30acc6; opacity: .5; display: inline-block; margin-top: 10px; margin-left: 20px; margin-right: 20px } .jiameng-fiexdfooter .center-jm .red { color: #f04141; margin-left: 10px } .jiameng-fiexdfooter .center-jm .wx-li { width: 200px; height: 41px; line-height: 41px; text-align: center; background: #f66162; border-radius: 5px; display: inline-block; margin-left: 50px; font-size: 16px; color: #fff; margin-top: 7px; cursor: pointer } .shcool-navtwogd { display: none; background: #2ad6e0; position: fixed } .shcool-navtwogd .active, .shcool-navtwogd li:hover { background-color: hsla(0, 0%, 100%, .25) } .shcool-navtwo { background: rgba(0, 0, 0, .2) } .shcool-navtwo .active, .shcool-navtwo li:hover { background: rgba(0, 0, 0, .1) } .shcool-navtwo, .shcool-navtwogd { width: 100%; height: 70px; line-height: 70px } .shcool-navtwo .loso, .shcool-navtwogd .loso { width: 203px; height: 44px; margin-top: 11px } .shcool-navtwo .centers, .shcool-navtwogd .centers { width: 1200px; margin: auto; display: flex } .shcool-navtwo .to-futureclass, .shcool-navtwogd .to-futureclass { display: block; width: 140px; height: 44px; line-height: 44px; background: #fb6d42; border-radius: 22px; text-align: center; color: #fff; font-size: 18px; margin-top: 13px; margin-left: auto } .shcool-navtwogd nav, .shcool-navtwo nav { margin-left: 60px } .shcool-navtwogd nav ul, .shcool-navtwo nav ul { display: flex; justify-content: space-around } .shcool-navtwogd nav ul li, .shcool-navtwo nav ul li { padding: 0 40px; height: 70px } .shcool-navtwogd nav ul li a, .shcool-navtwo nav ul li a { color: #fff; font-size: 18px; display: inline-block } .shceoltop-banner { width: 100%; max-width: 1920px; height: 640px; background-position: top; background-repeat: no-repeat; margin-top: 40px } .shcoolcetner { width: 1200px; margin: auto } .shcoolcetner, .shcoolcetner .top-margin30 { display: flex; justify-content: space-between } .shcoolcetner .top-margin30 { margin-top: 115px; margin-bottom: 150px; width: 1140px } .shcoolcetner .futurer-pright { margin-top: 40px } .shcoolcetner .futurer-pright p { width: 435px; text-align: justify; font-size: 18px; color: #666; padding-top: 30px; padding-bottom: 40px } .shcoolcetner .futurer-pright .log-fonts { font-size: 26px; color: #333 } .shcoolcetner .futurer-pright .log-fonts img { margin-top: -7px; margin-right: 6px } .shcoolcetner .futurer-pright h2 { font-size: 40px; color: #333 } .shcoolcetner .futurer-pright .enter-ajs { width: 190px; height: 56px; line-height: 56px; text-align: center; color: #fff; display: block; font-size: 18px; background: #2ad6e0; border-radius: 28px; transition: all .5s } .shcoolcetner .futurer-pright .enter-ajs:hover { background: #1fc9d3 } .scbg-left { left: 0; bottom: -563px } .scbg-left, .scbg-rightt { position: absolute; z-index: -1 } .scbg-rightt { right: 0; top: 0 } .distr-maptop { width: 100%; max-width: 1920px; height: 736px; background-image: url(/themes/bianchengxia/img/bcxweb-new/fenbu_02.jpg); background-position: top; background-repeat: no-repeat; background-size: cover } .distr-contact, .ten-service { text-align: center; position: relative } .distr-contact h2, .ten-service h2 { font-size: 36px; color: #202020; position: absolute; top: 110px; left: 0; right: 0; margin: auto } .distr-contact h3, .ten-service h3 { font-size: 36px; color: #fff; position: absolute; top: 80px; left: 0; right: 0; margin: auto } .distr-contact .bg, .ten-service .bg { width: 100% } .distr-contact .flex-div, .ten-service .flex-div { display: flex; width: 1206px; position: absolute; left: 0; right: 0; bottom: -100px; justify-content: space-around; height: 271px; color: #333; font-size: 30px; margin: auto; text-align: left; background: #fff; box-shadow: 0 3px 21px 0 hsla(0, 0%, 56%, .2) } .distr-contact .flex-div img, .ten-service .flex-div img { width: 148px; height: 148px; margin-top: 62px } .distr-contact .flex-div .one, .ten-service .flex-div .one { padding-top: 85px; padding-bottom: 40px } .bcxdis-hezuo { margin-top: 150px; padding-bottom: 100px } .bcxdis-hezuo .center { width: 1200px; margin: auto; text-align: center } .bcxdis-hezuo .center h2 { font-size: 36px; color: #202020; padding-top: 80px; padding-bottom: 40px } .campus-xxttop { background-image: url(/themes/bianchengxia/img/bcxweb-new/xxxtb_02.jpg) } .campus-wljstop { background-image: url(/themes/bianchengxia/img/bcxweb-new/wsjs_02.jpg) } .campus-wljstop p { font-size: 26px !important } .campus-wljstop h2 { padding-bottom: 10px !important } .campus-wljstop a { color: #1fc9d3 !important; margin-top: 70px !important } .campus-wljstop, .campus-xxttop { width: 100%; max-width: 1920px; height: 625px; background-position: top; background-repeat: no-repeat; background-size: cover; text-align: center; margin-top: 40px } .campus-wljstop h2, .campus-xxttop h2 { font-size: 40px; color: #fff; padding-top: 135px; padding-bottom: 30px } .campus-wljstop p, .campus-xxttop p { width: 1200px; text-align: justify; font-size: 16px; color: #fff; margin: auto; margin-bottom: 40px; line-height: 28px } .campus-wljstop a, .campus-xxttop a { display: block; width: 190px; color: #378ffb; margin: auto; margin-bottom: 40px; font-size: 22px; height: 56px; line-height: 56px; background: #fff; border-radius: 28px } .xxt-bright { text-align: center; position: relative } .xxt-bright .bg_sleft { position: absolute; left: 0; bottom: 40px; z-index: -1 } .xxt-bright .bg_sright { position: absolute; right: 0; bottom: 40px; z-index: -1 } .xxt-bright h2 { color: #202020; font-size: 36px; padding-top: 350px; padding-bottom: 40px } .xxt-bright ul { width: 1200px; margin: auto; display: flex; justify-content: space-between; flex-wrap: wrap } .xxt-bright ul li { width: 50%; margin-bottom: 90px } .xxt-bright ul li h3 { color: #333; font-size: 26px; padding-top: 10px; padding-bottom: 15px } .xxt-bright ul li p { width: 340px; text-align: justify; color: #666; font-synthesis: 16px; margin: auto; font-size: 18px; line-height: 26px } .xxtad-futureclass { background-color: #f5f7f9; padding-bottom: 120px } .xxtad-futureclass .center { width: 1200px; margin: auto } .xxtad-futureclass .center h2 { color: #202020; font-size: 36px; padding: 92px 0; text-align: center } .xxtad-futureclass .center ul { display: flex; justify-content: space-between; margin: auto } .xxtad-futureclass .center ul li { width: 373px; height: 360px; text-align: center; background: #fff; box-shadow: 0 6px 27px 0 hsla(0, 0%, 66%, .2); border-radius: 20px; transition: all .5s } .xxtad-futureclass .center ul li img { margin: auto; margin-top: 65px; margin-bottom: 30px } .xxtad-futureclass .center ul li h3 { font-size: 26px; color: #333 } .xxtad-futureclass .center ul li:hover { transform: translateY(-10px) } .swiper-indexactive { position: relative; - -swiper-navigation-color: #b9b2a8; - -swiper-navigation-size: 30px; margin-top: 40px } .swiper-indexactive .swiper-button-prev { outline: none; color: hsla(0, 0%, 100%, .5); width: 66px; height: 66px; background: rgba(0, 0, 0, .2); border-radius: 50%; top: 45%; left: 10%; opacity: 0; transition: all .5s } .swiper-indexactive img { width: 100% } .swiper-indexactive .swiper-button-prev:hover { color: #fff } .swiper-indexactive .swiper-button-next { outline: none; color: hsla(0, 0%, 100%, .5); width: 66px; height: 66px; background: rgba(0, 0, 0, .2); border-radius: 50%; top: 45%; right: 10%; transition: all .5s; opacity: 0 } .swiper-indexactive .swiper-button-next:hover { color: #fff } .swiper-indexactive:hover .swiper-button-next, .swiper-indexactive:hover .swiper-button-prev { opacity: 1 } .interactive-classroom { width: 100%; max-width: 1920px; height: 700px; background-position: top; background-repeat: no-repeat; background-size: cover; text-align: center; background-image: url(/themes/bianchengxia/img/bcxweb-new/wsjs_04.jpg); - -swiper-navigation-color: #b9b2a8; - -swiper-navigation-size: 30px } .interactive-classroom .swiper-button-prev { outline: none; color: hsla(0, 0%, 100%, .5); width: 66px; height: 66px; background: hsla(0, 0%, 100%, .3); border-radius: 50%; top: 45%; left: 10%; opacity: 0; transition: all .5s } .interactive-classroom .swiper-button-prev:hover { color: #34adc6 } .interactive-classroom .swiper-button-next { outline: none; color: hsla(0, 0%, 100%, .5); width: 66px; height: 66px; background: hsla(0, 0%, 100%, .3); border-radius: 50%; top: 45%; right: 10%; transition: all .5s; opacity: 0 } .interactive-classroom .swiper-button-next:hover { color: #34adc6 } .interactive-classroom h2 { font-size: 36px; color: #fff; padding-top: 60px; padding-bottom: 100px } .interactive-classroom :hover .swiper-button-next, .interactive-classroom :hover .swiper-button-prev { opacity: 1 } .online-classroomes { padding-bottom: 135px; position: relative } .online-classroomes .center { width: 1200px; margin: auto } .online-classroomes .center h2 { font-size: 36px; color: #202020; padding-top: 190px; text-align: left; padding-bottom: 30px } .online-classroomes .center ul { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap } .online-classroomes .center ul li { width: 580px; height: 320px; text-align: center; margin-bottom: 37px; background: #fff; box-shadow: 0 3px 27px 0 rgba(31, 201, 211, .1) } .online-classroomes .center ul li p { color: #333; font-size: 26px } .online-classroomes .center ul li img { margin: auto; margin-top: 65px; margin-bottom: 40px } .online-classroomes .center ul li:first-child { transform: translateY(40px) } .online-classroomes .bg { position: absolute; right: 0; top: 95px; z-index: -1; height: 100% } .education-needdiv { text-align: center; padding-bottom: 150px } .education-needdiv h2 { font-size: 36px; color: #202020; padding-top: 90px; padding-bottom: 30px } .education-needdiv ul { width: 1200px; display: flex; margin: auto; justify-content: space-between; text-align: center } .education-needdiv ul li img { margin-bottom: 50px } .education-needdiv ul li h3 { font-size: 26px; color: #333 } .education-needdiv ul li p { width: 180px; color: #666; font-size: 18px; margin: auto; line-height: 26px } .service-cooperationdiv { width: 100%; max-width: 1920px; height: 790px; background-position: top; background-repeat: no-repeat; background-size: cover; text-align: center; background-image: url(/themes/bianchengxia/img/bcxweb-new/bgglx_02.jpg) } .service-cooperationdiv h2 { color: #fff; font-size: 36px; margin: 0; padding-top: 85px; padding-bottom: 70px } .service-cooperationdiv ul { display: flex; width: 1200px; justify-content: space-between; flex-wrap: wrap; margin: auto } .service-cooperationdiv ul li { width: 33.3%; color: #fff; margin-bottom: 70px } .service-cooperationdiv ul li img { margin-bottom: 34px } .service-cooperationdiv ul li h3 { margin: 0; font-size: 26px; padding-bottom: 15px } .service-cooperationdiv ul li p { font-size: 16px } .standard-teachingd { position: relative; text-align: center; padding-bottom: 110px } .standard-teachingd .bg { width: 92% } .standard-teachingd h2 { margin: 0; padding-top: 114px; padding-bottom: 68px; color: #202020; font-size: 36px } .standard-teachingd .left-bg { position: absolute; bottom: -50px; left: 0; z-index: -1 } .standard-teachingd .right-bg { position: absolute; top: 50px; right: 0; z-index: -1 } .cooperative-casedi { position: relative; - -swiper-navigation-color: #b9b2a8; - -swiper-navigation-size: 30px } .cooperative-casedi .swiper-button-prev { outline: none; color: hsla(0, 0%, 100%, .5); width: 66px; height: 66px; background: hsla(0, 0%, 100%, .3); border-radius: 50%; top: 50%; left: 5%; opacity: 0; transition: all .5s } .cooperative-casedi .swiper-button-prev:hover { color: #34adc6 } .cooperative-casedi .swiper-button-next { outline: none; color: hsla(0, 0%, 100%, .5); width: 66px; height: 66px; background: hsla(0, 0%, 100%, .3); border-radius: 50%; top: 50%; right: 5%; transition: all .5s; opacity: 0 } .cooperative-casedi .swiper-button-next:hover { color: #34adc6 } .cooperative-casedi h2 { color: #202020; font-size: 36px; padding-bottom: 45px; margin: 0; text-align: center } .cooperative-casedi .bg-slid, .cooperative-casedi .bg-slid2 { width: 100%; max-width: 1920px; height: 730px; background-position: top; background-repeat: no-repeat; background-size: cover; text-align: center; background-image: url(/themes/bianchengxia/img/bcxweb-new/glx42_41.jpg) } .cooperative-casedi .bg-slid2 .center, .cooperative-casedi .bg-slid .center { width: 1200px; margin: auto } .cooperative-casedi .bg-slid2 .center .garl-bg, .cooperative-casedi .bg-slid .center .garl-bg { width: 600px; height: 730px; background: #f2f2f2 } .cooperative-casedi .bg-slid2 .center .garl-bg h3, .cooperative-casedi .bg-slid .center .garl-bg h3 { font-size: 30px; color: #333; margin: 0; padding-top: 90px; padding-bottom: 30px } .cooperative-casedi .bg-slid2 .center .garl-bg p, .cooperative-casedi .bg-slid .center .garl-bg p { width: 505px; text-align: justify; margin: auto; color: #666; font-size: 18px; margin-top: 32px; line-height: 26px } .cooperative-casedi .bg-slid2 .center .garl-bg h4, .cooperative-casedi .bg-slid .center .garl-bg h4 { width: 110px; height: 52px; line-height: 52px; font-size: 20px; color: #fff; background: #1fc9d3; border-radius: 26px; text-align: center; margin: 40px 0 14px 45px } .cooperative-casedi .bg-slid2 .center .garl-bg .p, .cooperative-casedi .bg-slid .center .garl-bg .p { color: #333; font-size: 20px; text-align: left; margin-left: 55px; line-height: 26px; width: 498px } .cooperative-casedi .bg-slid2 { background-image: url(/themes/bianchengxia/img/bcxweb-new/syglx_16.jpg) } .cooperative-casedi:hover .swiper-button-next, .cooperative-casedi:hover .swiper-button-prev { opacity: 1 } .other-shcoolsdi { background-color: #f7f6fd; text-align: center; padding-bottom: 60px } .other-shcoolsdi h2 { color: #202020; font-size: 36px; padding-top: 85px; padding-bottom: 50px; margin: auto } .other-shcoolsdi ul { width: 1200px; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between } .other-shcoolsdi ul li { width: 285px; background: #fff; box-shadow: 0 2px 20px 0 rgba(17, 52, 142, .03); border-radius: 10px; overflow: hidden; margin-bottom: 50px } .other-shcoolsdi ul li .img-bg { width: 285px; height: 170px; overflow: hidden } .other-shcoolsdi ul li p { color: #333; font-size: 18px; padding: 12px 0 } .other-shcoolsdi ul li img { transition: all .5s } .other-shcoolsdi ul li img:hover { transform: scale(1.06) } @media screen and (max-width:1680px) { .teacher-info-main .teacher-haoping .teacher-haoping-swiper .swiper-container { width: 90% } } @media screen and (max-width:1640px) { .newcourse-top { height: 550px; background-size: 100% } .jiameng-ditu { height: 900px; background-size: cover } .jiameng-title-container .jiameng-title-container-top { font-size: 25px } .jiameng-title-container .jiameng-title-container-bottom { font-size: 40px } .shceoltop-banner { height: 502px } .cooperative-casedi .bg-slid, .cooperative-casedi .bg-slid2 { height: 550px } .cooperative-casedi .bg-slid2 .center, .cooperative-casedi .bg-slid .center { width: 985px } .cooperative-casedi .bg-slid2 .center .garl-bg, .cooperative-casedi .bg-slid .center .garl-bg { width: 450px } .cooperative-casedi .bg-slid2 .center .garl-bg h4, .cooperative-casedi .bg-slid .center .garl-bg h4 { width: 83px; height: 39px; line-height: 39px; font-size: 16px; margin-top: 5px } .cooperative-casedi .bg-slid2 .center .garl-bg .p, .cooperative-casedi .bg-slid .center .garl-bg .p { width: 399px; font-size: 16px; padding-bottom: 10px; margin-top: 15px } .cooperative-casedi .bg-slid2 .center .garl-bg h3, .cooperative-casedi .bg-slid .center .garl-bg h3 { font-size: 22px; padding-top: 49px; padding-bottom: 22px } .cooperative-casedi .bg-slid2 .center .garl-bg p, .cooperative-casedi .bg-slid .center .garl-bg p { width: 380px; font-size: 14px; line-height: 24px; padding-bottom: 15px } .other-shcoolsdi h2 { font-size: 28px; padding-top: 64px; padding-bottom: 40px } .other-shcoolsdi ul { width: 985px } .other-shcoolsdi ul li { width: 220px; height: 166px } .other-shcoolsdi ul li p { font-size: 14px; padding: 6px } .other-shcoolsdi ul li .img-bg { width: 100%; height: 129px } .other-shcoolsdi ul li img { height: 129px } .standard-teachingd { padding-bottom: 90px } .standard-teachingd h2 { font-size: 28px; padding-top: 80px; padding-bottom: 50px } .service-cooperationdiv { height: 600px } .service-cooperationdiv h2 { font-size: 28px; padding-top: 65px; padding-bottom: 50px } .service-cooperationdiv ul { width: 985px } .service-cooperationdiv ul li h3 { font-size: 20px; padding-bottom: 10px } .service-cooperationdiv ul li p { font-size: 14px } .service-cooperationdiv ul li img { width: 90px; margin-bottom: 25px } .distr-contact .flex-div { width: 880px; height: 200px; font-size: 22px } .distr-contact .flex-div .one { padding-top: 64px; padding-bottom: 35px } .distr-contact .flex-div img { width: 110px; height: 110px; margin-top: 46px } .education-needdiv { padding-bottom: 80px } .education-needdiv h2 { font-size: 28px; padding-top: 70px; padding-bottom: 44px } .education-needdiv ul { width: 985px } .education-needdiv ul li img { margin-bottom: 15px } .education-needdiv ul li h3 { font-size: 20px } .education-needdiv ul li p { font-size: 14px; line-height: 22px } .education-needdiv ul li:first-child>img { width: 166px } .education-needdiv ul li:nth-child(2)>img { width: 177px } .education-needdiv ul li:nth-child(3)>img { width: 144px } .education-needdiv ul li:nth-child(4)>img { width: 157px } .shcoolcetner { width: 985px } .shcoolcetner .top-margin30>img { width: 455px } .shcoolcetner .top-margin30 { margin-bottom: 80px } .shcoolcetner .futurer-pright h2 { font-size: 32px } .shcoolcetner .futurer-pright p { font-size: 16px } .shcoolcetner .futurer-pright .enter-ajs { width: 156px; height: 46px; line-height: 46px } .shcoolcetner .futurer-pright .log-fonts { font-size: 22px } .shcoolcetner .futurer-pright .log-fonts img { width: 21px; margin-right: 4px; margin-bottom: -3px } .teacher-info-main .teacher-haoping .teacher-haoping-swiper .swiper-container { width: 100% } .campus-xxttop { height: 550px } .campus-xxttop a { width: 144px; height: 42px; line-height: 42px; font-size: 16px } .campus-xxttop h2 { font-size: 30px; padding-bottom: 12px } .campus-xxttop img { width: 542px; height: 342px } .campus-xxttop p { width: 958px; font-size: 14px; margin-bottom: 20px } .interactive-classroom h2 { font-size: 28px } .online-classroomes .bg { position: absolute; right: 0; top: 95px; z-index: -1; width: 82% } .online-classroomes .center { width: 900px } .online-classroomes .center ul li { width: 432px; height: 240px; margin-bottom: 20px } .online-classroomes .center ul li p { font-size: 18px } .online-classroomes .center ul li img { transform: scale(.8); margin: 30px 0 } .online-classroomes .center h2 { font-size: 28px; margin-left: -49px } .online-classroomes .center .last-img { width: 432px; height: 240px } .campus-wljstop { height: 560px } .campus-wljstop img { width: 539px } .campus-wljstop h2 { font-size: 30px } .campus-wljstop P { font-size: 20px } .campus-wljstop a { width: 142px; height: 42px; line-height: 42px; font-size: 16px; margin-top: 40px !important } .xxt-bright h2 { font-size: 28px; padding-top: 250px } .xxt-bright ul { width: 985px } .xxt-bright ul li img { transform: scale(.7) } .xxt-bright ul li p { width: 260px; font-size: 14px } .xxt-bright ul li h3 { font-size: 20px; padding-top: 0; margin-top: -11px; padding-bottom: 5px } .xxt-bright ul li:last-child h3 { margin-top: -30px !important } .newcourse-top .h { color: #fff; font-size: 60px; padding-top: 185px; padding-bottom: 85px; font-weight: 700 } .xxtad-futureclass .center h2 { font-size: 28px; padding: 60px 0 } .xxtad-futureclass .center ul { width: 985px } .xxtad-futureclass .center ul li { width: 280px; height: 270px } .xxtad-futureclass .center ul li h3 { font-size: 20px; margin: 0 } .xxtad-futureclass .center ul li img { width: 122px; margin-top: 49px; margin-bottom: 25px } .newcourse-top .p { font-size: 20px } .newsystem-teach { width: 1300px; padding-left: 30px } .teacher-info-bg-img .h-teacher { font-size: 80px; line-height: 82px; padding-left: 71px } .teacher-info-bg-img .p-teacher { padding-left: 70px } .newsystem-teach ul li { width: 330px; height: 383px; padding: 17px 25px 37px } } .new-activityv1 { margin-top: 109px } .new-activityv1 .top-banner { width: 100% } .new-activityv1 .center { width: 1360px; background: #1274fd; border-radius: 40px 40px 0 0; margin: auto; margin-top: -449px; position: relative; padding-bottom: 110px } .new-activityv1 .center .icon1 { position: absolute; top: 107px; right: 220px } .new-activityv1 .center .icon2 { position: absolute; top: 76px; left: 286px } .new-activityv1 .center .hq-divbox { position: relative; width: 1200px; height: 1421px; margin: auto } .new-activityv1 .center .hq-divbox .img-bgs { position: absolute; top: 0; left: 0; right: 0; margin: auto } .new-activityv1 .center .hq-divbox .yx-studiv .title { position: absolute; left: 171px; top: 37px; color: #5298fd; font-size: 40px; z-index: 1; cursor: pointer } .new-activityv1 .center .hq-divbox .yx-studiv .title-right { position: absolute; right: 150px; top: 40px; color: #fff; font-size: 36px; z-index: 1; cursor: pointer } .new-activityv1 .center .hq-divbox .yx-studiv .title-right:hover { color: #5298fd } .new-activityv1 .center .hq-divbox .yx-studiv ul { display: flex; flex-wrap: wrap; padding-top: 140px } .new-activityv1 .center .hq-divbox .yx-studiv ul li { width: 320px; height: 370px; background-size: 100% 100%; position: relative; margin-bottom: 50px; text-align: center; margin-left: 63px } .new-activityv1 .center .hq-divbox .yx-studiv ul li .username { position: absolute; bottom: 115px; left: 0; font-size: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #393939; max-width: 200px; right: 0; margin: auto } .new-activityv1 .center .hq-divbox .yx-studiv ul li .school-name { position: absolute; bottom: 59px; left: 0; font-size: 16px; width: 256px; color: #8f8f8f; right: 0; margin: auto; display: flex } .new-activityv1 .center .hq-divbox .yx-studiv ul li .school-name a { color: #31acff } .new-activityv1 .center .hq-divbox .yx-studiv ul li .school-name .span { display: inline-block; width: 175px; text-align: justify; vertical-align: top; color: #4b4b4b; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .new-activityv1 .center .hq-divbox .yx-studiv ul li .teacher-name { position: absolute; bottom: 27px; left: 0; font-size: 16px; width: 256px; color: #8f8f8f; right: 0; margin: auto; display: flex } .new-activityv1 .center .hq-divbox .yx-studiv ul li .teacher-name .span { display: inline-block; width: 175px; text-align: left; vertical-align: top; color: #4b4b4b; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .new-activityv1 .center .hq-divbox .yx-studiv ul li:first-child { background-image: url(/themes/bianchengxia/img/activity/bg01.jpg) } .new-activityv1 .center .hq-divbox .yx-studiv ul li:nth-child(2), .new-activityv1 .center .hq-divbox .yx-studiv ul li:nth-child(3) { background-image: url(/themes/bianchengxia/img/activity/bg02.jpg) } .new-activityv1 .center .hq-divbox .yx-studiv ul li:nth-child(4), .new-activityv1 .center .hq-divbox .yx-studiv ul li:nth-child(5), .new-activityv1 .center .hq-divbox .yx-studiv ul li:nth-child(6), .new-activityv1 .center .hq-divbox .yx-studiv ul li:nth-child(7), .new-activityv1 .center .hq-divbox .yx-studiv ul li:nth-child(8) { background-image: url(/themes/bianchengxia/img/activity/bg03.jpg) } .new-activityv1 .center .hq-divbox .yx-teacherdiv { display: none } .new-activityv1 .center .hq-divbox .yx-teacherdiv .title { position: absolute; left: 171px; top: 37px; color: #fff; font-size: 36px; z-index: 1; cursor: pointer } .new-activityv1 .center .hq-divbox .yx-teacherdiv .title-right { position: absolute; right: 150px; top: 40px; color: #5298fd; font-size: 40px; z-index: 1; cursor: pointer } .new-activityv1 .center .hq-divbox .yx-teacherdiv .title:hover { color: #5298fd } .new-activityv1 .center .hq-divbox .yx-teacherdiv ul { display: flex; flex-wrap: wrap; padding-top: 140px } .new-activityv1 .center .hq-divbox .yx-teacherdiv ul li { width: 320px; height: 370px; background-size: 100% 100%; position: relative; margin-bottom: 50px; text-align: center; margin-left: 63px } .new-activityv1 .center .hq-divbox .yx-teacherdiv ul li .username { position: absolute; bottom: 115px; left: 0; font-size: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #393939; max-width: 200px; right: 0; margin: auto } .new-activityv1 .center .hq-divbox .yx-teacherdiv ul li .school-name { position: absolute; bottom: 59px; left: 0; font-size: 16px; width: 256px; color: #8f8f8f; right: 0; margin: auto; display: flex } .new-activityv1 .center .hq-divbox .yx-teacherdiv ul li .school-name a { color: #31acff } .new-activityv1 .center .hq-divbox .yx-teacherdiv ul li .school-name .span { display: inline-block; width: 175px; text-align: justify; vertical-align: top; color: #4b4b4b; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .new-activityv1 .center .hq-divbox .yx-teacherdiv ul li .teacher-name { position: absolute; bottom: 27px; left: 0; font-size: 16px; width: 256px; color: #8f8f8f; right: 0; margin: auto; display: flex } .new-activityv1 .center .hq-divbox .yx-teacherdiv ul li .teacher-name .span { display: inline-block; width: 175px; text-align: justify; vertical-align: top; color: #4b4b4b; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .new-activityv1 .center .hq-divbox .yx-teacherdiv ul li:first-child { background-image: url(/themes/bianchengxia/img/activity/bgt01.jpg) } .new-activityv1 .center .hq-divbox .yx-teacherdiv ul li:nth-child(2), .new-activityv1 .center .hq-divbox .yx-teacherdiv ul li:nth-child(3) { background-image: url(/themes/bianchengxia/img/activity/bgt02.jpg) } .new-activityv1 .center .hq-divbox .yx-teacherdiv ul li:nth-child(4), .new-activityv1 .center .hq-divbox .yx-teacherdiv ul li:nth-child(5), .new-activityv1 .center .hq-divbox .yx-teacherdiv ul li:nth-child(6), .new-activityv1 .center .hq-divbox .yx-teacherdiv ul li:nth-child(7), .new-activityv1 .center .hq-divbox .yx-teacherdiv ul li:nth-child(8) { background-image: url(/themes/bianchengxia/img/activity/bgt03.jpg) } .new-activityv1 .center .start-btn { display: block; padding-top: 50px } .new-activityv1 .center .start-btn img { display: block; margin: auto } .new-activityv1 .center .nostart-btn { display: block; margin: auto; padding-top: 50px } .new-activityv1 .center .margin-img { display: block; margin: auto; margin-top: 70px } .new-activityv1 .knowlege-div { position: relative } .new-activityv1 .knowlege-div .bg { margin: 55px auto; display: block } .new-activityv1 .knowlege-div .flex-konew { width: 1080px; position: absolute; top: 120px; left: 0; right: 0; margin: auto; display: flex; justify-content: space-around } .new-activityindex .bg-bule { width: 100% px; height: 80px; background: #0c63dc; margin-top: -3px; line-height: 78px } .new-activityindex .bg-bule .flex { width: 680px; display: flex; margin: auto; justify-content: space-between } .new-activityindex .bg-bule .flex a { color: #fff; opacity: .5; font-size: 30px } .new-activityindex .bg-bule .flex .active, .new-activityindex .bg-bule .flex a:hover { opacity: 1 } .new-activityindex .bg-bule .flex .active:after { content: ""; display: block; width: 90px; height: 5px; background: #fff; border-radius: 3px; margin: -15px auto } .new-activityindex .top-banner { width: 100%; height: 560px; background-image: url(/themes/bianchengxia/img/activity/index-bgg.jpg); background-repeat: no-repeat; background-position: 50%; background-size: cover; margin-top: 110px } .new-activityindex .top-banner .center { width: 1200px; margin: auto; text-align: left; padding-top: 130px } .new-activityindex .top-banner .center .flex { width: 820px; display: flex; justify-content: space-between } .new-activityindex .top-banner .center .flex .right { color: #fff } .new-activityindex .top-banner .center .flex .right h2 { font-size: 36px; font-weight: 700; margin: 0 } .new-activityindex .top-banner .center .flex .right h3 { font-size: 22px; margin-bottom: 40px } .new-activityindex .top-banner .center .flex .right p { width: 500px; text-align: justify; color: #fff; font-size: 16px; padding: 10px 0 } .new-activityindex .top-banner .center .flex .right a { margin-right: 20px } .new-activityindex .dq-banner { background-image: url(/themes/bianchengxia/img/activity/dqbanner_02.jpg) } .new-activityindex .tg-succealert, .new-activityindex .tp-succealert { position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 400px; height: 280px; background: #fff; border-radius: 20px; display: none; z-index: 99 } .new-activityindex .tg-succealert .konw-btn, .new-activityindex .tp-succealert .konw-btn { width: 120px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #1fc9d3; border-radius: 20px; font-size: 16px; position: absolute; left: 0; right: 0; margin: auto; bottom: 23px; cursor: pointer } .new-activityindex .tg-succealert .off-btn, .new-activityindex .tp-succealert .off-btn { cursor: pointer; color: #666; position: absolute; font-size: 30px; right: 18px; top: 18px } .new-activityindex .nwork-list { margin-top: 50px } .new-activityindex .nwork-list .center { width: 1200px; margin: auto } .new-activityindex .nwork-list .center .select_bcxul>li>a { display: block; width: 100%; height: 211px; overflow: hidden; border-top-left-radius: 20px; border-top-right-radius: 20px; position: relative } .new-activityindex .nwork-list .center .nwork-listul { font-size: 0 } .new-activityindex .nwork-list .center .nwork-listul li:hover { box-shadow: 0 5px 13px 0 hsla(0, 0%, 69%, .3) } .new-activityindex .nwork-list .center .nwork-listul li:nth-child(5n+5) { margin-right: 0 } .new-activityindex .nwork-list .center .nwork-listul li { position: relative; width: 224px; border-radius: 20px; margin-right: 20px; margin-bottom: 20px; display: inline-block; transition: all .5s; border: 1px solid #eee } .new-activityindex .nwork-list .center .nwork-listul li .active { cursor: not-allowed !important; background: #c7c7c7 !important; pointer-events: none } .new-activityindex .nwork-list .center .nwork-listul li .not-allowed { pointer-events: none; cursor: not-allowed !important; background: #c7c7c7 !important } .new-activityindex .nwork-list .center .nwork-listul li .not-allowed, .new-activityindex .nwork-list .center .nwork-listul li .tp-btn { width: 160px; height: 38px; line-height: 38px; text-align: center; color: #fff; font-size: 16px; border-radius: 19px; position: absolute; bottom: -57px; left: 0; right: 0; margin: auto } .new-activityindex .nwork-list .center .nwork-listul li .tp-btn { background: #1fc9d3; cursor: pointer } .new-activityindex .nwork-list .center .nwork-listul li .popular-label { width: 86px; height: 36px; line-height: 36px; text-align: center; background: #ff872f; border-radius: 18px 0 10px 0; font-size: 16px; color: #fff; position: absolute; left: 0; top: 0; font-weight: 700 } .new-activityindex .nwork-list .center .nwork-listul li .temed-img { border-top-left-radius: 20px; border-top-right-radius: 20px; width: 100%; height: 211px; transition: all .5s } .new-activityindex .nwork-list .center .nwork-listul li .select_borderc { background: #fff; padding: 8px 11px; padding-bottom: 9px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px } .new-activityindex .nwork-list .center .nwork-listul li .select_borderc .h3 { margin: 0; min-height: 26px; padding-bottom: 8px } .new-activityindex .nwork-list .center .nwork-listul li .select_borderc .h3 a { color: #333; font-size: 18px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .new-activityindex .nwork-list .center .nwork-listul li .select_borderc .like_lookdic { display: flex; font-size: 12px } .new-activityindex .nwork-list .center .nwork-listul li .select_borderc .like_lookdic a { width: 100%; display: flex; color: #4a4a4a } .new-activityindex .nwork-list .center .nwork-listul li .select_borderc .like_lookdic a .lokess_num { vertical-align: top; margin-top: 3px; padding-right: 1px; width: 19px; height: 12px } .new-activityindex .nwork-list .center .nwork-listul li .select_borderc .like_lookdic a .lookess_nums { padding-left: 10px; vertical-align: top; margin-top: 3px; padding-right: 4px; width: 32px; height: 12px } .new-activityindex .nwork-list .center .nwork-listul li .select_borderc .like_lookdic a span { display: inline-block; margin-top: -4px; vertical-align: middle } .new-activityindex .nwork-list .center .nwork-listul li .select_borderc .user_headername { margin-top: 10px } .new-activityindex .nwork-list .center .nwork-listul li .select_borderc .user_headername a { font-size: 14px; color: #666 } .new-activityindex .nwork-list .center .nwork-listul li .select_borderc .user_headername a img { width: 24px; height: 24px; border-radius: 50%; vertical-align: middle; margin-right: 6px } .new-activityindex .nwork-list .center .flex { display: flex; justify-content: space-between; margin-bottom: 20px } .new-activityindex .nwork-list .center .flex .left-h4 { color: #333; font-size: 24px } .new-activityindex .nwork-list .center .flex .left-h4 span { color: #9c9a9b; margin-left: -16px } .new-activityindex .nwork-list .center .flex .right a { color: #999; font-size: 16px; margin: 0 10px } .new-activityindex .nwork-list .center .flex .right .active { color: #1fc9d3 } .new-activityindex .hjiang-list .center { width: 1200px; margin: auto } .new-activityindex .hjiang-list .center .aw_tabqh { display: flex; width: 180px; height: 40px; line-height: 40px; border: 1px solid #1fc9d3; margin: auto; border-radius: 20px; margin-bottom: 35px; overflow: hidden; margin-top: 40px } .new-activityindex .hjiang-list .center .aw_tabqh .active { width: 50%; background-color: #1fc9d3; text-align: center; color: #fff; font-size: 20px; cursor: pointer } .new-activityindex .hjiang-list .center .aw_tabqh div { width: 50%; background-color: #fff; text-align: center; color: #1fc9d3; font-size: 20px; cursor: pointer } .new-activityindex .hjiang-list .center .daxx_ul, .new-activityindex .hjiang-list .center .zh_ul { margin-bottom: 80px; margin-top: 40px } .new-activityindex .hjiang-list .center .daxx_ul li, .new-activityindex .hjiang-list .center .zh_ul li { width: 100%; height: 220px; background: #fff; border: 1px solid #eee; border-radius: 20px; display: flex; position: relative; margin-top: 20px } .new-activityindex .hjiang-list .center .daxx_ul li .rank_top10, .new-activityindex .hjiang-list .center .zh_ul li .rank_top10 { margin: 48px 24px; min-width: 124px; width: 138px; height: 120px; background-repeat: no-repeat; background-size: 100% 100%; position: relative } .new-activityindex .hjiang-list .center .daxx_ul li .rank_disflex, .new-activityindex .hjiang-list .center .zh_ul li .rank_disflex { position: relative } .new-activityindex .hjiang-list .center .daxx_ul li .rank_disflex .h2, .new-activityindex .hjiang-list .center .zh_ul li .rank_disflex .h2 { font-size: 26px; padding-top: 33px; padding-left: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 12px; display: flex } .new-activityindex .hjiang-list .center .daxx_ul li .rank_disflex .h2 a, .new-activityindex .hjiang-list .center .zh_ul li .rank_disflex .h2 a { color: #333 } .new-activityindex .hjiang-list .center .daxx_ul li .rank_disflex .h2 .like_lookdic, .new-activityindex .hjiang-list .center .zh_ul li .rank_disflex .h2 .like_lookdic { display: flex; font-size: 14px; color: #4b4b4b; padding-left: 10px; margin-top: 6px } .new-activityindex .hjiang-list .center .daxx_ul li .rank_disflex .h2 .like_lookdic .dz-r, .new-activityindex .hjiang-list .center .zh_ul li .rank_disflex .h2 .like_lookdic .dz-r { margin-right: 10px; display: flex } .new-activityindex .hjiang-list .center .daxx_ul li .rank_disflex .h2 .like_lookdic .dz-r img, .new-activityindex .hjiang-list .center .zh_ul li .rank_disflex .h2 .like_lookdic .dz-r img { width: 18px; height: 12px; margin-right: 2px } .new-activityindex .hjiang-list .center .daxx_ul li .rank_disflex .h2 .like_lookdic .dz-r .lookess_nums, .new-activityindex .hjiang-list .center .zh_ul li .rank_disflex .h2 .like_lookdic .dz-r .lookess_nums { margin-right: 5px; display: inline-block; vertical-align: middle; margin-top: 1px } .new-activityindex .hjiang-list .center .daxx_ul li .rank_disflex p, .new-activityindex .hjiang-list .center .zh_ul li .rank_disflex p { color: #8f8f8f; font-size: 16px; padding-left: 42px; margin-bottom: 5px } .new-activityindex .hjiang-list .center .daxx_ul li .rank_disflex p span, .new-activityindex .hjiang-list .center .zh_ul li .rank_disflex p span { display: inline-block; color: #4b4b4b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 500px; vertical-align: middle } .new-activityindex .hjiang-list .center .daxx_ul li .rank_disflex .name, .new-activityindex .hjiang-list .center .zh_ul li .rank_disflex .name { position: absolute; bottom: 34px } .new-activityindex .hjiang-list .center .daxx_ul li .rank_disflex .name a, .new-activityindex .hjiang-list .center .zh_ul li .rank_disflex .name a { font-size: 18px; color: #666 } .new-activityindex .hjiang-list .center .daxx_ul li .rank_disflex .name a .rank_tx, .new-activityindex .hjiang-list .center .zh_ul li .rank_disflex .name a .rank_tx { width: 34px; height: 34px; border-radius: 50%; margin-left: 40px; vertical-align: middle; margin-right: 7px; margin-bottom: 3px } .new-activityindex .hjiang-list .center .daxx_ul li .rankwork_disinline, .new-activityindex .hjiang-list .center .zh_ul li .rankwork_disinline { display: flex } .new-activityindex .hjiang-list .center .daxx_ul li .rankwork_disinline>a, .new-activityindex .hjiang-list .center .zh_ul li .rankwork_disinline>a { width: 270px; height: 200px; display: block; overflow: hidden; border-radius: 20px; margin-top: 9px; transition: all .5s; border: 1px solid #eee; position: relative } .new-activityindex .hjiang-list .center .daxx_ul li .rankwork_disinline>a .rankwork_img, .new-activityindex .hjiang-list .center .zh_ul li .rankwork_disinline>a .rankwork_img { width: 270px; height: 200px; transition: all .5s; border-radius: 20px } .new-activityindex .hjiang-list .center .daxx_ul li .toup-num, .new-activityindex .hjiang-list .center .zh_ul li .toup-num { position: absolute; right: 0; top: 0; padding: 2px 15px; line-height: 40px; background: rgba(255, 204, 43, .15); color: #ff8400; font-size: 18px; border-radius: 0 18px 0 20px } .new-activityindex .hjiang-list .center .daxx_ul li:first-child>.rank_top10, .new-activityindex .hjiang-list .center .zh_ul li:first-child>.rank_top10 { background-repeat: no-repeat; background-image: url(/themes/bianchengxia/img/activity/jp1.png) } .new-activityindex .hjiang-list .center .daxx_ul li:nth-child(2)>.rank_top10, .new-activityindex .hjiang-list .center .daxx_ul li:nth-child(3)>.rank_top10, .new-activityindex .hjiang-list .center .zh_ul li:nth-child(2)>.rank_top10, .new-activityindex .hjiang-list .center .zh_ul li:nth-child(3)>.rank_top10 { background-repeat: no-repeat; background-image: url(/themes/bianchengxia/img/activity/jp2.png) } .new-activityindex .hjiang-list .center .daxx_ul li:nth-child(4)>.rank_top10, .new-activityindex .hjiang-list .center .daxx_ul li:nth-child(5)>.rank_top10, .new-activityindex .hjiang-list .center .daxx_ul li:nth-child(6)>.rank_top10, .new-activityindex .hjiang-list .center .daxx_ul li:nth-child(7)>.rank_top10, .new-activityindex .hjiang-list .center .daxx_ul li:nth-child(8)>.rank_top10, .new-activityindex .hjiang-list .center .zh_ul li:nth-child(4)>.rank_top10, .new-activityindex .hjiang-list .center .zh_ul li:nth-child(5)>.rank_top10, .new-activityindex .hjiang-list .center .zh_ul li:nth-child(6)>.rank_top10, .new-activityindex .hjiang-list .center .zh_ul li:nth-child(7)>.rank_top10, .new-activityindex .hjiang-list .center .zh_ul li:nth-child(8)>.rank_top10 { background-repeat: no-repeat; background-image: url(/themes/bianchengxia/img/activity/jp3.png) } .new-activityindex .hjiang-list .center .daxx_ul { display: none } .new-activityindex .hjiang-list .center .daxx_ul .rank_top10 { width: 153px !important; height: 92px !important; margin-top: 61px !important } .new-activityindex .hjiang-list .center .daxx_ul li:first-child>.rank_top10, .new-activityindex .hjiang-list .center .daxx_ul li:nth-child(2)>.rank_top10, .new-activityindex .hjiang-list .center .daxx_ul li:nth-child(3)>.rank_top10 { background-repeat: no-repeat; background-image: url(/themes/bianchengxia/img/activity/wz_left1_03.jpg) } .new-activityindex .hjiang-list .center .daxx_ul li:nth-child(4)>.rank_top10, .new-activityindex .hjiang-list .center .daxx_ul li:nth-child(5)>.rank_top10, .new-activityindex .hjiang-list .center .daxx_ul li:nth-child(6)>.rank_top10 { background-repeat: no-repeat; background-image: url(/themes/bianchengxia/img/activity/wz_left1_06.jpg) } .new-activityindex .hjiang-list .center .daxx_ul li:nth-child(7)>.rank_top10, .new-activityindex .hjiang-list .center .daxx_ul li:nth-child(8)>.rank_top10, .new-activityindex .hjiang-list .center .daxx_ul li:nth-child(9)>.rank_top10 { background-repeat: no-repeat; background-image: url(/themes/bianchengxia/img/activity/wz_left1_08.jpg) } .new-activityindex .rule-alert { width: 750px; max-height: 610px; background: #fff; border-radius: 20px; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 99999; overflow: hidden; display: none } .new-activityindex .rule-alert .srvvlo-div { width: 677px; max-height: 450px; overflow: auto; margin: auto; color: #333; font-size: 18px; padding-right: 17px; text-align: justify; margin-left: 44px } .new-activityindex .rule-alert .srvvlo-div .yeelow-ft { color: #ff9155; font-weight: 700 } .new-activityindex .rule-alert .srvvlo-div p { padding-bottom: 15px; line-height: 30px } .new-activityindex .rule-alert .srvvlo-div::-webkit-scrollbar { width: 4px } .new-activityindex .rule-alert .srvvlo-div::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px #1fc9d3; background: #1fc9d3; border-radius: 9px } .new-activityindex .rule-alert .srvvlo-div::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1); border-radius: 0; background: #e2e2e2; border-radius: 9px } .new-activityindex .rule-alert .top { width: 100%; height: 56px; line-height: 56px; text-align: center; font-size: 22px; color: #fff; background-color: #1fc9d3; margin-bottom: 40px } .new-activityindex .rule-alert .x-offbtn { position: absolute; right: 20px; top: 25px; cursor: pointer } .new-activityindex .tgao-alertdiv { width: 520px; background: #fff; border-radius: 20px; position: fixed; top: 25%; padding-bottom: 40px; left: 0; right: 0; margin: auto; z-index: 99999; overflow: hidden; display: none } .new-activityindex .tgao-alertdiv .top { width: 100%; height: 56px; line-height: 56px; text-align: center; font-size: 22px; color: #fff; background-color: #1fc9d3; margin-bottom: 65px } .new-activityindex .tgao-alertdiv .x-offbtn { position: absolute; right: 20px; top: 25px; cursor: pointer } .new-activityindex .tgao-alertdiv .btn-flexbottom { display: flex; float: right; margin-right: 62px } .new-activityindex .tgao-alertdiv .btn-flexbottom .tg { width: 80px; height: 40px; line-height: 40px; background: #1fc9d3; border-radius: 20px; color: #fff; font-size: 16px; text-align: center; margin-right: 12px; cursor: pointer } .new-activityindex .tgao-alertdiv .btn-flexbottom .qx { width: 80px; height: 40px; line-height: 40px; text-align: center; color: #666; border: 1px solid #ababab; border-radius: 20px; cursor: pointer } .new-activityindex .tgao-alertdiv .no_works { width: 431px; height: 34px; line-height: 34px; text-align: center; background: #fffbe6; border: 1px solid #ffe998; border-radius: 4px; position: absolute; top: 70px; left: 0; color: #f59204; right: 0; margin: auto; font-size: 14px } .new-activityindex .tgao-alertdiv .tg-div { margin: auto; color: #333; font-size: 16px; margin-bottom: 25px; height: 34px; position: relative } .new-activityindex .tgao-alertdiv .tg-div .no_work { width: 330px; height: 34px; line-height: 34px; background: #f5f5f5; border: 1px solid #c7c7c7; border-radius: 4px; color: #909090; font-size: 14px; display: inline-block; padding-left: 10px } .new-activityindex .tgao-alertdiv .tg-div .flex { width: 438px; margin: auto; justify-content: space-between } .new-activityindex .tgao-alertdiv .tg-div .flex .left { width: 100px; vertical-align: middle; margin-top: 7px; text-align: right; display: inline-block } .new-activityindex .tgao-alertdiv .tg-div .flex .left .btspan { color: #d04640; margin-top: 3px; display: inline-block; vertical-align: top; margin-right: 5px } .new-activityindex .tgao-alertdiv .tg-div .flex select { width: 330px; height: 34px; border: 1px solid #c7c7c7 !important; border-radius: 4px; outline: none; padding-left: 10px; display: inline-block } .new-activityindex .tgao-alertdiv .tg-div .flex .form-control-error { border: 1px solid #ed3e3e !important } .new-activityindex .tgao-alertdiv .tg-div .flex .form-error-message { font-size: 12px; padding-left: 108px; position: absolute; top: 38px; color: #ff2020 } .new-activityindex .tgao-alertdiv .tg-div .flex input { width: 330px; height: 34px; border: 1px solid #c7c7c7; border-radius: 4px; outline: none; padding-left: 10px; display: inline-block; vertical-align: top; margin-top: 2px } .new-activityindex .tgao-alertdiv .tg-div .flex input:focus { border: 1px solid #1fc9d3 } .new-activityindex .hide-black { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 9; background-color: rgba(0, 0, 0, .5) } .dq-active .center .flex { width: 1200px !important } .dq-active .center .right { margin-left: 20px } .dq-active .center .right h2 { padding-bottom: 20px } .dq-active .center .right p { width: 770px !important; padding-top: 20px !important; line-height: 26px !important } .dq-active .bg-bule { background-color: #2e15b1 !important } .new-activityv2 .xy_bg { position: absolute } .new-activityv2 .bg_blue { margin-top: -44px; margin-bottom: -60px; position: relative; z-index: 2 } .new-activityv2 .get_awrddiv { width: 1360px; position: absolute; z-index: 3; margin-top: 83px } .new-activityv2 .get_awrddiv .sty_getawrd { width: 1200px; margin: auto } .new-activityv2 .get_awrddiv .sty_getawrd .zh-award { position: absolute; top: 100px } .new-activityv2 .get_awrddiv .sty_getawrd .zh-award .zh-topimg { display: block; margin: auto; position: absolute; left: 0; right: 0; top: -23px } .new-activityv2 .get_awrddiv .sty_getawrd .zh-award ul { display: flex; flex-wrap: wrap; padding-top: 140px } .new-activityv2 .get_awrddiv .sty_getawrd .zh-award ul li { width: 320px; height: 370px; background-size: 100% 100%; position: relative; margin-bottom: 50px; text-align: center; margin-left: 63px } .new-activityv2 .get_awrddiv .sty_getawrd .zh-award ul li .username { position: absolute; bottom: 115px; left: 0; font-size: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #393939; max-width: 200px; right: 0; margin: auto } .new-activityv2 .get_awrddiv .sty_getawrd .zh-award ul li .school-name { position: absolute; bottom: 59px; left: 0; font-size: 16px; width: 256px; color: #8f8f8f; right: 0; margin: auto; display: flex } .new-activityv2 .get_awrddiv .sty_getawrd .zh-award ul li .school-name a { color: #31acff } .new-activityv2 .get_awrddiv .sty_getawrd .zh-award ul li .school-name .span { display: inline-block; width: 175px; text-align: justify; vertical-align: top; color: #4b4b4b; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .new-activityv2 .get_awrddiv .sty_getawrd .zh-award ul li .teacher-name { position: absolute; bottom: 27px; left: 0; font-size: 16px; width: 256px; color: #8f8f8f; right: 0; margin: auto; display: flex } .new-activityv2 .get_awrddiv .sty_getawrd .zh-award ul li .teacher-name .span { display: inline-block; width: 175px; text-align: left; vertical-align: top; color: #4b4b4b; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .new-activityv2 .get_awrddiv .sty_getawrd .zh-award ul li:first-child { background-image: url(/themes/bianchengxia/img/activity/hj_bg_03.png) } .new-activityv2 .get_awrddiv .sty_getawrd .zh-award ul li:nth-child(2), .new-activityv2 .get_awrddiv .sty_getawrd .zh-award ul li:nth-child(3) { background-image: url(/themes/bianchengxia/img/activity/hj_bg_05.png) } .new-activityv2 .get_awrddiv .sty_getawrd .zh-award ul li:nth-child(4), .new-activityv2 .get_awrddiv .sty_getawrd .zh-award ul li:nth-child(5), .new-activityv2 .get_awrddiv .sty_getawrd .zh-award ul li:nth-child(6) { background-image: url(/themes/bianchengxia/img/activity/hj_bg_09.png) } .new-activityv2 .get_awrddiv .sty_getawrd .dx-award { position: absolute; top: 1050px } .new-activityv2 .get_awrddiv .sty_getawrd .dx-award .zh-topimg { display: block; margin: auto; position: absolute; left: 0; right: 0; top: -17px } .new-activityv2 .get_awrddiv .sty_getawrd .dx-award ul { display: flex; flex-wrap: wrap; padding-top: 140px } .new-activityv2 .get_awrddiv .sty_getawrd .dx-award ul li { width: 320px; height: 370px; background-size: 100% 100%; position: relative; margin-bottom: 50px; text-align: center; margin-left: 63px } .new-activityv2 .get_awrddiv .sty_getawrd .dx-award ul li .username { position: absolute; bottom: 115px; left: 0; font-size: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #393939; max-width: 200px; right: 0; margin: auto } .new-activityv2 .get_awrddiv .sty_getawrd .dx-award ul li .school-name { position: absolute; bottom: 59px; left: 0; font-size: 16px; width: 256px; color: #8f8f8f; right: 0; margin: auto; display: flex } .new-activityv2 .get_awrddiv .sty_getawrd .dx-award ul li .school-name a { color: #31acff } .new-activityv2 .get_awrddiv .sty_getawrd .dx-award ul li .school-name .span { display: inline-block; width: 175px; text-align: justify; vertical-align: top; color: #4b4b4b; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .new-activityv2 .get_awrddiv .sty_getawrd .dx-award ul li .teacher-name { position: absolute; bottom: 27px; left: 0; font-size: 16px; width: 256px; color: #8f8f8f; right: 0; margin: auto; display: flex } .new-activityv2 .get_awrddiv .sty_getawrd .dx-award ul li .teacher-name .span { display: inline-block; width: 175px; text-align: left; vertical-align: top; color: #4b4b4b; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .new-activityv2 .get_awrddiv .sty_getawrd .dx-award ul li:first-child, .new-activityv2 .get_awrddiv .sty_getawrd .dx-award ul li:nth-child(2), .new-activityv2 .get_awrddiv .sty_getawrd .dx-award ul li:nth-child(3) { background-image: url(/themes/bianchengxia/img/activity/hj_bg_11.png) } .new-activityv2 .get_awrddiv .sty_getawrd .dx-award ul li:nth-child(4), .new-activityv2 .get_awrddiv .sty_getawrd .dx-award ul li:nth-child(5), .new-activityv2 .get_awrddiv .sty_getawrd .dx-award ul li:nth-child(6) { background-image: url(/themes/bianchengxia/img/activity/hj_bg_14.png) } .new-activityv2 .get_awrddiv .sty_getawrd .dx-award ul li:nth-child(7), .new-activityv2 .get_awrddiv .sty_getawrd .dx-award ul li:nth-child(8), .new-activityv2 .get_awrddiv .sty_getawrd .dx-award ul li:nth-child(9) { background-image: url(/themes/bianchengxia/img/activity/hj_bg_16.png) } .new-activityv2 .get_awrddiv .sty_getawrd .st-left { font-size: 40px; color: #fff; position: absolute; top: 33px; left: 279px; cursor: pointer; z-index: 2 } .new-activityv2 .get_awrddiv .sty_getawrd .techer-right { color: hsla(0, 0%, 100%, .5); font-size: 36px; position: absolute; right: 230px; top: 42px; cursor: pointer; z-index: 2 } .new-activityv2 .get_awrddiv .sty_getawrd .techer-right:hover { color: #fff } .new-activityv2 .get_awrddiv .teacher_getawrd { display: none; width: 1200px; margin: auto } .new-activityv2 .get_awrddiv .teacher_getawrd .zh-award { position: absolute; top: 100px } .new-activityv2 .get_awrddiv .teacher_getawrd .zh-award .zh-topimg { display: block; margin: auto; position: absolute; left: 0; right: 0; top: -23px } .new-activityv2 .get_awrddiv .teacher_getawrd .zh-award ul { display: flex; flex-wrap: wrap; padding-top: 140px } .new-activityv2 .get_awrddiv .teacher_getawrd .zh-award ul li { width: 320px; height: 370px; background-size: 100% 100%; position: relative; margin-bottom: 50px; text-align: center; margin-left: 63px } .new-activityv2 .get_awrddiv .teacher_getawrd .zh-award ul li .username { position: absolute; bottom: 115px; left: 0; font-size: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #393939; max-width: 200px; right: 0; margin: auto } .new-activityv2 .get_awrddiv .teacher_getawrd .zh-award ul li .school-name { position: absolute; bottom: 59px; left: 0; font-size: 16px; width: 256px; color: #8f8f8f; right: 0; margin: auto; display: flex } .new-activityv2 .get_awrddiv .teacher_getawrd .zh-award ul li .school-name a { color: #31acff } .new-activityv2 .get_awrddiv .teacher_getawrd .zh-award ul li .school-name .span { display: inline-block; width: 175px; text-align: justify; vertical-align: top; color: #4b4b4b; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .new-activityv2 .get_awrddiv .teacher_getawrd .zh-award ul li .teacher-name { position: absolute; bottom: 27px; left: 0; font-size: 16px; width: 256px; color: #8f8f8f; right: 0; margin: auto; display: flex } .new-activityv2 .get_awrddiv .teacher_getawrd .zh-award ul li .teacher-name .span { display: inline-block; width: 175px; text-align: left; vertical-align: top; color: #4b4b4b; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .new-activityv2 .get_awrddiv .teacher_getawrd .zh-award ul li:first-child { background-image: url(/themes/bianchengxia/img/activity/teac-bg4_03.png) } .new-activityv2 .get_awrddiv .teacher_getawrd .zh-award ul li:nth-child(2), .new-activityv2 .get_awrddiv .teacher_getawrd .zh-award ul li:nth-child(3) { background-image: url(/themes/bianchengxia/img/activity/teac-bg4_05.png) } .new-activityv2 .get_awrddiv .teacher_getawrd .zh-award ul li:nth-child(4), .new-activityv2 .get_awrddiv .teacher_getawrd .zh-award ul li:nth-child(5), .new-activityv2 .get_awrddiv .teacher_getawrd .zh-award ul li:nth-child(6) { background-image: url(/themes/bianchengxia/img/activity/teac-bg4_10.png) } .new-activityv2 .get_awrddiv .teacher_getawrd .dx-award { position: absolute; top: 1050px } .new-activityv2 .get_awrddiv .teacher_getawrd .dx-award .zh-topimg { display: block; margin: auto; position: absolute; left: 0; right: 0; top: -17px } .new-activityv2 .get_awrddiv .teacher_getawrd .dx-award ul { display: flex; flex-wrap: wrap; padding-top: 140px } .new-activityv2 .get_awrddiv .teacher_getawrd .dx-award ul li { width: 320px; height: 370px; background-size: 100% 100%; position: relative; margin-bottom: 50px; text-align: center; margin-left: 63px } .new-activityv2 .get_awrddiv .teacher_getawrd .dx-award ul li .username { position: absolute; bottom: 115px; left: 0; font-size: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #393939; max-width: 200px; right: 0; margin: auto } .new-activityv2 .get_awrddiv .teacher_getawrd .dx-award ul li .school-name { position: absolute; bottom: 59px; left: 0; font-size: 16px; width: 256px; color: #8f8f8f; right: 0; margin: auto; display: flex } .new-activityv2 .get_awrddiv .teacher_getawrd .dx-award ul li .school-name a { color: #31acff } .new-activityv2 .get_awrddiv .teacher_getawrd .dx-award ul li .school-name .span { display: inline-block; width: 175px; text-align: justify; vertical-align: top; color: #4b4b4b; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .new-activityv2 .get_awrddiv .teacher_getawrd .dx-award ul li .teacher-name { position: absolute; bottom: 27px; left: 0; font-size: 16px; width: 256px; color: #8f8f8f; right: 0; margin: auto; display: flex } .new-activityv2 .get_awrddiv .teacher_getawrd .dx-award ul li .teacher-name .span { display: inline-block; width: 175px; text-align: left; vertical-align: top; color: #4b4b4b; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .new-activityv2 .get_awrddiv .teacher_getawrd .dx-award ul li:first-child, .new-activityv2 .get_awrddiv .teacher_getawrd .dx-award ul li:nth-child(2), .new-activityv2 .get_awrddiv .teacher_getawrd .dx-award ul li:nth-child(3) { background-image: url(/themes/bianchengxia/img/activity/ls_bg_03.png) } .new-activityv2 .get_awrddiv .teacher_getawrd .dx-award ul li:nth-child(4), .new-activityv2 .get_awrddiv .teacher_getawrd .dx-award ul li:nth-child(5), .new-activityv2 .get_awrddiv .teacher_getawrd .dx-award ul li:nth-child(6) { background-image: url(/themes/bianchengxia/img/activity/ls_bg_07.png) } .new-activityv2 .get_awrddiv .teacher_getawrd .dx-award ul li:nth-child(7), .new-activityv2 .get_awrddiv .teacher_getawrd .dx-award ul li:nth-child(8), .new-activityv2 .get_awrddiv .teacher_getawrd .dx-award ul li:nth-child(9) { background-image: url(/themes/bianchengxia/img/activity/ls_bg_09.png) } .new-activityv2 .get_awrddiv .teacher_getawrd .st-left { font-size: 36px; color: hsla(0, 0%, 100%, .5); position: absolute; top: 40px; left: 279px; cursor: pointer; z-index: 2 } .new-activityv2 .get_awrddiv .teacher_getawrd .techer-right { color: #fff; font-size: 40px; position: absolute; right: 230px; top: 42px; cursor: pointer; z-index: 2 } .new-activityv2 .get_awrddiv .teacher_getawrd .st-left:hover { color: #fff } .new-activityv2 .rule_alrt { width: 800px; height: 700px; position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 20px; overflow: hidden; background-image: url(/themes/bianchengxia/img/activity/alert_bg_03.jpg); z-index: 99; display: none } .new-activityv2 .rule_alrt .xxkonw-btn { display: block; margin: auto; cursor: pointer } .new-activityv2 .rule_alrt .xxoff_btn { position: absolute; right: 20px; top: 20px; color: #9499b3; font-size: 35px; cursor: pointer } .new-activityv2 .rule_alrt .gund_t { width: 744px; height: 515px; overflow-y: auto; margin: auto; margin-top: 100px; padding-right: 15px; margin-left: 34px; color: #fff; font-size: 14px; text-align: justify; margin-bottom: 15px } .new-activityv2 .rule_alrt .gund_t h2 { color: #1d148d; font-size: 16px; border-radius: 14px; padding: 5px 10px; background-color: #9e98eb; display: inline-block } .new-activityv2 .rule_alrt .konw-btn { cursor: pointer } .new-activityv2 .rule_alrt .gund_t::-webkit-scrollbar { width: 4px } .new-activityv2 .rule_alrt .gund_t::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1); border-radius: 0; background: hsla(0, 0%, 100%, .8); border-radius: 20px } .new-activityv2 .rule_alrt .gund_t::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1); border-radius: 0; background: hsla(0, 0%, 100%, .5); border-radius: 9px } .new-activityv2 .zinde-2 { position: relative; z-index: 1 } .new-activityv2 .activ-djsdiv { text-align: center; font-size: 20px; color: #fff; padding-top: 20px } .new-activityv2 .activ-djsdiv span { color: #fcd67a } .new-activityv2 .top-banner { height: 594px; background-size: cover; background-position: 50%; background-image: url(/themes/bianchengxia/img/activity/dqactily_01.jpg) } .new-activityv2 .achd-btn { position: relative; z-index: 2; display: block } .new-activityv2 .achd-btn img { display: block; margin: auto } .new-activityv2 .starttbn { margin-top: -20px } .new-activityv2 .all-btn { position: absolute; left: 0; right: 0; margin: auto; text-align: center; padding-top: 64px } .new-activityv2 .margin-img { width: 1360px } .new-activityv2 .center { width: 1360px; margin: auto; position: relative; z-index: 1; border-radius: 40px 40px 0 0; overflow: hidden; margin-top: 30px } .new-activityv2 .center p { width: 1238px; margin: auto; color: #fff; font-size: 16px; line-height: 30px } .new-activityv2 .center .p_01 { margin-top: -197px; padding-bottom: 77px } .new-activityv2 .center .p_02 { position: absolute; z-index: 1; padding-top: 258px; left: 0; right: 0; margin: auto; text-align: center } .new-activityv2 .center .p_02 .li_01 { color: #efc663; font-size: 22px; padding-left: 19px } .new-activityv2 .center .p_02 .li_02 { color: #fff; font-size: 16px; padding-top: 258px } .new-activityv2 .center .p_02 .li_03 { color: #efc663; font-size: 22px; padding-top: 152px; padding-right: 707px } .new-activityv2 .center .p_02 .li_04 { color: #fff; font-size: 16px; padding-top: 256px; padding-right: 700px } .new-activityv2 .center .p_02 .li_05 { color: #efc663; font-size: 22px; position: absolute; right: 267px; top: 711px } .new-activityv2 .center .p_02 .li_06 { color: #fff; font-size: 16px; position: absolute; right: 258px; top: 990px } .new-activityv2 .center .p_03 { position: absolute; z-index: 1; padding-top: 258px; left: 0; right: 0; margin: auto; text-align: center } .new-activityv2 .center .p_03 .li_01 { position: absolute; top: 257px; left: 257px; color: #ffaba4; font-size: 22px } .new-activityv2 .center .p_03 .li_02 { position: absolute; top: 512px; left: 271px; color: #fff; font-size: 16px } .new-activityv2 .center .p_03 .li_03 { position: absolute; top: 257px; right: 224px; color: #ffaba4; font-size: 22px } .new-activityv2 .center .p_03 .li_04 { position: absolute; top: 512px; right: 250px; color: #fff; font-size: 16px } .new-activityv2 .center .p_03 .li_05 { position: absolute; top: 736px; left: 257px; color: #ffaba4; font-size: 22px } .new-activityv2 .center .p_03 .li_06 { position: absolute; top: 989px; left: 274px; color: #fff; font-size: 16px } .new-activityv2 .center .p_03 .li_07 { position: absolute; top: 736px; right: 239px; color: #ffaba4; font-size: 22px } .new-activityv2 .center .p_03 .li_08 { position: absolute; top: 989px; right: 265px; color: #fff; font-size: 16px } .new-activityv2 .center .p_04 { position: absolute; z-index: 1; padding-top: 258px; left: 0; right: 0; margin: auto; text-align: center } .new-activityv2 .center .p_04 .li_01 { padding-top: 77px; color: #fff; font-size: 20px; position: absolute; left: 166px } .new-activityv2 .center .p_04 .li_03 { padding-top: 77px; color: #fff; font-size: 20px; position: absolute; left: 440px } .new-activityv2 .center .p_04 .li_02 { color: #fff; font-size: 30px; position: absolute; left: 153px; padding-top: 120px } .new-activityv2 .center .p_04 .li_04 { color: #fff; font-size: 30px; position: absolute; left: 427px; padding-top: 120px } .new-activityv2 .center .p_04 .li_05 { padding-top: 77px; color: #fff; font-size: 20px; position: absolute; left: 802px } .new-activityv2 .center .p_04 .li_06 { color: #fff; font-size: 30px; position: absolute; left: 769px; padding-top: 120px } .new-activityv2 .center .p_04 .li_07 { padding-top: 77px; color: #fff; font-size: 20px; position: absolute; left: 1119px } .new-activityv2 .center .p_04 .li_08 { color: #fff; font-size: 30px; position: absolute; left: 1054px; padding-top: 103px; width: 210px; line-height: 35px } .new-activityv2 .center .p_05 { position: absolute; padding-top: 84px; left: 102px; width: 1167px } .new-activityv2 .center .p_06 { position: absolute; padding-top: 238px; left: 102px; width: 1167px } .new-activityv2 .center .p_07 { left: 146px } .new-activityv2 .center .p_07, .new-activityv2 .center .p_08 { width: 468px; position: absolute; margin-top: -92px; text-align: justify; font-size: 18px; line-height: 28px } .new-activityv2 .center .p_08 { right: 128px } .new-activityv2 .center .p_09 { position: absolute; z-index: 1; left: 0; right: 0; margin: auto } .new-activityv2 .center .p_09 .li_01 { position: absolute; color: #ffcc4f; font-size: 16px; padding-left: 95px; padding-top: 60px } .new-activityv2 .center .p_09 .li_02 { position: absolute; font-size: 16px; padding-left: 95px; padding-top: 88px } .new-activityv2 .center .p_09 .li_03 { position: absolute; font-size: 16px; padding-left: 95px; padding-top: 215px } .new-activityv2 .center .p_09 .li_04 { position: absolute; font-size: 16px; padding-left: 95px; padding-top: 387px } .new-activityv2 .center .p_09 .li_05 { position: absolute; font-size: 14px; padding-left: 95px; padding-top: 412px; color: #ffcc4f } .new-activityv2 .center .p_09 .more-rulebtn { position: absolute; top: 490px; left: 0; right: 0; margin: auto; cursor: pointer } .new-activityv2 .center .p_10 { position: absolute; z-index: 1; left: 0; right: 0; margin: auto } .new-activityv2 .center .p_10 .li_01 { position: absolute; font-size: 16px; color: #ffcc4f; left: 100px; top: 154px } .new-activityv2 .center .p_10 .li_02 { position: absolute; font-size: 16px; color: #fff; left: 100px; top: 274px } .new-activityv2 .center .p_10 .li_03 { position: absolute; font-size: 16px; color: #fff; left: 100px; top: 300px } .new-activityv2 .center .p_10 .li_04 { width: 1172px; text-align: justify; position: absolute; font-size: 16px; color: #fff; left: 100px; top: 415px; line-height: 26px } .new-activityv2 .center .p_10 .li_04 span { color: #ffcc4f } .new-activityv2 .center .p_10 .li_05 { width: 1166px; text-align: justify; position: absolute; font-size: 16px; color: #fff; left: 100px; top: 630px; line-height: 26px } .new-activityv2 .center .p_10 .li_05 span { color: #ffcc4f; display: inline-block; margin-top: -2px; vertical-align: top } .new-activityv2 .center .p_10 .li_06 { position: absolute; font-size: 16px; color: #fff; left: 100px; top: 810px } .new-activityv2 .center .p_10 .li_07 { position: absolute; font-size: 16px; color: hsla(0, 0%, 100%, .2); left: 0; right: 0; margin: auto; top: 880px; text-align: center } .new-activityv2 .top-banner { width: 100%; margin-top: 108px } .new-activityv2 .bg-idbdv { position: absolute; top: 701px; height: 7693px } .new-activityv2 .bg-img { width: 100%; height: 100% } @media screen and (max-width:1600px) { .new-activityv1 .center { margin-top: -369px } } @media screen and (max-width:1500px) { .new-activityv1 .center { margin-top: -339px } } .newhome-shcool { padding-top: 110px; position: relative } .newhome-shcool .top-bg { width: 100% } .newhome-shcool .name { width: 1200px; margin: auto; position: relative } .newhome-shcool .name span { position: absolute; left: 0; top: 40px; color: #fff; font-size: 24px; padding: 12px 20px; border-radius: 20px; background-color: rgba(0, 0, 0, .5) } .newhome-shcool .center-felx { width: 1200px; display: flex; justify-content: space-between; position: absolute; bottom: -155px; left: 0; right: 0; margin: auto } .newhome-shcool .center-felx .left { width: 580px; height: 240px; background: #23bfcb; border-radius: 6px; color: #fff; font-size: 22px } .newhome-shcool .center-felx .left .felxs { display: flex; justify-content: space-around } .newhome-shcool .center-felx .left .felxs .li span { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 170px; vertical-align: middle } .newhome-shcool .center-felx .left .left-div { width: 200px; margin: auto; text-align: left; padding-bottom: 20px } .newhome-shcool .center-felx .left .left-div img { margin-right: 10px } .newhome-shcool .center-felx .left h2 { width: 510px; height: 1px; padding-bottom: 55px; padding-top: 20px; font-size: 26px; margin: auto; margin-bottom: 50px; color: #fff; border-bottom: 1px solid hsla(0, 0%, 100%, .5) } .newhome-shcool .center-felx .right { width: 580px; height: 240px; background: #ffa94d; border-radius: 6px } .newhome-shcool .center-felx .right h2 { width: 510px; height: 1px; padding-bottom: 55px; padding-top: 20px; font-size: 26px; margin: auto; margin-bottom: 50px; color: #fff; border-bottom: 1px solid hsla(0, 0%, 100%, .5) } .newhome-shcool .center-felx .right .p-sx { color: #fff; font-size: 22px; width: 400px; display: flex; justify-content: space-between; margin: auto; margin-top: -34px } .newhome-shcool .center-felx .right .p-sx img { width: 133px; height: 133px } .newhome-shcool .center-felx .right .p-sx p { width: 245px; line-height: 30px; text-align: left; padding-top: 29px } .teacher-powerx { width: 1200px; margin: auto; padding-top: 200px } .teacher-powerx h2 { color: #212121; font-size: 42px; text-align: center; padding-top: 55px; padding-bottom: 40px } .teacher-powerx ul { width: 1000px; margin: auto } .teacher-powerx ul li { width: 100%; padding-bottom: 50px } .teacher-powerx ul li .left { float: left; display: inline-block } .teacher-powerx ul li .right { display: inline-block; float: right } .teacher-powerx ul li .right .namess { font-size: 36px; color: #373737; padding-top: 50px; padding-bottom: 40px } .teacher-powerx ul li .right .namess img { margin-left: 5px; margin-bottom: 8px } .teacher-powerx ul li p { width: 685px; color: #464545; font-size: 18px; text-align: justify; line-height: 35px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical } .teacher-powerx ul li .teacher-tx { width: 282px; height: 324px } .shcool-kecheng { width: 100%; margin: auto; max-width: 1920px; height: 720px; background-image: url(/themes/bianchengxia/img/bcxweb-new/index_12.jpg); background-position: top; background-repeat: no-repeat } .shcool-kecheng h2 { text-align: center; font-size: 42px; color: #404040; padding-top: 50px; padding-bottom: 20px } .shcool-kecheng .kc-gaikuo-swiper { width: 1200px; margin: auto; height: 400px; position: relative; - -swiper-theme-color: #f60; - -swiper-navigation-color: #fff; - -swiper-navigation-size: 30px } .shcool-kecheng .kc-gaikuo-swiper .swiper-button-prev { left: 70px; outline: none } .shcool-kecheng .kc-gaikuo-swiper .swiper-container { width: 1000px; height: 500px; margin: 50px auto 0 } .shcool-kecheng .kc-gaikuo-swiper .swiper-slide { width: 480px; height: 460px; opacity: .6 } .shcool-kecheng .kc-gaikuo-swiper .swiper-slide-active { opacity: 1 } .shcool-kecheng .kec-chinld { width: 479px; height: 430px; background: #fff; border-radius: 10px; position: relative } .shcool-kecheng .kec-chinld .kc-bg { width: 100%; height: 315px; background-position: 50%; background-repeat: no-repeat; background-size: cover } .shcool-kecheng .kec-chinld .p { font-size: 26px; color: #373737; text-align: justify; line-height: 35px; margin: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .shcool-kecheng .kec-chinld .swiper-button-prev { left: 0; outline: none; width: 66px; height: 66px; background: rgba(88, 168, 148, .3); border-radius: 50% } .shcool-kecheng .kec-chinld .swiper-button-next { right: 0; outline: none; width: 66px; height: 66px; background: rgba(88, 168, 148, .3); border-radius: 50% } .shcool-kecheng .kec-chinld .swiper-button-next:hover { color: #34adc6 } .shcool-kecheng .flex { width: 1000px; display: flex; justify-content: space-between; margin: auto; margin-top: 60px } .teaching-environmentnew { width: 100%; height: 980px; background-image: url(/themes/bianchengxia/img/bcxweb-new/index_13.jpg); background-position: top; background-repeat: no-repeat; color: #fff } .teaching-environmentnew .center { width: 1200px; margin: auto; text-align: center; position: relative } .teaching-environmentnew .center h2 { font-size: 42px; color: #fff; padding-top: 40px; padding-bottom: 30px; margin-top: 0 } .teaching-environmentnew .center p { text-align: justify; font-size: 16px; line-height: 26px; margin-bottom: 50px } .teaching-environmentnew .center .swiper-container { width: 790px; height: 540px; - -swiper-theme-color: #f60; - -swiper-navigation-color: #fff; - -swiper-navigation-size: 30px } .teaching-environmentnew .center .swiper-button-next:after, .teaching-environmentnew .center .swiper-button-prev:after { font-size: 30px } .teaching-environmentnew .center .swiper-button-prev { left: 100px } .teaching-environmentnew .center .swiper-button-next, .teaching-environmentnew .center .swiper-button-prev { outline: none; color: hsla(0, 0%, 100%, .5); width: 66px; height: 66px; background: hsla(0, 0%, 100%, .3); border-radius: 50%; top: auto; bottom: 30% } .teaching-environmentnew .center .swiper-button-next { right: 100px } .teaching-environmentnew .center .swiper-button-next:hover, .teaching-environmentnew .center .swiper-button-prev:hover { color: #fff } .teaching-environmentnew .center .swiper-container .swiper-slide>img { width: 100%; height: 540px } .conent-usnew { background-color: #fcfafa; padding-bottom: 50px } .conent-usnew h2 { text-align: center; font-size: 42px; padding-top: 60px; color: #212121 } .conent-usnew .flex { display: flex; width: 1050px; margin: auto; justify-content: space-between } .conent-usnew .flex .flex-divs { text-align: center; position: relative; font-size: 20px; min-width: 500px } .conent-usnew .flex .flex-divs h2 { margin: 0; padding: 10px 0; font-size: 20px; font-weight: 700; color: #1fc9d3 } .conent-usnew .flex .flex-divs p { max-width: 400px; color: #363336; line-height: 30px; margin: auto } .bm-fiexdfooter { position: fixed; bottom: 0; width: 100%; height: 60px; background: #1fc9d3; box-shadow: 0 3px 10px 0 hsla(210, 2%, 56%, .18); z-index: 99; font-size: 22px; font-weight: 700; line-height: 60px; color: #fff } .bm-fiexdfooter .center-jm { width: 1200px; display: flex; margin: auto } .bm-fiexdfooter .bm { width: 147px; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 22px; cursor: pointer; margin-left: auto; background: #ff5266 } .bm-fiexdfooter img { margin-top: -25px; margin-right: 50px } .kec-chinld { width: 479px; height: 430px; background: #fff; border-radius: 10px; position: relative } .kec-chinld .kc-bg { width: 100%; height: 315px; background-position: 50%; background-repeat: no-repeat; background-size: cover } .kec-chinld .p { font-size: 26px; color: #373737; text-align: justify; line-height: 35px; margin: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .kec-chinld span { position: absolute; right: 0; bottom: 0; padding: 5px 10px; border-radius: 10px 0 10px 0; color: #fff } .kec-chinld .type1 { background-color: #faad14 } .kec-chinld .type2 { background-color: #19d121 } .kec-chinld .type3 { background-color: #ff6573 } .kec-chinld .type4 { background-color: #9d86ff } .kec-chinld .type5 { background-color: #4196ff } .teacer-ulpo li:nth-child(2n+2) .left { float: right } .teacer-ulpo li:nth-child(2n+2) .right { float: left } .err-alert, .succes-alert { width: 480px; height: 326px; background: #fff; border-radius: 20px; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; z-index: 9992; padding-top: 20px; display: none } .err-alert h2, .succes-alert h2 { color: #373737; font-size: 26px; margin: 10px 0 } .err-alert p, .succes-alert p { font-size: 18px } .err-alert .off-btn, .succes-alert .off-btn { position: absolute; right: 30px; top: 20px; color: #666; font-size: 33px; cursor: pointer } .err-alert .konw-btn, .succes-alert .konw-btn { width: 102px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; background: #1fc9d3; border-radius: 20px; margin: auto; margin-top: 20px; cursor: pointer } .bm-zxalert { width: 786px; background: #fff; border-radius: 20px; height: 670px; overflow: hidden; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding-bottom: 30px; z-index: 9992; display: none; font-size: 20px; color: #373737 } .bm-zxalert .center { width: 706px; margin: auto; margin-bottom: 32px; border-bottom: 1px solid #ddd } .bm-zxalert .center .flex { display: flex; flex-wrap: wrap; margin-top: 25px; justify-content: space-between } .bm-zxalert .center .flex .type { width: 342px; display: flex; line-height: 31px; margin-bottom: 25px; position: relative } .bm-zxalert .center .flex .type .form-error-message { position: absolute; top: 37px; left: 103px } .bm-zxalert .center .flex .type #first_mobile-error { left: 140px } .bm-zxalert .center .flex .type .red { color: #eb8f95; display: inline-block; vertical-align: bottom; margin-bottom: -3px; min-width: 5px } .bm-zxalert .center .flex .type .min-width { text-align: right; color: #333; font-size: 16px; min-width: 100px } .bm-zxalert .center .flex .type input, .bm-zxalert .center .flex .type select { width: 203px; height: 35px; padding-left: 10px; outline: none; border: 1px solid #c7c7c7; font-size: 16px; border-radius: 4px } .bm-zxalert .center .flex .type label { font-weight: 400; color: #333; font-size: 16px; margin-bottom: 0; margin-left: 5px } .bm-zxalert .center .flex .type .readio-ins { width: 16px; display: inline-block; vertical-align: top; margin-top: 0; margin-left: 15px } .bm-zxalert h2 { width: 100%; height: 56px; background: #1fc9d3; color: #fff; font-size: 22px; margin: 0; padding: 0; text-align: center; line-height: 56px; margin-bottom: 25px } .bm-zxalert .close-img { position: absolute; right: 20px; top: 16px; cursor: pointer } .bm-zxalert .form-senddiv { margin-left: auto; display: flex; justify-content: space-between; width: 178px; margin-top: -18px; margin-right: 40px } .bm-zxalert .form-senddiv .left { color: #fff; background: #1fc9d3; border-radius: 20px } .bm-zxalert .form-senddiv .left, .bm-zxalert .form-senddiv .right { width: 80px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; cursor: pointer } .bm-zxalert .form-senddiv .right { color: #666; border: 1px solid #ababab; border-radius: 20px } .tel-zxalert, .wx-zxalert { width: 520px; background: #fff; border-radius: 20px; text-align: center; overflow: hidden; position: fixed; top: 30%; left: 0; right: 0; margin: auto; padding-bottom: 50px; z-index: 9992; display: none; font-size: 20px; color: #373737 } .tel-zxalert .wx-code, .wx-zxalert .wx-code { width: 180px; height: 180px; margin-top: 20px; margin-bottom: 10px } .tel-zxalert h2, .wx-zxalert h2 { width: 100%; height: 56px; background: #1fc9d3; color: #fff; font-size: 22px; margin: 0; padding: 0; line-height: 56px } .tel-zxalert .close-img, .wx-zxalert .close-img { position: absolute; right: 20px; top: 16px; cursor: pointer } .tel-zxalert .wi-divtel, .wx-zxalert .wi-divtel { padding-top: 50px } .tel-zxalert .tel-divx, .wx-zxalert .tel-divx { padding: 20px 0; color: #373737; font-size: 20px; text-align: left; padding-left: 30% } .tel-zxalert .tel-divx img, .wx-zxalert .tel-divx img { margin-right: 10px; margin-top: -4px } .homeblack-hide { position: fixed; top: 0; width: 100%; height: 100%; z-index: 9991; display: none; background-color: rgba(0, 0, 0, .6) } @media screen and (max-width:1440px) { .newhome-shcool .center-felx { width: 955px } .newhome-shcool .center-felx .left { width: 460px; font-size: 20px } .newhome-shcool .center-felx .left h2 { width: 90%; font-size: 24px; padding-bottom: 45px } .newhome-shcool .center-felx .right { width: 460px; font-size: 20px } .newhome-shcool .center-felx .right h2 { width: 90%; font-size: 24px; padding-bottom: 45px } .newhome-shcool .name span { font-size: 18px } .teacher-powerx h2 { padding: 40px 0 } .teacher-powerx ul { width: 955px } .teacher-powerx ul li { padding-bottom: 45px } .teacher-powerx ul li p { width: 600px } .teaching-environmentnew { height: 890px } .teaching-environmentnew .center { width: 955px } .teaching-environmentnew .center h2 { font-size: 36px } .teaching-environmentnew .center .swiper-container { width: 672px; height: 415px } .teaching-environmentnew .center .swiper-button-next, .teaching-environmentnew .center .swiper-button-prev { bottom: 22% } .teaching-environmentnew .center .swiper-button-next { right: 36px } .teaching-environmentnew .center .swiper-button-prev { left: 36px } .teaching-environmentnew .center p { font-size: 14px } } .new-activitymain { width: 100%; padding-top: 130px } .new-activitymain .center { width: 1200px; margin: auto } .new-activitymain .center .el-col { margin-bottom: 30px } .new-activitymain .center ul { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap } .new-activitymain .center ul li { width: 588px; height: 420px; background: #fff; box-shadow: 0 2px 12px 0 hsla(0, 0%, 91%, .8); border-radius: 10px; margin-bottom: 30px } .new-activitymain .center ul li img { width: 100%; height: 290px } .new-activitymain .center ul .box-padding, .new-activitymain .center ul li .box-padding { padding: 30px 25px } .new-activitymain .center ul .flex { display: flex; justify-content: space-between } .new-activitymain .center ul .flex .name { color: #1a1a1a; font-size: 18px; padding-bottom: 20px } .new-activitymain .center ul .flex .end-time { color: #999; font-size: 14px } .new-activitymain .center ul .flex .end-time span { color: #1fc9d3; font-size: 20px; font-weight: 700; margin: 0 5px } .new-activitymain .center ul .flex .start-time { color: #999; font-size: 14px } .new-activitymain .center ul .flex .start-time span { color: #333; font-size: 20px; font-weight: 700; margin: 0 5px } .new-activitymain .center ul .flex .start { background: #1fc9d3 } .new-activitymain .center ul .flex .no_start, .new-activitymain .center ul .flex .start { width: 70px; height: 26px; line-height: 26px; text-align: center; color: #fff; font-size: 14px; border-radius: 13px } .new-activitymain .center ul .flex .no_start { background: rgba(31, 201, 211, .5) } .new-activitymain .center ul .flex .end { width: 70px; height: 26px; line-height: 26px; text-align: center; color: #fff; font-size: 14px; background: #c7c7c7; border-radius: 13px } .new-activitymain .center ul .flex .times { color: #999; font-size: 14px } .newhd-black_hide { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99; background-color: rgba(0, 0, 0, .5) } .hddetail_main .banner { width: 100%; height: 594px; background-size: cover; background-position: 50%; background-image: url(/themes/bianchengxia/img/activity_dw/inde_dw_02.jpg); margin-top: 70px } .hddetail_main .list_imgs .bg_width { width: 100% } .hddetail_main .list_imgs .center_front { text-align: center; position: absolute; left: 0; right: 0; margin: auto; margin-top: 55px } .hddetail_main .list_imgs .center_front .zinde-2 { color: #fff; font-size: 20px; padding-top: 25px } .hddetail_main .z_inde9 { position: relative; z-index: 9999; height: 448px; background-color: #fff } .hddetail_main .bg_green { width: 100%; height: 70px; line-height: 70px; background-color: #267642 } .hddetail_main .bg_green .flex { width: 850px; display: flex; justify-content: space-between; margin: auto; font-size: 30px } .hddetail_main .bg_green .flex a { color: hsla(0, 0%, 100%, .5) } .hddetail_main .bg_green .flex a:hover { color: #fff } .hddetail_main .bg_green .flex div { text-align: center } .hddetail_main .bg_green .flex .active a { color: #fff } .hddetail_main .bg_green .flex .active :after { content: ""; display: block; margin: auto; margin-top: -4px; width: 90px; height: 4px; background: #fff; border-radius: 2px } .tgao-alertdiv { width: 520px; background: #fff; border-radius: 20px; position: fixed; top: 25%; left: 0; right: 0; margin: auto; z-index: 99999; overflow: hidden; display: none } .tgao-alertdiv .top { width: 100%; height: 56px; line-height: 56px; text-align: center; font-size: 22px; color: #fff; background-color: #1fc9d3; margin-bottom: 25px } .tgao-alertdiv .x-offbtn { position: absolute; right: 20px; top: 25px; cursor: pointer } .tgao-alertdiv .time_tishi { width: 445px; height: 34px; line-height: 34px; text-align: center; color: #f59204; font-size: 14px; margin: auto; background: #fffbe6; border: 1px solid #ffe998; border-radius: 4px; margin-bottom: 20px } .tgao-alertdiv .btn-flexbottom { display: flex; float: right; margin-right: 35px } .tgao-alertdiv .btn-flexbottom .tg { width: 80px; height: 40px; line-height: 40px; background: #2ad6e0; border-radius: 20px; color: #fff; font-size: 16px; text-align: center; margin-right: 12px; cursor: pointer; transition: all .5s } .tgao-alertdiv .btn-flexbottom .tg:hover { background: #1fc9d3 } .tgao-alertdiv .btn-flexbottom .qx { width: 80px; height: 40px; line-height: 40px; text-align: center; color: #666; border: 1px solid #ababab; border-radius: 20px; cursor: pointer } .tgao-alertdiv .no_works { width: 431px; height: 34px; line-height: 34px; text-align: center; background: #fffbe6; border: 1px solid #ffe998; border-radius: 4px; position: absolute; top: 70px; left: 0; color: #f59204; right: 0; margin: auto; font-size: 14px } .tgao-alertdiv .tg-div { margin: auto; color: #333; font-size: 16px; margin-bottom: 25px; height: 34px; position: relative } .tgao-alertdiv .tg-div .no_work { width: 330px; height: 34px; line-height: 34px; background: #f5f5f5; border: 1px solid #c7c7c7; border-radius: 4px; color: #909090; font-size: 14px; display: inline-block; padding-left: 10px } .tgao-alertdiv .tg-div ::placeholder { color: #c8c8c8 } .tgao-alertdiv .tg-div .flex { width: 438px; margin: auto; justify-content: space-between } .tgao-alertdiv .tg-div .flex .no_shcool { width: 300px; height: 34px; line-height: 30px; border: 1px solid #ff5252; border-radius: 4px; color: #ff5252; font-size: 14px; display: inline-block; text-align: left; padding-left: 10px } .tgao-alertdiv .tg-div .flex .yzm_samll { width: 155px !important; margin-right: 10px; margin-top: 2px } .tgao-alertdiv .tg-div .flex .get_code { width: 127px; height: 34px; line-height: 34px; text-align: center; color: #20cad3; font-size: 16px; display: inline-block; border: 1px solid #20cad4; border-radius: 4px; cursor: pointer } .tgao-alertdiv .tg-div .flex .left { width: 95px; vertical-align: middle; margin-top: 7px; text-align: right; display: inline-block } .tgao-alertdiv .tg-div .flex .left .btspan { color: #d04640; margin-top: 3px; display: inline-block; vertical-align: top; margin-right: 5px } .tgao-alertdiv .tg-div .flex select { width: 300px; height: 34px; border: 1px solid #c7c7c7 !important; border-radius: 4px; outline: none; padding-left: 10px; display: inline-block } .tgao-alertdiv .tg-div .flex .form-control-error { border: 1px solid #ed3e3e !important } .tgao-alertdiv .tg-div .flex .form-error-message { font-size: 12px; padding-left: 108px; position: absolute; top: 38px; color: #ff2020 } .tgao-alertdiv .tg-div .flex input { width: 300px; height: 34px; border: 1px solid #c7c7c7; border-radius: 4px; outline: none; padding-left: 10px; display: inline-block; vertical-align: top; margin-top: 2px } .tgao-alertdiv .tg-div .flex input:focus { border: 1px solid #1fc9d3 } .new_activitybottom { position: fixed; bottom: 0; width: 100%; background: #e88c1d; text-align: center; z-index: 99 } .new_activitybottom .h2 { color: #fff; font-size: 26px; margin-bottom: 5px } .new_activitybottom .h3 { color: hsla(0, 0%, 100%, .8); font-size: 16px } .new_activitybottom .type1 { cursor: pointer } .succes_enlist { position: fixed; z-index: 9999; display: none; width: 400px; height: 335px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: #fff; border-radius: 20px } .succes_enlist img { width: 100%; height: 100% } .succes_enlist .offs_btn { position: absolute; width: 20px; height: 20px; top: 20px; right: 20px; cursor: pointer } .succes_enlist .succes_enchild { position: relative; z-index: 999 } .succes_enlist .i_konew { width: 120px; height: 40px; line-height: 40px; background: #20cad4; color: #fff; font-size: 16px; position: absolute; bottom: 30px; text-align: center; cursor: pointer } .err_enlist, .succes_enlist .i_konew { border-radius: 20px; left: 0; right: 0; margin: auto } .err_enlist { position: fixed; z-index: 9999; display: none; width: 430px; height: 300px; top: 0; bottom: 0; background: #fff } .err_enlist img { width: 100%; height: 100% } .err_enlist .offs_btn { position: absolute; width: 20px; height: 20px; top: 20px; right: 20px; cursor: pointer } .err_enlist .succes_enchild { position: relative; z-index: 999 } .err_enlist .i_konew { width: 120px; height: 40px; line-height: 40px; background: #20cad4; color: #fff; font-size: 16px; position: absolute; bottom: 30px; text-align: center; cursor: pointer } .contribution_alert, .err_enlist .i_konew { border-radius: 20px; left: 0; right: 0; margin: auto } .contribution_alert { position: fixed; top: 10%; width: 900px; overflow-y: scroll; background: #fff; overflow: hidden; z-index: 99999 } .contribution_alert .top_wanth2 { text-align: center; width: 100%; height: 62px; line-height: 62px; border-bottom: 1px solid #eaeaea; color: #605f5f; font-size: 18px } .contribution_alert .off_btn { position: absolute; top: 14px; right: 14px; cursor: pointer } .contribution_alert .banse_topbg { width: 848px; height: 50px; line-height: 50px; display: flex; margin: auto; background: rgba(31, 201, 211, .1); border-radius: 4px; margin-top: 12px; margin-bottom: 20px; padding-left: 20px } .contribution_alert .banse_topbg img { margin-right: 4px } .contribution_alert .banse_topbg .right { margin-left: 50px } .contribution_alert .tite_h2 { color: #333; font-size: 14px; padding-left: 45px } .contribution_alert .contr_ul .li_work:nth-of-type(4n+4) { margin-right: 0 } .contribution_alert .notes_h3 { color: #1fc9d3; padding-left: 45px; font-weight: 700 } .contribution_alert .contr_ul { width: 835px; max-height: 480px; overflow-y: auto; margin: auto; padding-top: 20px; margin-left: 40px } .contribution_alert .contr_ul .gu_active { position: absolute; right: -10px; top: -10px; display: none } .contribution_alert .contr_ul .err_ts { color: #ff5151; font-size: 14px; position: absolute; bottom: 70px; left: 45px } .contribution_alert .contr_ul li { width: 170px; height: 220px; display: inline-block; border: 3px solid rgba(31, 201, 211, .2); margin-right: 40px; border-radius: 6px; margin-bottom: 40px; transition: all .5s; position: relative } .contribution_alert .contr_ul li .bg { width: 100%; height: 140px; background-position: 50%; background-size: cover } .contribution_alert .contr_ul li .name { color: #333; font-size: 14px; margin: 15px 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .contribution_alert .contr_ul li:hover { border-color: #1fc9d3 } .contribution_alert .contr_ul .active { background-color: #e8f9fb; border-color: #1fc9d3 } .contribution_alert .contr_ul .active .gu_active { display: block } .contribution_alert .contr_ul li:nth-of-type(4n+4) { margin-right: 0 } .contribution_alert .contr_ul .no_work { text-align: center; color: #747474; font-size: 16px } .contribution_alert .contr_ul .no_work img { display: block; margin: auto; margin-top: 50px; margin-bottom: 35px } .contribution_alert .contr_ul .no_work .to_creact { width: 142px; height: 40px; display: block; line-height: 40px; text-align: center; color: #fff; font-size: 16px; background: #1fc9d3; border-radius: 20px; margin: 47px auto } .contribution_alert .contr_alermain { position: relative; z-index: 9999; background-color: #fff } .contribution_alert .contr_ul::-webkit-scrollbar { width: 4px } .contr_ul::-webkit-scrollbar-thumb, .contribution_alert .contr_ul::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px #d9d9d9; background: #d9d9d9; border-radius: 9px } .bottom_flex { display: flex; text-align: right; margin-left: auto; margin-top: 35px; width: 218px; padding-bottom: 50px; margin-right: 30px } .bottom_flex .ture_btn { width: 120px; height: 40px; line-height: 40px; background: #2ad6e0; border-radius: 20px; color: #fff; font-size: 16px; text-align: center; margin-right: 12px; cursor: pointer; transition: all .5s } .bottom_flex .ture_btn:hover { background: #1fc9d3 } .bottom_flex .cancel_btn { width: 120px; height: 40px; line-height: 40px; text-align: center; color: #666; border: 1px solid #ababab; border-radius: 20px; cursor: pointer } .confirm_alertContnibion { position: fixed; width: 747px; height: 642px; background: #fff; border-radius: 20px; top: 0; right: 0; left: 0; bottom: 0; margin: auto; z-index: 9999999 } .confirm_alertContnibion .contr_alermain { position: relative; z-index: 9999; background-color: #fff; height: 100%; border-radius: 20px } .confirm_alertContnibion .contr_alermain .top_wanth2 { text-align: center; width: 100%; height: 62px; line-height: 62px; border-bottom: 1px solid #eaeaea; color: #605f5f; font-size: 18px } .confirm_alertContnibion .contr_alermain .flex_bg { width: 648px; margin: auto; background: rgba(31, 201, 211, .1); display: flex; justify-content: space-around; flex-wrap: wrap; padding: 32px 31px } .confirm_alertContnibion .contr_alermain .flex_bg .item { width: 50%; margin-bottom: 25px } .confirm_alertContnibion .contr_alermain .flex_bg .flex_work { display: flex; margin-right: auto } .confirm_alertContnibion .contr_alermain .flex_bg .flex_work .right { width: 170px; height: 220px; border: 3px solid rgba(31, 201, 211, .5); border-radius: 6px } .confirm_alertContnibion .contr_alermain .flex_bg .flex_work .right .bg { width: 100%; height: 140px; background-position: 50%; background-size: cover } .confirm_alertContnibion .contr_alermain .flex_bg .flex_work .right .name { color: #333; font-size: 14px; margin: 15px 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .confirm_alertContnibion .contr_alermain .off_btn { position: absolute; top: 20px; right: 20px; cursor: pointer } .confirm_alertContnibion .contr_alermain .title_main { width: 696px; height: 34px; line-height: 34px; padding-left: 24px; margin: auto; margin-top: 12px; margin-bottom: 20px; background: #fffbe6; border: 1px solid #ffe998; border-radius: 4px; color: #f59204; font-size: 14px } .confirm_alertContnibion .contr_alermain .see_bottom { color: #333; font-size: 14px; padding-left: 50px; padding-bottom: 20px } .z_index999 { z-index: 9999; position: relative } .off_btnnews { width: 20px; height: 20px; position: absolute; right: 20px; top: 20px; cursor: pointer; z-index: 999 } .tao_succesalert { width: 400px; height: 424px; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 999 } .tao_succesalert .code_img, .tao_succesalert .code_imgs { width: 259px; height: 259px; display: block; margin: auto; position: absolute; bottom: 20px; left: 0; right: 0 } .have_bmalert, .have_tpsucces, .no_bmalert, .succe_tpsucces { width: 430px; height: 300px; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 9999 } .have_bmalert .konew_bnt, .have_tpsucces .konew_bnt, .no_bmalert .konew_bnt, .succe_tpsucces .konew_bnt { width: 120px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; background: #1fc9d3; border-radius: 20px; position: absolute; left: 0; right: 0; margin: auto; bottom: 20px; cursor: pointer } .have_tpsucces, .succe_tpsucces { width: 400px; height: 420px } .have_tpsucces .code_img, .have_tpsucces .code_imgs, .succe_tpsucces .code_img, .succe_tpsucces .code_imgs { width: 240px; height: 240px; bottom: 60px; position: absolute; left: 0; right: 0; margin: auto } .zd_divmain { margin-bottom: 140px } .zd_divmain .disb_img { display: block; margin: auto; margin-bottom: 40px } .zd_divmain .zd_ul { display: flex; justify-content: space-between } .zd_divmain .zd_ul li { width: 278px; height: 280px; background: #fff; border: 1px solid #eee; border-radius: 20px } .zd_divmain .zd_ul li .name { color: #4b4b4b; font-size: 16px; width: 190px; text-align: center; margin: auto; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .zd_divmain .zd_ul li .d_jiang { display: block; margin: auto; margin-top: 35px } .zd_divmain .zsd_ul { display: flex; flex-wrap: wrap; align-items: center } .zd_divmain .zsd_ul .d_jiang { display: block; margin: auto; margin-top: 35px; margin-bottom: 20px } .zd_divmain .zsd_ul li { width: 380px; height: 260px; margin-bottom: 30px; background: #fff; border: 1px solid #eee; border-radius: 20px; text-align: center; margin-right: 30px } .zd_divmain .zsd_ul li .name { color: #4b4b4b; font-size: 16px } .zd_divmain .zsd_ul li:nth-child(3n+3) { margin-right: 0 } .dw_awrad_ul { width: 100%; margin-bottom: 70px } .dw_awrad_ul .disb_img { display: block; margin: auto; margin-bottom: 40px } .dw_awrad_ul li { width: 100%; height: 370px; background: #fff; border: 1px solid #eee; border-radius: 20px; display: flex; margin-bottom: 30px } .dw_awrad_ul li .left_shcoolname { width: 160px; height: 300px; margin-left: 50px; padding-top: 70px; color: #4b4b4b; font-size: 16px; margin-right: 30px; text-align: justify; box-sizing: border-box } .dw_awrad_ul li .left_shcoolname img { margin-bottom: 15px } .dw_awrad_ul li .boder_left { width: 1px; height: 240px; background-color: #eee; margin-right: 55px; margin-top: 60px } .dw_awrad_ul li .look_morword { width: 20px; height: 321px; line-height: 31px; text-align: center; color: #1fc9d3; font-size: 18px; border: 1px solid #1fc9d3; border-radius: 12px; padding: 59px 45px 0 25px; margin-top: 20px; cursor: pointer } .all_workmainalert { width: 1040px; height: 776px; border-radius: 20px; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 9999; display: none } .all_workmainalert .nwork-listul>li:nth-child(4n+4) { margin-right: 0 !important } .all_workmainalert .nwork-listul>li:nth-child(5n+5) { margin-right: 20px !important } .all_workmainalert .off_btn { font-size: 30px; position: absolute; right: 20px; top: 10px; color: #868686; cursor: pointer } .all_workmainalert h2 { color: #605f5f; font-size: 18px; text-align: center; padding: 20px 0; border-bottom: 1px solid #eaeaea } .all_workmainalert .main_alllook { z-index: 9999; position: relative; background: #fff } .nwork-listul::-webkit-scrollbar { width: 4px } .nwork-listul::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px #2796ff; background: #31acff; border-radius: 9px } .nwork-listul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1); border-radius: 0; background: #e2e2e2; border-radius: 9px } @media screen and (max-width:1440px) { .hddetail_main .contribution_alert .contr_ul { max-height: 250px } .hddetail_main .contribution_alert .contr_ul .err_ts { bottom: 90px } .all_workmainalert { height: 400px } .alr_listui { max-height: 350px !important } } .toup_suucestimg { width: 5.77rem; height: 8.21rem; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 999; display: none } .toup_suucestimg img { width: 100%; height: 100% } .toup_suucestimg .off_btns { width: .8rem; height: .8rem; position: absolute; bottom: 0; left: 0; right: 0; margin: auto } .toup_suucestimg .woy_fenx { width: 4.7rem; height: .82rem; left: 0; right: 0; margin: auto; position: absolute; bottom: 1.9rem } .dwblack_hides { position: fixed; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); z-index: 99; display: none } .dw_mobillist { width: 6.8rem; margin: .3rem auto } .dw_mobillist ul li { width: 100%; height: 4.95rem; box-shadow: 0 4px 13px 0 hsla(0, 0%, 87%, .36); position: relative; margin-bottom: .35rem; overflow: hidden; border-radius: .1rem; padding-bottom: .1rem; background-color: #fff } .dw_mobillist ul li .bg { width: 100%; height: 3.2rem } .dw_mobillist ul li .poa_right { position: absolute; bottom: 1.1rem; right: .15rem; width: 1rem; height: .36rem; text-align: center; line-height: .36rem; border-radius: .18rem; font-size: .2rem; font-weight: 700; color: #fff } .dw_mobillist ul li .ing_jxz { background: #1fc9d3 } .dw_mobillist ul li .end { background: #c7c7c7 } .dw_mobillist ul li .no_start { background: rgba(31, 201, 211, .5) } .dw_mobillist ul li .h2 { color: #333; font-size: .38rem; max-width: 5.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: .18rem .2rem .1rem } .dw_mobillist ul li .bottom_title { padding-top: .25rem; padding-bottom: .15rem; color: #999; line-height: 22px; font-size: .24rem; padding: 0 .22rem } .dwmobile_deails { background-color: #7fc393 } .dwmobile_deails .img_wi100 { width: 100% } .dwmobile_deails .p_numsdw { padding: .12rem; background: rgba(0, 0, 0, .5); color: #fff; font-size: .26rem; text-align: center; border-radius: .1rem 0 .22rem 0; position: absolute; left: 0; top: 0 } .dwmobile_deails .cldk_tp { width: 2.6rem; height: .7rem; display: flex; justify-content: center; align-items: center; background: #ff7428; border-radius: .35rem; margin: .2rem auto; color: #fff; font-size: .3rem } .dwmobile_deails .havecldk_tp { background: #faa668; color: hsla(0, 0%, 100%, .5) } .dwmobile_deails .a_mobile { height: 2.5rem !important } .dwmobile_deails .select_bcxul>li { border: none !important; position: relative } .dwmobile_deails .sf_ul { width: 6.58rem !important } .dwmobile_deails .sf_ul li { overflow: hidden; border: 1px solid #e8e8e8 !important } .dwmobile_deails .mobil_sui { width: 6.78rem; margin: .45rem auto } .dwmobile_deails .mobil_sui .lookess_nums { width: .32rem !important; height: .15rem !important; margin-top: .08rem !important } .dwmobile_deails .mobil_sui .lokess_num { margin-top: 1px !important } .dwmobile_deails .mobil_sui .temed-img { height: 2.5rem !important } .dwmobile_deails .por_rightgz { position: absolute; top: 1.5rem; right: 0 } .dwmobile_deails .por_rightgz div { width: 1.42rem; height: .6rem; line-height: .6rem; text-align: center; font-size: .26rem; color: #fff; background: rgba(0, 0, 0, .6); margin-bottom: .3rem; border-radius: 30px 0 0 30px } .dwmobile_deails .felx_mobile { display: flex; height: .9rem; line-height: .9rem; justify-content: space-between } .dwmobile_deails .felx_mobile a { width: 33.3%; background-color: #267642; color: hsla(0, 0%, 100%, .5); font-size: .32rem; text-align: center } .dwmobile_deails .felx_mobile .active { background: #50ad71; color: #fff } .dwmobile_deails .bottom_poafixd { position: fixed; bottom: 0; width: 100%; height: 1rem; text-align: center; background: #fe9a00 } .dwmobile_deails .bottom_poafixd .want_cas { color: #fff; font-size: .34rem; padding: .05rem 0 } .dwmobile_deails .bottom_poafixd .time { font-size: .24rem; color: #fff } .dwmobile_deails .enddn { line-height: .85rem; background-color: #bebdba } .alert_dqenlist { position: fixed; width: 100%; height: 7.94rem; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: none } .alert_dqenlist .no_shoccls { color: #ff4c4c !important } .alert_dqenlist .off_btns { width: .8rem; height: .8rem; display: block; margin: .2rem auto; z-index: 99; position: relative } .alert_dqenlist .dwmain_enlist { padding: .37rem .4rem; width: 6.39rem; background: #fff; border-radius: .2rem; box-sizing: border-box; position: relative; z-index: 999; margin: auto } .alert_dqenlist .dwmain_enlist .one_cshonlu { color: #333; font-size: .26rem; width: 5.15rem; margin: auto; border-bottom: 1px solid #d3d3d3; margin-bottom: .6rem; padding-bottom: .2rem } .alert_dqenlist .dwmain_enlist .btn_formtj { width: 4.7rem; height: .82rem; line-height: .82rem; text-align: center; margin: auto; background: #1fc9d3; box-shadow: 0 7px 17px 0 rgba(31, 201, 211, .21); border-radius: .41rem; color: #fff; font-size: .3rem } .alert_dqenlist .dwmain_enlist .dxselect_main { color: #333; font-size: .26rem; width: 5.15rem; margin: auto } .alert_dqenlist .dwmain_enlist .dxselect_main select { width: 100%; outline: none; border: none } .alert_dqenlist .dwmain_enlist .h2 { padding: .27rem .23rem; background: #fffbe6; border: 1px solid #ffe998; color: #f59204; font-size: .26rem; margin: auto; text-align: justify; margin-bottom: .5rem } .alert_dqenlist .dwmain_enlist .input_divmain { width: 5.15rem; margin: auto; border-bottom: 1px solid #d3d3d3; margin-bottom: .6rem } .alert_dqenlist .dwmain_enlist .input_divmain input { outline: none; border: none; font-size: .26rem; color: #333; padding-bottom: .2rem } .alert_dqenlist .dwmain_enlist .input_divmain ::placeholder { color: #aaa } .alert_dqenlist .dwmain_enlist .dx_inputmain { width: 5.15rem; margin: auto; display: flex; justify-content: space-between; border-bottom: 1px solid #d3d3d3; margin-bottom: .6rem; padding-bottom: .2rem } .alert_dqenlist .dwmain_enlist .dx_inputmain input { width: 2rem; outline: none; border: none; font-size: .26rem; color: #333; padding-bottom: .2rem } .alert_dqenlist .dwmain_enlist .dx_inputmain input ::placeholder { color: #aaa } .alert_dqenlist .dwmain_enlist .dx_inputmain .get_code { width: 2.4rem; height: .5rem; line-height: .45rem; display: inline-block; text-align: center; border: 1px solid #1fc9d3; border-radius: .25rem; color: #1fc9d3; font-size: .25rem; padding-bottom: 0; vertical-align: middle; margin-bottom: .2rem } .dwblack_hide { position: fixed; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); z-index: 99 } .err_stg, .succe_enlistalert { width: 100%; height: 5.45rem; position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: none } .err_stg .mian_alert, .succe_enlistalert .mian_alert { width: 5.6rem; height: 5.45rem; background: #fff; position: relative; z-index: 999; border-radius: 20px; margin: auto } .err_stg .mian_alert img, .succe_enlistalert .mian_alert img { width: 100%; height: 100% } .err_stg .off_btn, .succe_enlistalert .off_btn { position: absolute; width: .4rem; height: .4rem; right: .2rem; top: .1rem } .err_stg .konew_btn, .succe_enlistalert .konew_btn { width: 3.8rem; height: .84rem; position: absolute; left: 0; right: 0; margin: auto; bottom: .5rem } .dwlogin_alert { width: 100%; height: 5.77rem; position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto } .dwlogin_alert .dw_loginmain { width: 5.8rem; height: 5.77rem; background: #fff; border-radius: 20px; position: relative; z-index: 999; margin: auto } .dwlogin_alert .dw_loginmain .h2 { color: #1fc9d3; font-size: .45rem; text-align: center; padding-top: .42rem; padding-bottom: .89rem } .dwlogin_alert .input_divmain { width: 4.8rem; margin: auto; border-bottom: 1px solid #d3d3d3; margin-bottom: .6rem } .dwlogin_alert .input_divmain input { outline: none; border: none; font-size: .26rem; color: #333; padding-bottom: .2rem } .dwlogin_alert .input_divmain ::placeholder { color: #aaa } .dwlogin_alert .btn_formtj { width: 4.7rem; height: .82rem; line-height: .82rem; text-align: center; margin: auto; background: #1fc9d3; box-shadow: 0 7px 17px 0 rgba(31, 201, 211, .21); border-radius: .41rem; color: #fff; font-size: .3rem } .dwlogin_alert .off_btns { width: .8rem; height: .8rem; display: block; margin: .2rem auto; z-index: 99; position: relative } .dwlogin_alert .mw_zhtitle { color: #bcbcbc; text-align: center; font-size: .22rem; padding-top: .1rem } .bm_wantbtn { width: 7.5rem; height: 1rem; text-align: center; line-height: 1rem; color: #fff; font-size: .34rem; position: fixed; bottom: 0; background: #fe9a00 } .contribi_alert { width: 100%; height: 5.37rem; position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: none } .contribi_alert .off_btns { width: .8rem; height: .8rem; display: block; margin: .2rem auto; z-index: 99; position: relative } .contribi_alert .contr_mian { width: 5.8rem; height: 5.37rem; border-radius: 20px; position: relative; z-index: 999; margin: auto; color: #424242; font-size: .26rem; background-color: #fff; text-align: center } .contribi_alert .contr_mian h2 { color: #fe9900; font-size: .46rem; font-weight: 400; margin: 0; text-align: center; padding-top: .7rem; padding-bottom: .5rem } .contribi_alert .contr_mian .cop_dizhi { padding-bottom: .4rem } .contribi_alert .contr_mian .copy_btn { width: 4.7rem; height: .82rem; line-height: .82rem; color: #fff; font-size: .3rem; background: #fe9900; box-shadow: 0 7px 17px 0 rgba(255, 150, 14, .21); border-radius: .41rem; margin: auto; margin-top: .1rem } .dwrule_alert { width: 100%; height: 9.24rem; position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: none } .dwrule_alert .off_btns { width: .8rem; height: .8rem; display: block; margin: .2rem auto; z-index: 99; position: relative } .dwrule_alert .rule_mainsdw { width: 6.38rem; height: 7.24rem; overflow-y: auto; border-radius: 20px; position: relative; z-index: 999; margin: auto; background-color: #fff; padding: .35rem .4rem; color: #4b5e51; font-size: .25rem } .dwrule_alert .rule_mainsdw p { line-height: .4rem } .dwrule_alert .rule_mainsdw .img_h2 { width: 3.7rem; height: .8rem; display: block; margin: auto } .dwrule_alert .rule_mainsdw .h2 { background: #77ab87; border-radius: 24px; padding: .1rem .3rem; color: #fff; font-size: .28rem; margin-bottom: .2rem; margin-top: .4rem; display: inline-block } .awrad_flex { width: 4.15rem; display: flex; padding-top: .44rem; margin: auto; justify-content: space-between } .awrad_flex a { width: 2.09rem; height: .64rem; line-height: .64rem; text-align: center; color: #2f894e; font-size: .28rem; border: 2px solid #3d9b5e } .awrad_flex .left { border-radius: .32rem 0 0 .32rem } .awrad_flex .right { border-radius: 0 .32rem .32rem 0 } .awrad_flex .active { background: #3d9b5e; color: #fff } .ydj_teamdiv .jb_img { width: 3.05rem; height: 2.95rem; display: block; margin: .2rem auto } .ydj_teamdiv .school_name { color: #fff; font-size: .26rem; text-align: center } .ydj_teamdiv .look_morework { width: 3rem; height: .7rem; line-height: .7rem; background: #ff7428; border-radius: .35rem; text-align: center; color: #fff; font-size: .3rem; margin: auto; margin-bottom: .45rem } .more_zuoplist { width: 6.78rem; position: fixed; left: 0; right: 0; top: 15%; margin: auto; background-color: #fff; border-radius: 10px; display: none; z-index: 999 } .more_zuoplist .lok_motih2 { width: 4.5rem; height: .87rem; display: block; margin: .4rem auto } .more_zuoplist .off_btns { width: .8rem; height: .8rem; display: block; margin: .2rem auto; z-index: 99; position: absolute; left: 0; right: 0 } .zd_shoolcdiv .zd_img { width: 3.7rem; height: .8rem; display: block; margin: auto; margin-bottom: .6rem } .zd_shoolcdiv .jbs_img { width: 2.05rem; display: block; margin: .1rem auto } .zd_shoolcdiv ul { width: 6.78rem; margin: auto; display: flex; justify-content: space-between; flex-wrap: wrap } .zd_shoolcdiv ul li { width: 3.2rem; height: 3.34rem; background: #fff; border: 1px solid #eee; border-radius: .2rem; text-align: center; margin-bottom: .32rem } .zd_shoolcdiv ul li img { margin-top: .2rem } .zd_shoolcdiv ul li .name { width: 90%; color: #4b4b4b; font-size: .26rem; text-align: justify; padding-top: .3rem; margin: auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }