@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") } .box{ width: 100%; height: 100%; overflow: scroll; margin: 0px; } .scrollbar{ width: 30px; height: 300px; margin: 0 auto; } /*滚动条整体样式*/ .box::-webkit-scrollbar { width: 10px; height: 1px; } /*滚动条滑块*/ .box::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background-color: rgb(168, 168, 168); } /*滚动条轨道*/ .box::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); border-radius: 10px; background-color: rgb(222, 135, 135) 0); } .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: #edf8ff; border-radius: 3px; } .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); overflow: hidden; } 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: #fff } a.transition,a.transition:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .underline,.underline:hover { text-decoration: underline } .ellipsis,.text-overflow { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-80px) } to { opacity: 1; -moz-transform: translateX(0) } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-80px) } to { opacity: 1; -o-transform: translateX(0) } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(80px) } to { opacity: 1; -moz-transform: translateY(0) } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(80px) } to { opacity: 1; -o-transform: translateY(0) } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(80px) } to { opacity: 1; -moz-transform: translateX(0) } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(80px) } to { opacity: 1; -o-transform: translateX(0) } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-80px) } to { opacity: 1; -moz-transform: translateY(0) } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-80px) } to { opacity: 1; -o-transform: translateY(0) } } @keyframes rotate { 0% { transform: scale(1) } 50% { transform: scale(1.5) } to { transform: scale(1) } } @-moz-keyframes rotate { 0% { -moz-transform: scale(1) } 50% { -moz-transform: scale(1.5) } to { -moz-transform: scale(1) } } @-webkit-keyframes rotate { 0% { -webkit-transform: scale(1) } 50% { -webkit-transform: scale(1.5) } to { -webkit-transform: scale(1) } } @-o-keyframes rotate { 0% { -o-transform: scale(1) } 50% { -o-transform: scale(1.5) } to { -o-transform: scale(1) } } @-webkit-keyframes loader-scale { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 45% { -webkit-transform: scale(.1); transform: scale(.1); opacity: .7 } 80% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes loader-scale { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 45% { -webkit-transform: scale(.1); transform: scale(.1); opacity: .7 } 80% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } .card-loader { color: #919191; line-height: 20px; text-align: center } .loader-inner>span { background-color: #43bc60; width: 5px; height: 5px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block } .loader-inner>span.nth-child(1) { -webkit-animation: loader-scale .75s .12s infinite cubic-bezier(.2,.68,.18,1.08); animation: loader-scale .75s .12s infinite cubic-bezier(.2,.68,.18,1.08) } .loader-inner>span:nth-child(2) { -webkit-animation: loader-scale .75s .24s infinite cubic-bezier(.2,.68,.18,1.08); animation: loader-scale .75s .24s infinite cubic-bezier(.2,.68,.18,1.08) } .loader-inner>span:nth-child(3) { -webkit-animation: loader-scale .75s .36s infinite cubic-bezier(.2,.68,.18,1.08); animation: loader-scale .75s .36s infinite cubic-bezier(.2,.68,.18,1.08) } @-webkit-keyframes nextshake { 0% { opacity: 1; -webkit-transform: translateY(-2px) } 50% { -webkit-transform: translateY(2px) } to { opacity: 1; -webkit-transform: translateY(-2px) } } @keyframes nextshake { 0% { opacity: 1; transform: translateY(-2px) } 50% { transform: translateY(2px) } to { opacity: 1; transform: translateY(-2px) } } .es-transup,.es-transup:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .es-transup:hover { transform: translateY(-6px); -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); box-shadow: 0 26px 40px -24px rgba(0,36,100,.3); -webkit-box-shadow: 0 26px 40px -24px rgba(0,36,100,.3); -moz-box-shadow: 0 26px 40px -24px rgba(0,36,100,.3) } /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */.animated { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s } @-webkit-keyframes bounce { 0%,20%,53%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0); transform: translateZ(0) } 40%,43% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0) } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0) } } @keyframes bounce { 0%,20%,53%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0); transform: translateZ(0) } 40%,43% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0) } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes flash { 0%,50%,to { opacity: 1 } 25%,75% { opacity: 0 } } @keyframes flash { 0%,50%,to { opacity: 1 } 25%,75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1) } 40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1) } 50% { -webkit-transform: scale3d(1.15,.85,1); transform: scale3d(1.15,.85,1) } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1) } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1) } 40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1) } 50% { -webkit-transform: scale3d(1.15,.85,1); transform: scale3d(1.15,.85,1) } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1) } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } @keyframes shake { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg); transform: scale3d(.9,.9,.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg); transform: scale3d(1.1,1.1,1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg); transform: scale3d(1.1,1.1,1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg); transform: scale3d(.9,.9,.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg); transform: scale3d(1.1,1.1,1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg); transform: scale3d(1.1,1.1,1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%,0,0) rotate(-5deg); transform: translate3d(-25%,0,0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%,0,0) rotate(3deg); transform: translate3d(20%,0,0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%,0,0) rotate(-3deg); transform: translate3d(-15%,0,0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%,0,0) rotate(2deg); transform: translate3d(10%,0,0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%,0,0) rotate(-1deg); transform: translate3d(-5%,0,0) rotate(-1deg) } to { -webkit-transform: none; transform: none } } @keyframes wobble { 0% { -webkit-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%,0,0) rotate(-5deg); transform: translate3d(-25%,0,0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%,0,0) rotate(3deg); transform: translate3d(20%,0,0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%,0,0) rotate(-3deg); transform: translate3d(-15%,0,0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%,0,0) rotate(2deg); transform: translate3d(10%,0,0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%,0,0) rotate(-1deg); transform: translate3d(-5%,0,0) rotate(-1deg) } to { -webkit-transform: none; transform: none } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 0%,11.1%,to { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } @keyframes jello { 0%,11.1%,to { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes bounceIn { 0%,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03) } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97) } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes bounceIn { 0%,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03) } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97) } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0) } 75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInDown { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0) } 75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0) } to { -webkit-transform: none; transform: none } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0) } 75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInLeft { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0) } 75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0) } to { -webkit-transform: none; transform: none } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0) } 75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } 90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInRight { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0) } 75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } 90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0) } to { -webkit-transform: none; transform: none } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0) } 75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInUp { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0) } 75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 50%,55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } to { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 50%,55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } to { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0) } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0) } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0) } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0) } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0) } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0) } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0) } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0) } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity: 1; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDown { 0% { opacity: 1; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownSmall { 0% { opacity: 1; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDownSmall { 0% { opacity: 1; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDownSmall { -webkit-animation-name: fadeInDownSmall; animation-name: fadeInDownSmall } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpSmall { 0% { opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUpSmall { 0% { opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUpSmall { -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } @keyframes fadeOutDown { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } } @keyframes fadeOutDownBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } @keyframes fadeOutLeft { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } } @keyframes fadeOutLeftBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @keyframes fadeOutRight { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } } @keyframes fadeOutRightBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } @keyframes fadeOutUp { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } } @keyframes fadeOutUpBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn); transform: perspective(400px) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); transform: perspective(400px) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); transform: perspective(400px) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95); transform: perspective(400px) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn); transform: perspective(400px) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); transform: perspective(400px) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); transform: perspective(400px) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95); transform: perspective(400px) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible!important; backface-visibility: visible!important } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } .flipOutY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1 } to { -webkit-transform: none; transform: none; opacity: 1 } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1 } to { -webkit-transform: none; transform: none; opacity: 1 } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0 } } @keyframes lightSpeedOut { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0 } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%,80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0 } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%,80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0 } } .hinge { -webkit-animation-name: hinge; animation-name: hinge } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate(-120deg); transform: translate3d(-100%,0,0) rotate(-120deg) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate(-120deg); transform: translate3d(-100%,0,0) rotate(-120deg) } to { opacity: 1; -webkit-transform: none; transform: none } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate(120deg); transform: translate3d(100%,0,0) rotate(120deg) } } @keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate(120deg); transform: translate3d(100%,0,0) rotate(120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 50% { opacity: 1 } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 50% { opacity: 1 } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0); transform: scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0); transform: scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } to { opacity: 0 } } @keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } to { opacity: 0 } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); transform: scale3d(.475,.475,.475) translate3d(42px,0,0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px,0,0); transform: scale(.1) translate3d(-2000px,0,0); -webkit-transform-origin: left center; transform-origin: left center } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); transform: scale3d(.475,.475,.475) translate3d(42px,0,0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px,0,0); transform: scale(.1) translate3d(-2000px,0,0); -webkit-transform-origin: left center; transform-origin: left center } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); transform: scale3d(.475,.475,.475) translate3d(-42px,0,0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px,0,0); transform: scale(.1) translate3d(2000px,0,0); -webkit-transform-origin: right center; transform-origin: right center } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); transform: scale3d(.475,.475,.475) translate3d(-42px,0,0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px,0,0); transform: scale(.1) translate3d(2000px,0,0); -webkit-transform-origin: right center; transform-origin: right center } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } .bg-gray { background-color: #919191!important } .bg-gray-lighter { background-color: #f5f5f5!important } .bg-color { background-color: #fafafa!important } .bg-border-color { background-color: #e4ecf3!important } .bg-danger { background-color: #ed3e3e!important } .bg-primary,.bg-primary-hover:hover,.bg-success { background-color: #43bc60!important } .bg-warning { background-color: #ffa51f!important } .border-gray { border-color: #e4ecf3!important } .border-top-gray-lighter { border-top: 1px solid #f5f5f5 } .color-primary { color: #43bc60!important } .color-warning { color: #ffa51f!important } .color-success { color: #43bc60!important } .color-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 10px #2db7f5; width: 7px; margin-left: -3.5px; left: 3.5px } 50% { box-shadow: 0 0 5px #2db7f5; width: 6px; margin-left: -3px; left: 3px } 75% { box-shadow: 0 0 10px #2db7f5; width: 7px; margin-left: -3.5px; left: 3.5px } to { box-shadow: 0 0 15px #2db7f5; width: 8px; margin-left: -4px; left: 4px } } @-moz-keyframes boxshow { 0% { box-shadow: 0 0 15px #2db7f5; width: 8px; margin-left: -4px; left: 4px } 25% { box-shadow: 0 0 10px #2db7f5; width: 7px; margin-left: -3.5px; left: 3.5px } 50% { box-shadow: 0 0 5px #2db7f5; width: 6px; margin-left: -3px; left: 3px } 75% { box-shadow: 0 0 10px #2db7f5; width: 7px; margin-left: -3.5px; left: 3.5px } to { box-shadow: 0 0 15px #2db7f5; width: 8px; margin-left: -4px; left: 4px } } @keyframes boxshow { 0% { box-shadow: 0 0 15px #2db7f5; width: 8px; margin-left: -4px; left: 4px } 25% { box-shadow: 0 0 10px #2db7f5; width: 7px; margin-left: -3.5px; left: 3.5px } 50% { box-shadow: 0 0 5px #2db7f5; width: 6px; margin-left: -3px; left: 3px } 75% { box-shadow: 0 0 10px #2db7f5; width: 7px; margin-left: -3.5px; left: 3.5px } to { box-shadow: 0 0 15px #2db7f5; width: 8px; margin-left: -4px; left: 4px } } .marker-manage { position: relative; min-width: 1200px; height: 100%; background-color: #313131; overflow: hidden } .marker-manage.slideing { -moz-user-select: none; -khtml-user-select: none; user-select: none; cursor: move!important } .marker-manage .nav.nav-tabs.nav-tabs-edit { margin-bottom: 0; border-bottom: none; background-color: #313131 } .marker-manage .nav.nav-tabs.nav-tabs-edit>li a { color: #919191; font-size: 14px; padding: 20px 15px } .marker-manage .nav.nav-tabs.nav-tabs-edit>li a i:hover { color: #ffa51f; cursor: pointer } .marker-manage .nav.nav-tabs.nav-tabs-edit>li.active>a,.marker-manage .nav.nav-tabs.nav-tabs-edit>li:hover>a { background-color: #414141; color: #f5f5f5; border-color: transparent } .marker-manage .nav.nav-tabs.nav-tabs-edit>li.static .border { border-left: 1px solid #919191; padding-left: 15px } .marker-manage .nav.nav-tabs.nav-tabs-edit>li.static:hover { background-color: transparent } .marker-manage .nav.nav-tabs.nav-tabs-edit>li.static:hover>a { background-color: transparent; color: #919191 } .marker-manage .nav.nav-tabs.nav-tabs-edit .highlight { border-bottom: none } .marker-manage .nav.nav-pills.nav-pills-difficulty { display: inline-block; vertical-align: middle } .marker-manage .nav.nav-pills.nav-pills-difficulty>li { margin-right: 10px } .marker-manage .nav.nav-pills.nav-pills-difficulty>li.active>a { background-color: #43bc60; color: #fff } .marker-manage .nav.nav-pills.nav-pills-difficulty>li>a { background-color: #262626; color: #ccc; font-size: 12px; padding: 0 15px } .marker-manage .breadcrumb li.active { color: #fff } .marker-manage .lesson-list { border: 0; margin: 0; overflow: auto; padding-right: 15px; padding: 0; list-style: none } .marker-manage .lesson-list .item-lesson { position: relative; background-color: transparent; border: none; line-height: 40px; margin-bottom: 0; margin-left: 0; cursor: move } .marker-manage .lesson-list .item-lesson:hover { background: #414141 } .marker-manage .lesson-list .item-lesson .btn-preview { top: 0; right: 0; color: #919191 } .marker-manage .lesson-list .item-lesson .btn-preview:hover { color: #43bc60 } .marker-manage .lesson-list .item-lesson .sqe-number { display: none } .marker-manage .lesson-list .item-lesson .icon-drag { vertical-align: middle; margin-right: 10px; font-size: 16px } .marker-manage .lesson-list .item-lesson .question-remove { position: absolute; top: 12px; right: 5px } .marker-manage .lesson-list .item-lesson .info { display: inline-block; max-width: 60%; vertical-align: middle } .marker-manage .lesson-list .item-lesson.dragged { border: 1px dashed #919191; position: absolute; width: 220px!important; padding-left: 15px } .marker-manage .lesson-list .item-lesson.dragged .btn-preview { display: none } .marker-manage .lesson-list .item-lesson.disdragg { opacity: .3; filter: alpha(opacity=30); cursor: default } .marker-manage .lesson-list .placeholder { position: relative } .marker-manage .lesson-list .more-questions { position: absolute; right: 0; bottom: -15px; left: 0; text-align: right; color: #919191; font-size: 12px } .marker-manage .lesson-list .more-questions .loading { display: none } .marker-manage .lesson-list .more-questions .loading img { height: 30px; margin-right: 10px } .marker-manage .lesson-list .more-questions.loading .loading { display: inline } .marker-manage .lesson-list .more-questions a { color: #919191 } .marker-manage .lesson-list .more-questions a:hover { color: #43bc60 } .marker-manage-content { height: 100%; padding-bottom: 160px } .marker-manage-content .manage-player-body { position: relative; padding-top: 60px; float: left; height: 100%; width: 70% } .marker-manage-content .manage-player-body .manage-player-header { position: absolute; left: 0; top: 0; width: 70%; height: 60px } .marker-manage-content .manage-player-body .manage-player-header .title-link { float: left; font-size: 16px; color: #fff; line-height: 60px; margin-right: 20px } .marker-manage-content .manage-player-body .manage-player-header .title-link i { font-size: 16px } .marker-manage-content .manage-player-body .manage-player-header .title-link:hover { color: #43bc60 } .marker-manage-content .manage-player-body .manage-player-content { height: 100% } .marker-manage-content .manage-player-body .mask { position: absolute; width: 100%; top: 0; bottom: 0; background-color: transparent } .marker-manage-content .manage-edit-body { position: relative; float: left; width: 30%; height: 100%; background-color: #414141; color: #f5f5f5 } .marker-manage-content .manage-edit-body .btn-preview { position: absolute; right: 15px; top: 12px } .marker-manage-content .manage-edit-body .tab-pane { padding: 30px 20px; position: relative } .marker-manage-content .manage-edit-body .btn-search { position: absolute; right: 10px; bottom: 0; padding: 9px; background-color: transparent; border: none; font-size: 16px; color: #616161 } .marker-manage-content .manage-edit-body .btn-search:focus { outline: none } .marker-manage-content .manage-edit-body .question-difficulty { padding-bottom: 30px } .marker-manage-content .manage-edit-body .question-remask { padding-top: 24px; border-top: 1px solid #616161; color: #919191; margin-bottom: 12px } .marker-manage-content .manage-edit-body .question-remask .remask-icon { color: #ffa51f; font-size: 16px; margin-right: 10px } .marker-manage-content .editbox { position: absolute; left: 0; right: 0; height: 160px; bottom: 0; background-color: #313131 } .marker-manage-content .editbox .lesson-list { height: 100%; background-color: #414141; padding: 0 160px 0 20px } .marker-manage-content .editbox .lesson-list.highlight { border: 1px dashed #278bf5; background-color: transparent; background-color: rgba(45,183,245,.3) } .marker-manage-content .editbox .lesson-list .btn-preview { display: none } .marker-manage-content .editbox .lesson-list .placeholder { border-color: transparent } .marker-manage-content .editbox .scale-content { height: 111px; padding-top: 10px; border-top: 1px solid #292929 } .marker-manage-content .editbox .scalebox { position: relative; height: 21px; border-bottom: 1px solid #404040 } .marker-manage-content .editbox .scalebox .lesson-list { height: auto; padding: 0; background-color: transparent; overflow: visible } .marker-manage-content .editbox .scalebox .lesson-list .item-lesson { padding: 0 10px; margin-bottom: 0; text-align: left; cursor: pointer } .marker-manage-content .editbox .scalebox .lesson-list .item-lesson:hover { background-color: #43bc60 } .marker-manage-content .editbox .scalebox .lesson-list .item-lesson .title { display: none } .marker-manage-content .editbox .scalebox .lesson-list .item-lesson .info { max-width: 150px } .marker-manage-content .editbox .scalebox .lesson-list .item-lesson .sqe-number { display: inline } .marker-manage-content .editbox .scalebox .lesson-list .placeholder { height: 10px } .marker-manage-content .editbox .scalebox .lesson-list .placeholder:after { content: ""; border: 5px solid; border-color: transparent transparent transparent #43bc60; position: absolute; top: 0; left: 0 } .marker-manage-content .editbox .scalebox .scale { position: absolute; top: 0; display: block; z-index: 1; padding-left: 5px; color: #fff; height: 20px; line-height: 20px } .marker-manage-content .editbox .scalebox .scale.scale-red .line { top: 0; height: 160px; border-color: #ed3e3e } .marker-manage-content .editbox .scalebox .scale.scale-red .scale-details { visibility: visible; font-size: 12px } .marker-manage-content .editbox .scalebox .scale.scale-blue { cursor: pointer; height: 100px; top: 32px } .marker-manage-content .editbox .scalebox .scale.scale-blue .line { height: 100px; border-color: #278bf5 } .marker-manage-content .editbox .scalebox .scale.scale-blue.highlight,.marker-manage-content .editbox .scalebox .scale.scale-blue:hover { width: 8px } .marker-manage-content .editbox .scalebox .scale.scale-blue.highlight .line,.marker-manage-content .editbox .scalebox .scale.scale-blue:hover .line { border-color: transparent; background-color: rgba(45,183,245,.5); -moz-animation: boxshow 1s ease infinite; -webkit-animation: boxshow 1s ease infinite; animation: boxshow 1s ease infinite } .marker-manage-content .editbox .scalebox .scale.scale-blue.highlight .scale-details,.marker-manage-content .editbox .scalebox .scale.scale-blue:hover .scale-details { width: 220px; margin-left: -110px; visibility: visible } .marker-manage-content .editbox .scalebox .scale.scale-blue.moveing .line { -moz-animation: boxshow 0 ease infinite; -webkit-animation: boxshow 0 ease infinite; animation: boxshow 0 ease infinite } .marker-manage-content .editbox .scalebox .scale.scale-blue.moveing .scale-details { width: 220px; margin-left: -110px; visibility: visible } .marker-manage-content .editbox .scalebox .scale.scale-white .line { height: 106px; top: 26px; border-color: #fff } .marker-manage-content .editbox .scalebox .scale.scale-white .line i { position: absolute; left: -8.5px; top: -13.5px } .marker-manage-content .editbox .scalebox .scale .scale-details { position: absolute; left: 0; bottom: 100%; visibility: hidden; min-width: 50px; margin-left: -25px; background-color: rgba(0,0,0,.8); text-align: center; color: #fff } .marker-manage-content .editbox .scalebox .scale .line { position: absolute; top: 0; left: 0; height: 25px; border-left: 1px solid #616161 } .marker-manage-content .editbox .scalebox .scale .line.line-dashed { top: 32px; height: 100px; border-left: 1px dashed #a3a3a3 } .marker-manage-content .editbox .scalebox .scale .scale-time { display: inline-block; font-size: 12px; -webkit-transform: scale(.83) } .marker-manage .introjs-button.introjs-skipbutton,.marker-manage .introjs-nextbutton.introjs-fullbutton { background: transparent; border-color: transparent; color: #919191; margin: 0; padding-right: 0; cursor: pointer } .marker-manage .introjs-button.introjs-skipbutton:focus,.marker-manage .introjs-button.introjs-skipbutton:hover,.marker-manage .introjs-nextbutton.introjs-fullbutton:focus,.marker-manage .introjs-nextbutton.introjs-fullbutton:hover { background: transparent; border-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: none } .marker-manage .introjs-overlay { opacity: .5; filter: alpha(opacity=50) } .marker-manage .introjs-fixedTooltip { background-color: transparent; border: none; box-shadow: none } .marker-manage .introjs-helperNumberLayer,.marker-manage .introjs-skipbutton { display: none } .marker-manage .introjs-helperLayer { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: transparent } .marker-manage .introjs-arrow.top-middle { margin-left: 0 } .marker-manage .introjs-tooltip { text-align: justify; font-size: 12px; color: #313131; padding: 15px } .marker-manage .introjs-tooltip .title { color: #919191; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #e6e6e6 } .marker-manage .introjs-tooltip .remask { font-size: 14px; margin-bottom: 6px } .marker-manage .intro-img { position: absolute; left: 0; top: 100%; color: #fff; font-size: 20px } .marker-manage .intro-img img { display: block; margin-left: 70px } .show-introhelp { position: relative } .show-introhelp .introhelp-icon-help { position: relative; color: #ffa51f; z-index: 9999999!important } .show-introhelp .introhelp-icon-drag { position: relative; color: #fff; z-index: 9999999!important } .show-introhelp .popover { display: none; font-size: 12px; color: #313131 } .show-introhelp .popover .title { color: #919191; padding-bottom: 5px; border-bottom: 1px solid #e6e6e6; margin-bottom: 10px } .show-introhelp .popover.bottom { top: 18px; left: -92px } .show-introhelp .popover.left { left: -230px; top: 90px } .show-introhelp .introhelp-img { position: absolute; top: 100%; left: 0; color: #fff; font-size: 14px } .show-introhelp .introhelp-img img { display: block; margin-left: 50px } .show-introhelp .close-introhelp { float: right; color: #919191; cursor: pointer } .show-introhelp.show .popover { display: block } .introhelp-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; opacity: .5; filter: alpha(opacity=50); background-color: #000 } .marker-preview { height: 100%; background-color: #f1f4f6 } .marker-preview .marker-preview-content { position: relative; height: 100%; padding-top: 20px; color: #313131; text-align: center } @media (max-width:1199px) { .marker-preview .marker-preview-content { padding-top: 10px } } .marker-preview .marker-preview-content .title { font-size: 20px; line-height: 1 } .marker-preview .marker-preview-content .marker-preview-player { position: absolute; left: 120px; right: 120px; top: 60px; bottom: 20px } @media (max-width:1199px) { .marker-preview .marker-preview-content .marker-preview-player { bottom: 10px; top: 40px } } .mark-questions-modal { width: 756px } .mark-questions-modal .modal-header { position: relative; padding: 20px 30px; color: #fff; border-color: #fff; border-bottom: 1px solid #f5f8fa } .mark-questions-modal .modal-header .close { margin-top: -25px; opacity: 1; filter: alpha(opacity=100); font-size: 26px; color: #616161 } .mark-questions-modal .modal-title { font-size: 18px; line-height: 18px; text-align: left; color: #313131 } .mark-questions-modal .modal-content { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px } .mark-questions-modal .modal-body { padding: 15px 30px } .mark-questions-modal .topic-bottom { padding-bottom: 20px; font-size: 14px; color: #fff; color: #616161; line-height: 40px; text-align: left; background-color: #f5f8fa; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px } .mark-questions-modal .topic-bottom .topic-bottom-info { line-height: 34px; padding: 20px 30px 0; color: #919191 } .mark-questions-modal .topic-bottom .topic-bottom-info .btn { float: right; margin-left: 20px } .mark-questions-modal .popup-topic { padding: 0; margin: 0; height: 300px; overflow: auto; list-style-type: none } .mark-questions-modal .popup-topic img { max-width: 100%; vertical-align: top } .mark-questions-modal .popup-topic p { margin-bottom: 0 } .mark-questions-modal .popup-topic .title { margin-bottom: 14px; line-height: 30px; font-size: 18px; color: #313131 } .mark-questions-modal .popup-topic .list { padding: 10px 0 10px 40px; line-height: 30px; cursor: pointer; cursor: default; position: relative } .mark-questions-modal .popup-topic .list .num { position: absolute; left: 0; top: 12px; display: inline-block; width: 24px; height: 24px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-right: 15px; border: 1px solid #c1c1c1; color: #c1c1c1; font-size: 14px; text-align: center; line-height: 22px } .mark-questions-modal .popup-topic.topic-resolve .list { min-height: 200px; padding: 20px; margin-bottom: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: default; background-color: #f5f8fa } .mark-questions-modal .question-stem-fill-blank { color: #313131 } .caption-uploader { height: 34px; background: transparent; display: inline-block } .caption-notify { line-height: 28px } .text-track-overview { overflow-y: auto; padding-top: 10px; padding-bottom: 10px } .text-track-overview p { font-size: 14px; line-height: 30px; color: #919191 } .text-track-overview p.active { color: #f5f5f5 } .text-track-select-form-group { margin-bottom: 0!important } .track-select-parent { position: relative } .track-select-parent .track-select-show { width: 100%; background: #fff; border: 1px solid #ccc; color: #919191; font-size: 14px; line-height: 32px; padding-left: 10px; padding-right: 10px; border-radius: 2px; overflow: hidden } .track-select-parent .track-select-show.active { border-color: #43bc60 } .track-select-parent .track-select-show .data-show { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-height: 32px; padding-right: 20px } .track-select-parent .track-select-show .track-selcet-close-arrow,.track-select-parent .track-select-show .track-selcet-open-arrow { position: absolute; top: 0; right: 10px } .track-select-parent .track-selcet-list { padding-left: 0; position: absolute; top: 34px; width: 100%; background: #fff; border-radius: 2px; border: 1px solid #ccc } .track-select-parent .track-selcet-list li { position: relative; list-style: none; padding-left: 10px; padding-right: 10px; color: #919191; line-height: 34px } .track-select-parent .track-selcet-list li .value { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 110px } .track-select-parent .track-selcet-list li .convertStatus { position: absolute; line-height: 1.2; padding: 2px 10px; border-radius: 5px; right: 40px; top: 8px; color: #fff } .track-select-parent .track-selcet-list li .convertStatus.convert-success { background: #43bc60 } .track-select-parent .track-selcet-list li .convertStatus.convert-error { background: red } .track-select-parent .track-selcet-list li .convertStatus.convert-doing { background: blue } .track-select-parent .track-selcet-list li .convertStatus.convert-none,.track-select-parent .track-selcet-list li .convertStatus.convert-waiting { background: #aaa } .track-select-parent .track-selcet-list li:hover { background: #f5f5f5 } .track-select-parent .track-selcet-list li:hover .delete { display: inline } .track-select-parent .track-selcet-list li .delete { display: none; position: absolute; top: 8px; right: 10px } .track-select-parent .track-selcet-list li.active { color: #43bc60 } .subtitle-transcode-status { color: #fff; display: inline-block; padding: 3px 10px; border-radius: 3px; line-height: 1; text-align: center; min-width: 72px } .subtitle-transcode-status.none,.subtitle-transcode-status.waiting { background: #919191 } .subtitle-transcode-status.doing { background: #278bf5 } .subtitle-transcode-status.success { background: #43bc60 } .subtitle-transcode-status.error { background: #ed3e3e } .subtitle-name { width: 300px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .user-center-header { position: relative; height: 220px; padding: 40px 0; background-color: #313131; z-index: 1; 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: #629f45; padding: 10px 0; color: #fff } .python-editor-header .file-group { cursor: pointer; position: relative; padding: 12px 22px 12px 16px ; 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 } .runscript { cursor: pointer; padding: 4px 10px; display: inline-block; color: #fff; border-radius: 4px; margin-left:10px ; z-index:100 } .clear { cursor: pointer; padding: 4px 10px; display: inline-block; color: #fff; border-radius: 4px; margin-left:20px ; z-index:100 } .fullscreen { position: absolute; left: 0px; } .fullscreen img { width: 30px; height: 30px; color: black; cursor: pointer; z-index: 1000; } .run_btn { position: absolute; padding: 10px 10px; display: inline-block; color: #fff; border-radius: 4px; right:55px; z-index:100 } .run_btn:hover { background-color: #78ad66; } .run_btn img { width: 24px; height: 24px; color: black; cursor: pointer; z-index: 1000; } .stop_btn { position: absolute; cursor: pointer; padding: 10px 10px; display: inline-block; color: #fff; border-radius: 4px; right:10px; z-index:100 } .stop_btn:hover { background-color: #78ad66; } .stop_btn img { width: 24px; height: 24px; color: black; cursor: pointer; z-index: 1000; } .exit_fullscreen { position: absolute; top:0px; left:20px; z-index: 1000; background-color: yellow; } .exit_fullscreen img { width: 40px; height: 40px; color: black; cursor: pointer; z-index: 1000; } @media (max-width:767px) { .python-editor-header .publish-work ,.python-editor-header .save-work { padding: 0 16px } } @media (max-width:767px) { .python-editor-header .runscript ,.python-editor-header .save-work { padding: 0 16px } } @media (max-width:767px) { .python-editor-header .clear ,.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 } .work-name { width: 200px; height: 30px; text-align: center; border-radius: 4px; margin-left: 20px; margin-top:6px; border:1px solid #f1f5f0; background-color:#ddf7d1; color: black; font-size: 16px; } .work-name:hover { background-color:#f4faf1;} .work-name:focus { background-color:#ffffff;} .python-editor-header .runscript .save-icon,.python-editor-header .save-work .save-icon { width: 16px; height: 16px } .python-editor-header .clear .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-course { background-color: rgb(241, 253, 235); position: absolute; left:48px; padding-left: 0!important; padding-right: 0!important; font-size: 10px!important; box-shadow:0px -4px 0px #e2f7d7; } .python-editor-code,.python-run-result { padding: 0!important; } .python-run-result .btn.cd-btn.cd-btn-primary { border-color: #4a4a4a; background: #c1c1c1; } .python-run-result { position: absolute; right: 0px; top:44px; } .python-run-result .run-btn { margin: 20px 20px 0 68px; } .python-run-result .clear-btn { margin: 20px 0 0 } .python-run-result #output { background-color: #393d37; padding: 10px 10px 10px; color: white; border-bottom: 4px solid rgb(241, 253, 235); } .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 } @media screen and (max-width:1500px) { .sharh2 { padding: 32px 0 } .publish_box { top: 9% } } @media screen and (max-width:768px) { .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 } } .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; background-color: #e2f7d7!important } .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: cover; 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: 40px; 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: 40px; 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: -290px; 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: 60px 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: 72px; 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) } .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: 26.5%; background-size: 17px 28px; top: 55% } .bcxi_introducdiv #swiper-button-nexti { right: 32.5%; top: 55%; background-size: 17px 28px } .bcxi_introducdiv .teacher_pepole { position: absolute; top: 0; left: 10px; z-index: 999; filter: grayscale(80%); width: 300px; height: 460px } .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: 99px; bottom: 10px; width: 71px; height: 25px } .examination-div .examRelative .sign-examination1 { position: absolute; right: 12px; bottom: 10px; width: 71px; height: 25px } .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 } .bcxi_introducdiv #swiper-button-nexti { right: 28.5% } } @media screen and (max-width:1660px) { .bcxi_introducdiv #swiper-button-nexti { right: 29.5% } } @media screen and (max-width:1440px) { .rank_disflex .h2,.scratvch_div,.scratvch_name { font-size: 24px!important } .bcxi_introducdiv #swiper-button-nexti { right: 25.5% } .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 } .courses_imgs { display: none!important } .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: 9px } .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:1000px) { .small_course { width: 100% } } @media screen and (max-width:1140px) { .bxc-center .bxccenter_right .search_div .input_search { width: 90px } .bxcselected_works .bxcselec_worksleft { width: 814px } .newlist_divsbc .select_bcxul>li { width: 193px } .bxcselected_works .selectedind_div .select_bcxul>li { width: 194px; margin-right: 9px } .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:1020px) { .navbar-user .home-login { display: block } .user-avatar-li .dropdown-menu { left: -57px!important } .navbar-user .home-register,.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 } .courses_introduction .bcx_intocsrs .bxc_intorcdiv .p { width: 100% } .denl_zhuc,.headportrait_div,.nav_div,.search_div,.start_orally,.to_indexa,.user_mainright { display: none!important } .bxcselec_worksright { display: none } .bxcselected_works .bxcselec_worksleft,.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: 235px } .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% } .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% } .newlist_divsbc .select_bcxul>li:nth-child(2n+2) { margin-right: 0!important } } @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 } .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 } .findlabl_flex>.li:nth-child(4n+4) { margin-right: 0 } .bcx_findlabled .findt_fright { margin-top: 14px } .offic_newul { width: 100%!important; display: flex; display: -webkit-flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap } .offic_newul>li { width: 20%!important; margin-right: auto } .offic_newul>li:nth-child(6n+6) { margin-right: 2%!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: 30px; max-height: 200px; width: 90%; padding-right: 50px; overflow-y: scroll } .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 { height: .8rem; line-height: .8rem; border-bottom: 1px solid #ddd } .bheder_dropdown .jump_toa a { color: #4b4b4c; display: block } .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 { } 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 } .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("/themes/bianchengxia/img/programming-education/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("/themes/bianchengxia/img/programming-education/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: 700px; background: url("/themes/bianchengxia/img/teaching-model/join-bcxbg.jpg") no-repeat; background-size: cover; margin-top: 60px } .newjoin-bcxdiv .newjion-h2 { padding-top: 70px; 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: 80%; border-radius: 20px } .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-password { margin-bottom: 10px } .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-top: 20px; 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-top: 10px } .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: 145px; 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: 260px; 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: 260px; 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 { 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 } .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 } .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 { top: 0; width: 92%; height: 96%; right: 105px; display: none } .hidepdfr_balck,.transparent { position: absolute; background-color: transparent; z-index: 99 } .hidepdfr_balck { width: 35px; height: 35px; right: 48px; border-radius: 50%; bottom: 155px } #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% } .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: .62rem } .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 } .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 .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("/themes/bianchengxia/img/bcxweb-new/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("/themes/bianchengxia/img/bcxweb-new/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("/themes/bianchengxia/img/programming-education/python.gif") no-repeat; background-size: cover } .newcourse-main .curriculumnew-system .scratch-systemleft { width: 510px; height: 350px; float: left; background: url("/themes/bianchengxia/img/programming-education/flybrad.gif") no-repeat; background-size: cover } .newcourse-main .curriculumnew-system .noip-systemleft { width: 510px; height: 361px; float: left; background: url(/themes/bianchengxia/img/programming-education/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("/themes/bianchengxia/img/bcxweb-new/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("/themes/bianchengxia/img/bcxweb-new/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: 300px; 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") } .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 } @media screen and (max-width:1680px) { .teacher-info-main .teacher-haoping .teacher-haoping-swiper .swiper-container { width: 90% } } @media screen and (max-width:1440px) { .newcourse-top { height: 550px; background-size: 100% } .teacher-info-main .teacher-haoping .teacher-haoping-swiper .swiper-container { width: 100% } .newcourse-top .h { color: #fff; font-size: 60px; padding-top: 185px; padding-bottom: 85px; font-weight: 700 } .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: 1011px; 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; justify-content: space-around; 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 } .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 .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) { 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; justify-content: space-around; 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 } .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 .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) { 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 .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 .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 ul { margin-bottom: 80px; margin-top: 40px } .new-activityindex .hjiang-list .center 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 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 ul li .rank_disflex { position: relative } .new-activityindex .hjiang-list .center 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 ul li .rank_disflex .h2 a { color: #333 } .new-activityindex .hjiang-list .center 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 ul li .rank_disflex .h2 .like_lookdic .dz-r { margin-right: 10px; display: flex } .new-activityindex .hjiang-list .center ul li .rank_disflex .h2 .like_lookdic .dz-r img { width: 18px; height: 12px; margin-right: 2px } .new-activityindex .hjiang-list .center 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 ul li .rank_disflex p { color: #8f8f8f; font-size: 16px; padding-left: 42px; margin-bottom: 5px } .new-activityindex .hjiang-list .center 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 ul li .rank_disflex .name { position: absolute; bottom: 34px } .new-activityindex .hjiang-list .center ul li .rank_disflex .name a { font-size: 18px; color: #666 } .new-activityindex .hjiang-list .center 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 ul li .rankwork_disinline { display: flex } .new-activityindex .hjiang-list .center 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 ul li .rankwork_disinline>a .rankwork_img { width: 270px; height: 200px; transition: all .5s; border-radius: 20px } .new-activityindex .hjiang-list .center ul li:first-child>.rank_top10 { background-repeat: no-repeat; background-image: url(/themes/bianchengxia/img/activity/jp1.png) } .new-activityindex .hjiang-list .center ul li:nth-child(2)>.rank_top10,.new-activityindex .hjiang-list .center 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 ul li:nth-child(4)>.rank_top10,.new-activityindex .hjiang-list .center ul li:nth-child(5)>.rank_top10,.new-activityindex .hjiang-list .center ul li:nth-child(6)>.rank_top10 { background-repeat: no-repeat; background-image: url(/themes/bianchengxia/img/activity/jp3.png) } .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 } .new-activityindex .rule-alert .srvvlo-div p { padding-bottom: 20px; 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: 9999; background-color: rgba(0,0,0,.5) } @media screen and (max-width:1600px) { .new-activityv1 .center { margin-top: -369px } } @media screen and (max-width:1500px) { .new-activityv1 .center { margin-top: -339px } }