@font-face { font-family: es-icon; src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff") } .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-time:before { content: "\E69D" } .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-book:before { content: "\E609" } .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-money:before { content: "\E688" } .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-loading:before { content: "\E68D" } .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-loading1:before { content: "\E6E0" } .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" } /*! define jquery-plugin/select2/3.4.1/select2-debug.css */ .select2-container { margin: 0; padding: 0; border: none; position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: middle } .select2-container, .select2-drop, .select2-search, .select2-search input { -khtml-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box } .select2-container .select2-choice { display: block; height: 26px; padding: 0 0 0 8px; overflow: hidden; position: relative; border: 1px solid #ccc; white-space: nowrap; line-height: 26px; color: #444; text-decoration: none; border-radius: 4px; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); / /: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(.5, #fff)); / /: -webkit-linear-gradient(center bottom, #eee 0, #fff 50 %); / /: -moz-linear-gradient(center bottom, #eee 0, #fff 50 %); / /: -o-linear-gradient(bottom, #eee 0, #fff 50 %); / /: -ms-linear-gradient(top, #fff 0, #eee 50 %); / /: progid: DXImageTransform . Microsoft . gradient(startColorstr = "#fff", endColorstr = "#eee", GradientType = 0); / /: linear-gradient(top, #fff, #eee 50 %) } .select2-container.select2-drop-above .select2-choice { border-bottom-color: #aaa; border-radius: 0 0 4px 4px; background-image: -ms-linear-gradient(top, #eee 0, #fff 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#eeeeee", GradientType=0); background-image: linear-gradient(top, #eee, #fff 90%) } .select2-container.select2-allowclear .select2-choice .select2-chosen { margin-right: 42px } .select2-container .select2-choice > .select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis } .select2-container .select2-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAoCAYAAACiu5n/AAACLElEQVR42u3Zz0sUYRzH8bUISoyF1i5iXSooyYgOEXapZNYNojwU/aAfUAT9A4YhUgdxt1To0KFIBCMIvEcUEXntUtivpYuUhYFIdDBMmD69he/hObgsbSnb13ngdZjZhX3eO8/MDrMpSctKErwsg//HUSgU7uNYsB3hHla4CybqEoRPaMJGFCEMewxuxnsIk5iALPqg1yVdj9eQGUdjiuE1eAs+QOYztrsMJqwFk8EyHguW95klD+ZD08gsYvBFCBPYgHXBOT1UNpg3ncQpnAicRbrCCQ3j8SIf5QvYEWxvxnlb0mWDr0MIvcOaCiayC78gRKmlH+WDbaIjkJnDzgq/+VHIvMWqag3ehBkIAxXGdkAIDVRlsE24H9//4ty9hju4Hej710c5m83WYging32HMYjMnwSvx75UlQ+iOiDEaEMLZiA8dPc7TFQDnkGYxQ8Iz9Hs8k4riqIa4l5ApojVbm8tiduPL5CZRs5lMGFH8DNYxo+C5d3tMfgohJeow0qMQujxuqRb0RBsZ3DA2ZIuP5LgJDgJToKr4ZHOWjTOy+fzNa6DiezCFGReod1lMGF3IYzjMm5B5rirYIJyEJ4iHezfjW+YRr2n4EHE2LrAa1cg5DwFj2DWLlKljn67p+B+CIdKPAaOsddTcBOEKbTZvjp0Qvjo8Sp9DjJFfIVMjBsef4f34AHeYAxX0VfqMbDnfw97IXMTta6DLbobcxBa3Qdb9BPE2LZQ8G98530ecQi/2QAAAABJRU5ErkJggg==) 100% 0 no-repeat; cursor: pointer; outline: 0 } .select2-container.select2-allowclear .select2-choice abbr { display: inline-block } .select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer } .select2-drop-undermask { background-color: transparent } .select2-drop-mask, .select2-drop-undermask { border: 0; margin: 0; padding: 0; position: absolute; left: 0; top: 0; z-index: 9998; filter: alpha(opacity=0) } .select2-drop-mask { background-color: #fff; opacity: 0 } .select2-drop { width: 100%; margin-top: -1px; position: absolute; z-index: 9998; top: 100%; background: #fff; color: #000; border: 1px solid #aaa; border-top: 0; border-radius: 0 0 4px 4px; box-shadow: 0 4px 5px rgba(0, 0, 0, .15) } .select2-drop-auto-width { border-top: 1px solid #aaa !important; border-bottom: 1px solid #aaa !important; width: auto } .select2-drop-auto-width .select2-search { padding-top: 4px } .select2-drop.select2-drop-above { margin-top: 1px; border-top: 1px solid #aaa; border-bottom: 0; border-radius: 4px 4px 0 0; box-shadow: 0 -4px 5px rgba(0, 0, 0, .15) } .select2-drop-active { border: 1px solid #aaa; border-top: none } .select2-drop.select2-drop-above.select2-drop-active { border-top: 1px solid #aaa } .select2-container .select2-choice .select2-arrow { display: inline-block; width: 18px; height: 100%; position: absolute; right: 0; top: 0; border-radius: 0 4px 4px 0; background-clip: padding-box; / /: #ccc; / /: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(.6, #eee)); / /: -webkit-linear-gradient(center bottom, #ccc 0, #eee 60 %); / /: -moz-linear-gradient(center bottom, #ccc 0, #eee 60 %); / /: -o-linear-gradient(bottom, #ccc 0, #eee 60 %); / /: -ms-linear-gradient(top, #ccc 0, #eee 60 %); / /: progid: DXImageTransform . Microsoft . gradient(startColorstr = "#eee", endColorstr = "#ccc", GradientType = 0); / /: linear-gradient(top, #ccc, #eee 60 %) } .select2-container .select2-choice .select2-arrow b { display: block; width: 100%; height: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAoCAYAAACiu5n/AAACLElEQVR42u3Zz0sUYRzH8bUISoyF1i5iXSooyYgOEXapZNYNojwU/aAfUAT9A4YhUgdxt1To0KFIBCMIvEcUEXntUtivpYuUhYFIdDBMmD69he/hObgsbSnb13ngdZjZhX3eO8/MDrMpSctKErwsg//HUSgU7uNYsB3hHla4CybqEoRPaMJGFCEMewxuxnsIk5iALPqg1yVdj9eQGUdjiuE1eAs+QOYztrsMJqwFk8EyHguW95klD+ZD08gsYvBFCBPYgHXBOT1UNpg3ncQpnAicRbrCCQ3j8SIf5QvYEWxvxnlb0mWDr0MIvcOaCiayC78gRKmlH+WDbaIjkJnDzgq/+VHIvMWqag3ehBkIAxXGdkAIDVRlsE24H9//4ty9hju4Hej710c5m83WYging32HMYjMnwSvx75UlQ+iOiDEaEMLZiA8dPc7TFQDnkGYxQ8Iz9Hs8k4riqIa4l5ApojVbm8tiduPL5CZRs5lMGFH8DNYxo+C5d3tMfgohJeow0qMQujxuqRb0RBsZ3DA2ZIuP5LgJDgJToKr4ZHOWjTOy+fzNa6DiezCFGReod1lMGF3IYzjMm5B5rirYIJyEJ4iHezfjW+YRr2n4EHE2LrAa1cg5DwFj2DWLlKljn67p+B+CIdKPAaOsddTcBOEKbTZvjp0Qvjo8Sp9DjJFfIVMjBsef4f34AHeYAxX0VfqMbDnfw97IXMTta6DLbobcxBa3Qdb9BPE2LZQ8G98530ecQi/2QAAAABJRU5ErkJggg==) no-repeat 0 1px } .select2-search { display: inline-block; width: 100%; min-height: 26px; margin: 0; padding-left: 4px; padding-right: 4px; position: relative; z-index: 10000; white-space: nowrap } .select2-search input { width: 100%; height: auto !important; min-height: 26px; padding: 4px 20px 4px 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; border-radius: 0; box-shadow: none; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAoCAYAAACiu5n/AAACLElEQVR42u3Zz0sUYRzH8bUISoyF1i5iXSooyYgOEXapZNYNojwU/aAfUAT9A4YhUgdxt1To0KFIBCMIvEcUEXntUtivpYuUhYFIdDBMmD69he/hObgsbSnb13ngdZjZhX3eO8/MDrMpSctKErwsg//HUSgU7uNYsB3hHla4CybqEoRPaMJGFCEMewxuxnsIk5iALPqg1yVdj9eQGUdjiuE1eAs+QOYztrsMJqwFk8EyHguW95klD+ZD08gsYvBFCBPYgHXBOT1UNpg3ncQpnAicRbrCCQ3j8SIf5QvYEWxvxnlb0mWDr0MIvcOaCiayC78gRKmlH+WDbaIjkJnDzgq/+VHIvMWqag3ehBkIAxXGdkAIDVRlsE24H9//4ty9hju4Hej710c5m83WYging32HMYjMnwSvx75UlQ+iOiDEaEMLZiA8dPc7TFQDnkGYxQ8Iz9Hs8k4riqIa4l5ApojVbm8tiduPL5CZRs5lMGFH8DNYxo+C5d3tMfgohJeow0qMQujxuqRb0RBsZ3DA2ZIuP5LgJDgJToKr4ZHOWjTOy+fzNa6DiezCFGReod1lMGF3IYzjMm5B5rirYIJyEJ4iHezfjW+YRr2n4EHE2LrAa1cg5DwFj2DWLlKljn67p+B+CIdKPAaOsddTcBOEKbTZvjp0Qvjo8Sp9DjJFfIVMjBsef4f34AHeYAxX0VfqMbDnfw97IXMTta6DLbobcxBa3Qdb9BPE2LZQ8G98530ecQi/2QAAAABJRU5ErkJggg==) no-repeat 100% -22px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAoCAYAAACiu5n/AAACLElEQVR42u3Zz0sUYRzH8bUISoyF1i5iXSooyYgOEXapZNYNojwU/aAfUAT9A4YhUgdxt1To0KFIBCMIvEcUEXntUtivpYuUhYFIdDBMmD69he/hObgsbSnb13ngdZjZhX3eO8/MDrMpSctKErwsg//HUSgU7uNYsB3hHla4CybqEoRPaMJGFCEMewxuxnsIk5iALPqg1yVdj9eQGUdjiuE1eAs+QOYztrsMJqwFk8EyHguW95klD+ZD08gsYvBFCBPYgHXBOT1UNpg3ncQpnAicRbrCCQ3j8SIf5QvYEWxvxnlb0mWDr0MIvcOaCiayC78gRKmlH+WDbaIjkJnDzgq/+VHIvMWqag3ehBkIAxXGdkAIDVRlsE24H9//4ty9hju4Hej710c5m83WYging32HMYjMnwSvx75UlQ+iOiDEaEMLZiA8dPc7TFQDnkGYxQ8Iz9Hs8k4riqIa4l5ApojVbm8tiduPL5CZRs5lMGFH8DNYxo+C5d3tMfgohJeow0qMQujxuqRb0RBsZ3DA2ZIuP5LgJDgJToKr4ZHOWjTOy+fzNa6DiezCFGReod1lMGF3IYzjMm5B5rirYIJyEJ4iHezfjW+YRr2n4EHE2LrAa1cg5DwFj2DWLlKljn67p+B+CIdKPAaOsddTcBOEKbTZvjp0Qvjo8Sp9DjJFfIVMjBsef4f34AHeYAxX0VfqMbDnfw97IXMTta6DLbobcxBa3Qdb9BPE2LZQ8G98530ecQi/2QAAAABJRU5ErkJggg==) no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%) } .select2-drop.select2-drop-above .select2-search input { margin-top: 4px } .select2-search input.select2-active { background: no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%) } .select2-container-active .select2-choice, .select2-container-active .select2-choices { border: 1px solid #aaa; outline: none; box-shadow: 0 0 5px rgba(0, 0, 0, .3) } .select2-dropdown-open .select2-choice { border-bottom-color: transparent; box-shadow: inset 0 1px 0 #fff; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: #eee; background-image: -ms-linear-gradient(top, #fff 0, #eee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#ffffff", GradientType=0); background-image: linear-gradient(top, #fff, #eee 50%) } .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { border: 1px solid #aaa; border-top-color: transparent; background-image: -ms-linear-gradient(bottom, #fff 0, #eee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#ffffff", GradientType=0); background-image: linear-gradient(bottom, #fff, #eee 50%) } .select2-dropdown-open .select2-choice .select2-arrow { background: transparent; border-left: none; filter: none } .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -18px 1px } .select2-results { max-height: 200px; padding: 0 0 0 4px; margin: 4px 4px 4px 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .select2-results ul.select2-result-sub { margin: 0; padding-left: 0 } .select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px } .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px } .select2-results li { list-style: none; display: list-item; background-image: none } .select2-results li.select2-result-with-children > .select2-result-label { font-weight: 700 } .select2-results .select2-result-label { display: inline-block; width: 100%; padding: 3px 7px 4px; margin: 0; cursor: pointer; min-height: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .select2-results .select2-highlighted { background: #3875d7; color: #fff } .select2-results li em { background: #feffde; font-style: normal } .select2-results .select2-highlighted em { background: transparent } .select2-results .select2-highlighted ul { background: #fff; color: #000 } .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit { background: #f4f4f4; display: list-item } .select2-results .select2-disabled.select2-highlighted { color: #666; background: #f4f4f4; display: list-item; cursor: default } .select2-results .select2-disabled { background: #f4f4f4; display: list-item; cursor: default } .select2-results .select2-selected { display: none } .select2-more-results.select2-active { background: #f4f4f4 no-repeat 100% } .select2-more-results { background: #f4f4f4; display: list-item } .select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default } .select2-container.select2-container-disabled .select2-choice .select2-arrow { background-color: #f4f4f4; background-image: none; border-left: 0 } .select2-container.select2-container-disabled .select2-choice abbr { display: none } .select2-container-multi .select2-choices { height: auto !important; height: 1%; margin: 0; padding: 0; position: relative; border: 1px solid #aaa; cursor: text; overflow: hidden; background-color: #fff; background-image: linear-gradient(top, #eee 1%, #fff 15%) } .select2-locked { padding: 3px 5px !important } .select2-container-multi .select2-choices { min-height: 26px } .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #aaa; outline: none; box-shadow: 0 0 5px rgba(0, 0, 0, .3) } .select2-container-multi .select2-choices li { float: left; list-style: none } .select2-container-multi .select2-choices .select2-search-field { margin: 0; padding: 0; white-space: nowrap } .select2-container-multi .select2-choices .select2-search-field input { padding: 5px; margin: 1px 0; font-family: sans-serif; font-size: 100%; color: #666; outline: 0; border: 0; box-shadow: none; background: transparent !important } .select2-container-multi .select2-choices .select2-search-field input.select2-active { background: #fff no-repeat 100% !important } .select2-default { color: #999 !important } .select2-container-multi .select2-choices .select2-search-choice { padding: 3px 5px 3px 18px; margin: 3px 0 3px 5px; position: relative; line-height: 13px; color: #333; cursor: default; border: 1px solid #aaa; border-radius: 3px; box-shadow: inset 0 0 2px #fff, 0 1px 0 rgba(0, 0, 0, .05); background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#f4f4f4", GradientType=0); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee) } .select2-container-multi .select2-choices .select2-search-choice .select2-chosen { cursor: default } .select2-container-multi .select2-choices .select2-search-choice-focus { background: #d4d4d4 } .select2-search-choice-close { display: block; width: 12px; height: 13px; position: absolute; right: 3px; top: 1px !important; font-size: 1px; outline: none; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAoCAYAAACiu5n/AAACLElEQVR42u3Zz0sUYRzH8bUISoyF1i5iXSooyYgOEXapZNYNojwU/aAfUAT9A4YhUgdxt1To0KFIBCMIvEcUEXntUtivpYuUhYFIdDBMmD69he/hObgsbSnb13ngdZjZhX3eO8/MDrMpSctKErwsg//HUSgU7uNYsB3hHla4CybqEoRPaMJGFCEMewxuxnsIk5iALPqg1yVdj9eQGUdjiuE1eAs+QOYztrsMJqwFk8EyHguW95klD+ZD08gsYvBFCBPYgHXBOT1UNpg3ncQpnAicRbrCCQ3j8SIf5QvYEWxvxnlb0mWDr0MIvcOaCiayC78gRKmlH+WDbaIjkJnDzgq/+VHIvMWqag3ehBkIAxXGdkAIDVRlsE24H9//4ty9hju4Hej710c5m83WYging32HMYjMnwSvx75UlQ+iOiDEaEMLZiA8dPc7TFQDnkGYxQ8Iz9Hs8k4riqIa4l5ApojVbm8tiduPL5CZRs5lMGFH8DNYxo+C5d3tMfgohJeow0qMQujxuqRb0RBsZ3DA2ZIuP5LgJDgJToKr4ZHOWjTOy+fzNa6DiezCFGReod1lMGF3IYzjMm5B5rirYIJyEJ4iHezfjW+YRr2n4EHE2LrAa1cg5DwFj2DWLlKljn67p+B+CIdKPAaOsddTcBOEKbTZvjp0Qvjo8Sp9DjJFfIVMjBsef4f34AHeYAxX0VfqMbDnfw97IXMTta6DLbobcxBa3Qdb9BPE2LZQ8G98530ecQi/2QAAAABJRU5ErkJggg==) 100% 0 no-repeat } .select2-container-multi .select2-search-choice-close { left: 3px } .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close, .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -14px !important } .select2-container-multi.select2-container-disabled .select2-choices { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { padding: 3px 5px; border: 1px solid #ddd; background-image: none; background-color: #f4f4f4 } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; background: none } .select2-result-selectable .select2-match, .select2-result-unselectable .select2-match { text-decoration: underline } .select2-offscreen, .select2-offscreen:focus { clip: rect(0 0 0 0); width: 1px; height: 1px; border: 0; margin: 0; padding: 0; overflow: hidden; position: absolute; outline: 0; left: 0 } .select2-display-none { display: none } .select2-measure-scrollbar { position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .select2-container .select2-choice .select2-arrow b, .select2-container .select2-choice abbr, .select2-search-choice-close, .select2-search input { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAABQCAYAAADSm7GJAAADFElEQVR42u2dsW4TQRBAI0ERCYpDpAUdJX/hAlxQ3SekovYXIIvKEiBRIUF1lHT+BP+Br0TCCCsFLW5cmCS3jKWNNFrdZu+EOG7sd9Irkl0p8r3s7Mzs5XLinIMD5uhvAIIBwYBgaMnNNZvNyj0nkUvPQbAdtDjnCSU3zkGwEbS4iOToHATbE6wptVwEGyUhcaW/JkTbT7JcCpIse4K7SC4pk4wRXreE5ZUMUwezgh03lT0YyKKBOhjoZHUi1oCf7mkYohd9ACVFrj50HgxzmtQifKwF15L1fxC8UD9/EQxzHtxC8KiD4FHPNWMhuIACwd33h3kLuXOZ2mc4yyLRZS1kCG6H3uc2Mbl+LO9Z8FRwEaYINnpDdWKVIEdwC/QVC4l97nk6sUqwQHA3wbGEa9Sj4CCxSlIguHtZMg8Tq/4Edy/bLNXB4/G4FKJ1sJ7zTwTrhMuTU3f+NVqc84SSG+bEJR99a3BoaHERybE5HDYYFKwptVwEGyUhcRX5PufBRoiH4Tg80WFMcBfJPJNljfC6JSzzVCUrGMHswUAWDdTBQCcLOveiCdEBnCYBb9kBBAOCAcGAYEDw0XP0NwDBgGBAMCAYEAwIHvD7QzJhIlSCE2rF0o9lav4eBBt5JWHR8EfzdYATfgkFgg2g5J4LdSD1WrjyXDeIPkfwsNErV6/Y38J34aXwWHgkvBJWwi74RSgQPGD8nrtRwrbCe+G0YX9+KHzyc2rPRsgQPFzBEyVrJ7xLvNTsjvBBuFQreYLg4Qpeqv32m3BP+YxJPhUulOAKwQMl2HsnymNK8mudeCF44IK9rCcdBD8XrhBsS/BTBBOibwTPCNEGCFqSX4X7LeSeCRdK8BLBwy6TdIPjo3A3kUF/pkyy1+ioPVsv8KxB7gPhi7BVcndCpqYheKCtSt1+vBR+CG+EZ8IL4a3wU69cRYlgC4cN4UFD/LDBNVAi2NZxYa0Ixe5ikhFs58B/2SC48mOZUMYkI/jw/61diWDzgtOSEWxdcFpyhWDTgtOSEWxccCgZwfZJ9akrJXiKYEDwMfAHMSYobVemsdsAAAAASUVORK5CYII=) !important; background-repeat: no-repeat !important; background-size: 60px 40px !important } .select2-search input { background-position: 100% -21px !important } } .select2-result-text { white-space: nowrap; display: inline-block; width: 75% } .select2-tree-icon { display: inline-block; width: 14px; color: #333 } @font-face { font-family: codeages-icon; src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff") } .cd-icon { font-family: codeages-icon !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .cd-icon-money:before { content: "\E95C" } .cd-icon-camera:before { content: "\E95D" } .cd-icon-id-back:before { content: "\E95E" } .cd-icon-close:before { content: "\E95F" } .cd-icon-edit:before { content: "\E960" } .cd-icon-search:before { content: "\E961" } .cd-icon-danger-o:before { content: "\E962" } .cd-icon-id-front:before { content: "\E963" } .cd-icon-lock:before { content: "\E964" } .cd-icon-info:before { content: "\E965" } .cd-icon-email:before { content: "\E966" } .cd-icon-iphone:before { content: "\E967" } .cd-icon-payment:before { content: "\E968" } .cd-icon-info-o:before { content: "\E969" } .cd-icon-safe:before { content: "\E96A" } .cd-icon-warning-o:before { content: "\E96B" } .cd-icon-success:before { content: "\E96C" } .cd-icon-warning:before { content: "\E96D" } .cd-icon-weibo:before { content: "\E96E" } .cd-icon-qq:before { content: "\E970" } .cd-icon-renren:before { content: "\E971" } .cd-icon-success-o:before { content: "\E972" } .cd-icon-coupon:before { content: "\E973" } .cd-icon-money-bag:before { content: "\E974" } .cd-icon-help-o:before { content: "\E975" } .cd-icon-help:before { content: "\E976" } .cd-icon-filter:before { content: "\E977" } .cd-icon-danger:before { content: "\E978" } .cd-icon-arrow-down:before { content: "\E979" } .cd-icon-arrow-right:before { content: "\E97A" } .cd-icon-arrow-left:before { content: "\E97B" } .cd-icon-arrow-up:before { content: "\E97C" } .cd-icon-first-page:before { content: "\E97D" } .cd-icon-last-page:before { content: "\E97E" } .cd-icon-arrow-line-down:before { content: "\E97F" } .cd-icon-arrow-line-right:before { content: "\E980" } .cd-icon-arrow-line-left:before { content: "\E981" } .cd-icon-arrow-line-up:before { content: "\E982" } .cd-icon-check:before { content: "\E983" } .cd-icon-weixin:before { content: "\E984" } .cd-icon-smile-o:before { content: "\E985" } .cd-icon-smile:before { content: "\E986" } .cd-icon-sad-o:before { content: "\E987" } .cd-icon-sad:before { content: "\E988" } .img-full { display: block; height: auto; width: 100% } .es-box-shadow { 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 .group-logo-sm { width: 50px; height: 50px } .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 } .userpage-header .media { padding-top: 25px; padding-bottom: 25px } .userpage-header .media-left { padding-right: 30px } @media (max-width: 767px) { .userpage-header .media-left { display: block; text-align: center; margin-bottom: 30px; padding-right: 0 } } .userpage-header .avatar-bg { position: relative; display: inline-block } .userpage-header .media-left .icon-user-status { position: absolute; bottom: 0; right: 8px } .userpage-header h2 { margin-top: 0; margin-bottom: 15px; font-size: 28px } .userpage-header h2 small { font-size: 16px; color: #096 } .userpage-header .actions { float: right } .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 } .announcement-list li .action { visibility: hidden } .announcement-list li:hover .action { visibility: visible } .thread { margin-bottom: 50px; overflow-x: auto; overflow-y: hidden } .thread-header { margin-bottom: 15px } .thread-title { margin: 0; margin-bottom: 5px } .thread-event-title, .thread-title { font-size: 20px; line-height: 36px; padding: 0; word-wrap: break-word; overflow: hidden } .thread-event-title { margin: 0 } .thread-event-title-bar { margin-top: 10px } .thread-metas { color: #999; font-size: 12px } .thread-body { margin-bottom: 15px; word-wrap: break-word; overflow: hidden } .thread-body img { max-width: 100%; height: auto } .thread-footer { text-align: right } .thread-posts-heading { font-size: 18px; padding-bottom: 10px; border-bottom: 3px solid #eee; margin-bottom: 20px; color: #000 } .thread-posts-heading .glyphicon { color: #ccc; font-size: 12px; margin-right: 5px } .thread-post { overflow: visible } .show-user { color: #bdb76b; font-size: 18px } .thread-post pre, .thread pre { overflow-x: scroll; word-wrap: normal } .thread-post-dropdown { float: right; position: relative } .thread-post-dropdown .dropdown-toggle { text-decoration: none } .thread-post .thread-post-dropdown .dropdown-toggle { visibility: hidden } .thread-post:hover .thread-post-dropdown .dropdown-toggle { visibility: visible } .thread-post-action { text-align: right; font-size: 12px; visibility: hidden } .thread-post:hover .thread-post-action { visibility: visible } .thread-list-small { font-size: 13px } .thread-list-small .metas { font-size: 12px; color: #999 } .thread-list-small .metas a { color: #777 } .thread-list-small .thread-item-body { padding-left: 10px; padding-right: 10px } .thread-list-small .thread-item-body .title-icon { display: inline-block; width: 20px } .thread-list-small .thread-item-body .title-icon i { font-size: 14px } .thread-show .thread-breadcrumb { font-size: 13px; margin-bottom: 6px } .thread-show .thread-title { margin-top: 0; margin-bottom: 0; font-size: 18px; color: inherit; font-weight: 700; line-height: 1; display: inline } .thread-show .thread-metas { margin-top: 6px } .thread-post-list .metas { font-size: 13px } .thread-post-list .metas .nickname { font-weight: 700 } .thread-post-list .user-avatar img { width: 48px; height: 48px } .thread-post-list .thread-post-interaction { font-size: 13px } .thread-post-list .thread-post-interaction .interaction { margin-right: 10px } .thread-subpost-list .user-avatar img { width: 32px; height: 32px } .thread-subpost-container { margin-top: 10px; padding: 10px; background-color: #fdfdfd; border-radius: 3px; border: 1px solid #fdfdfd } .thread-subpost-morebar { margin-top: 10px; margin-bottom: 10px; font-size: 13px } .thread-subpost-form { margin-top: 10px } .thread-subpost-list .thread-subpost { margin-top: 10px; padding-bottom: 10px; border-color: #f6f6f6 } .thread-subpost-list .thread-subpost:first-child { margin-top: 0 } .thread-subpost-list .thread-subpost:last-child { padding-bottom: 0 } .thread-post-list .thread-post .thread-post-manage-dropdown { visibility: hidden } .thread-post-list .thread-post:hover .thread-post-manage-dropdown { visibility: visible } .thread-post-list .thread-post:hover .thread-subpost .thread-post-manage-dropdown { visibility: hidden } .thread-post-list .thread-subpost:hover .thread-post-manage-dropdown { visibility: visible !important } .live-label { font-size: 12px; font-weight: 400 } .live-course-item-list-multi h3 { font-size: 16px; font-weight: 400; line-height: 36px; text-indent: 15px; background: #f3f3f3; color: #777; border-bottom: 1px solid #e3e3e3; margin: 20px 0 } .live-course-item-list-multi h3 strong { color: #555 } .live-course-item-list-multi ul { list-style: none; margin: 0; padding: 0; margin-right: 0 } .live-course-item-list-multi ul li { margin-left: 20px; background: #f3f3f3; line-height: 40px; margin-bottom: 15px; color: #777; border-bottom: 1px solid #e3e3e3 } .live-course-item-list-multi ul li .item-content { overflow: hidden; height: 40px; line-height: 40px; float: left; padding-left: 15px } .live-course-item-list-multi .item-content .item-title { font-weight: 700; width: 100%; height: 36px; overflow: hidden } .live-course-item-list-multi ul li .item-status { float: right; padding-right: 15px } .live-course-item-list-multi ul li:hover { background: #ccc } .live-course-item-list-multi ul li .item-free { color: #3c763d; text-indent: 15px } .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 } .lesson-dashboard-page { background: #fff } .lesson-dashboard { position: fixed; background: #fff; top: 0; bottom: 0; left: 0; right: 0; background: #e5e5e5 } .lesson-dashboard .dashboard-content { position: absolute; top: 0; left: 20px; right: 80px; bottom: 0 } .lesson-dashboard-open .dashboard-content { right: 440px } .lesson-dashboard .toolbar { position: absolute; right: 0; top: 0; bottom: 0; width: 60px; border-left: 1px solid #e9e9e9; color: #666; background: #fff } .lesson-dashboard-open .toolbar { width: 420px } .lesson-dashboard .toolbar-nav { position: absolute; top: 0; right: 0; bottom: 0; width: 60px; border-left: 1px solid #e9e9e9; background: #363e45 } .lesson-dashboard .toolbar-pane-container { position: absolute; top: 0; left: 0; right: 60px; bottom: 0; overflow: hidden; background-color: #fff } .ps-container .ps-scrollbar-y-rail { visibility: hidden \9; z-index: 1 } .ps-container.hover .ps-scrollbar-y-rail, .ps-container:hover .ps-scrollbar-y-rail { visibility: visible \9 } .lesson-dashboard .toolbar-pane-container .ps-container .ps-scrollbar-y { right: 0 } .lesson-dashboard .toolbar-pane-container .ps-container .ps-scrollbar-x { display: none } @media (max-width: 1024px) { .lesson-dashboard-open .dashboard-content { right: 360px } .lesson-dashboard-open .toolbar { width: 360px } } @media (max-width: 767px) { .lesson-dashboard-open .dashboard-content, .lesson-dashboard .dashboard-content { right: 20px } .lesson-dashboard .toolbar { display: none } } .lesson-dashboard .toolbar-nav-stacked { margin: 0; padding: 0; list-style: none } .lesson-dashboard .toolbar-nav-stacked li a { padding: 8px 0; margin-bottom: 5px; text-align: center; display: inline-block; width: 100%; color: #ccc; text-decoration: none } .lesson-dashboard .toolbar-nav-stacked li a:hover { background: #aaa; color: #fff } .lesson-dashboard .toolbar-nav-stacked li a .glyphicon { display: block; margin-bottom: 5px } .lesson-dashboard .toolbar-nav-stacked li.active a { background-color: #999; color: #fff } .lesson-dashboard #lesson-toolbar-secondary { position: absolute; bottom: 0; left: 0; right: 0 } .lesson-dashboard #lesson-toolbar-secondary .hide-pane { text-align: center } .lesson-dashboard #lesson-toolbar-secondary .hide-pane .glyphicon { display: inline } .lesson-dashboard .dashboard-header { position: absolute; left: 130px; top: 0; height: 40px } .lesson-dashboard .dashboard-header .item-navbar { font-size: 16px; line-height: 40px; color: #999 } .lesson-dashboard .dashboard-header .item-navbar span { cursor: pointer } .lesson-dashboard .dashboard-header .item-navbar span:hover { color: #666 } .lesson-dashboard .dashboard-body { position: absolute; top: 50px; bottom: 50px; width: 100% } .lesson-dashboard .dashboard-footer { position: absolute; bottom: 10px; width: 100% } .lesson-dashboard .dashboard-footer .disabled { pointer-events: auto } .lesson-dashboard .title-group { line-height: 40px; height: 50px; word-break: break-all; overflow: hidden } .lesson-dashboard .title-group .divider { color: #999; margin: 0 3px } .lesson-dashboard .title-group .chapter-label { font-size: 16px; color: #999 } .lesson-dashboard .title-group .item-label { margin-right: 5px } .lesson-dashboard .title-group .item-label, .lesson-dashboard .title-group .item-title { font-size: 16px } .lesson-dashboard .lesson-content { height: 100%; position: relative } .lesson-dashboard .lesson-content-audio { overflow: hidden } .lesson-dashboard .lesson-content-audio .mejs-container { margin: 0 auto; margin-top: 100px; display: block } .lesson-dashboard .lesson-content-text { overflow: hidden } .lesson-dashboard .lesson-content-text .ps-scrollbar-x { display: none } .lesson-dashboard .lesson-content-text .ps-scrollbar-y { right: 0 } .lesson-dashboard .lesson-content-text-body { background: #fff; max-width: 750px; margin: 0 auto; padding: 20px; word-wrap: break-word; overflow: hidden } .lesson-dashboard .lesson-content-text-body img { max-width: 100% } .lesson-dashboard .lesson-content-text-body blockquote p { font-size: 14px } .lesson-dashboard .nav-btn { position: absolute; border-radius: 0; z-index: 1000; padding: 3px 10px } .lesson-dashboard .back-course-btn { left: 0; top: -1px } .lesson-dashboard .prev-lesson-btn { left: 90px; top: -1px } .lesson-dashboard .next-lesson-btn { left: 90px; bottom: -1px } .lesson-dashboard .question-list-pane { position: absolute; top: 0; bottom: 0; width: 100%; overflow: hidden } .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 } @font-face { font-family: consultfont; } .float-consult .icon { font-family: consultfont !important; font-size: 20px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; -moz-osx-font-smoothing: grayscale } .float-consult .icon-phone:before { content: "\E600" } .float-consult .icon-email:before { content: "\E601" } .float-consult .icon-qq:before { content: "\E603" } .float-consult .icon-weixin:before { content: "\E606" } .float-consult .icon-qqgroup:before { content: "\E608" } #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; 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 } .message-reply-form { margin-bottom: 30px } .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; 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 } .es-row-wrap h1 { word-break: break-all } .lt-ie9 .es-row-wrap { border: 1px solid #e1e1e1 } .course-grids { margin: 0 -15px 0 0; padding: 0; list-style: none } .classroomPicture { width: 40px; height: 40px } .course-grid { display: inline-block; vertical-align: top; margin: 15px 15px 15px 0; border: 1px solid #e1e1e1; border-radius: 4px } .course-grid:hover .course-grid-mask { opacity: 1; filter: alpha(opacity=100); transition: all .3s ease } .course-grid:hover .course-grid-mask .course-grid-btn-learn { margin-top: 22%; transition: all .3s ease } .course-grid-img { position: relative; overflow: hidden } .course-grid-img .course-grid-mask { position: absolute; top: 0; bottom: 0; right: 0; left: 0; text-align: center; background-color: rgba(0, 0, 0, .4); transition: all .3s ease; border-top-left-radius: 4px; border-top-right-radius: 4px; opacity: 0; filter: alpha(opacity=0) } .course-grid-img .course-grid-mask .course-grid-btn-learn { margin-top: 80%; transition: all .3s ease } .course-grid .course-label, .course-grid .label { position: absolute; top: 10px; right: 10px; font-size: 12px } .course-grid .belong-classroom { top: 103px; left: 0; right: 0; color: #fff; background-color: rgba(0, 0, 0, .1) } .course-grid .grid-body { position: relative; width: 204px; display: block; overflow: hidden; text-decoration: none; border-radius: 3px; color: #353535 } .course-grid .grid-body:hover { text-decoration: none } .related-course-grid { margin: 0 15px 15px 0 } @media (min-width: 1200px) { .related-course-grid { margin-bottom: 0 } .course-grid .grid-body { width: 254px } .related-course-grid .grid-body { width: 213px } } @media (min-width: 980px) and (max-width: 1199px) { .related-course-grid .grid-body { width: 263px } } @media (min-width: 768px) and (max-width: 979px) { .related-course-grid .grid-body { width: 306px } } .course-grid .title { display: block; padding: 10px; line-height: 20px } .course-grid .metas { display: block; margin: 0 10px; padding: 10px 0; overflow: hidden; text-align: center; font-size: 12px; border-top: 1px solid #eee; color: #9b9b9b; line-height: 1.2 } .course-grid .metas .price-col { float: left; text-align: left } .course-grid .metas .meta-label { display: block; color: #999 } .course-grid .price-block { text-align: left; padding: 6px 0 } .course-grid .metas .price-num { padding-top: 2px; font-size: 15px; font-weight: 700; color: #e57259; display: block } .course-grid .metas .review-col { display: inline-block } .course-grid .metas .student-col { float: right; text-align: right } .course-grid .metas .student-num { display: block; margin-top: 5px; font-size: 13px } .course-grid .teacher { margin: 0 10px 10px; padding-top: 10px; border-top: 1px solid #eee; display: block } .course-grid .teacher .thumb { width: 30px; height: 30px; float: left; font-size: 12px; margin-right: 8px } .course-grid .teacher .nickname { font-size: 12px } .course-grid .teacher .user-title { font-size: 12px; color: #777 } .course-grid .learn-status { margin: 0 10px 15px } .course-grid .learn-status .progress { margin-bottom: 15px } .course-grid .learn-status .action { text-align: center } .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 } .course-wide-list .course-picture { width: 230px; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .course-wide-list .course-body { margin: 15px 15px 0 245px } .courses-selected .course-body { margin: 15px 15px 0 300px } @media (max-width: 600px) { .course-wide-list .course-picture-link { float: none; display: block } .course-wide-list .course-picture { display: block; width: 100% } .course-wide-list .course-body { margin-left: 15px; margin-bottom: 15px } } .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-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 { font-size: 12px; font-weight: 700; color: #555 } .course-wide-list .teacher-title { color: #777; font-size: 12px } .course-wide-list .course-metas { float: right; text-align: right; margin-top: 10px } .course-wide-list .course-price { color: #e57259; font-size: 16px } .course-wide-list .divider { width: 1px; border-left: 1px solid #ccc; margin: 0 5px } .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 } .vip-item { border: 1px solid #e1e1e1; background: #fff } .vip-lists li { margin-bottom: 20px } .vip-item h3, .vip-item p { color: #555 } @media (max-width: 767px) { .vip-item h3 { padding: 0 10px; margin-top: 10px; font-size: 14px; text-align: center } } .vip-item h4 { color: #e57259; text-decoration: none; text-align: center } .vip-item img { width: 120px; height: 120px; margin: 10px 20px; border-radius: 50% } @media (max-width: 767px) { .vip-item img { margin: 10px auto } } .vip-item a { overflow: hidden } .vip-price { margin-top: 20px } @media (max-width: 767px) { .vip-price { margin-top: 0 } } .homepage .news li em { width: 85px; float: right; text-align: right; font-style: normal; color: #a9a9a9 } .homepage .news ul.row { margin-right: -10px; margin-left: -10px; padding-left: 0; list-style: none } .homepage .news li span { color: #428bca; margin-right: 10px; text-decoration: none } .homepage .news li a { color: #222; display: block; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .homepage .teachers ul, .homepage .vip ul { padding-left: 0; list-style: none } .homepage .teachers ul li, .homepage .vip ul li { padding-right: 10px; padding-left: 10px } @media (max-width: 767px) { .homepage .teachers ul li, .homepage .vip ul li { padding-right: 5px; padding-left: 5px } } .homepage .hot-group img { width: 58px; height: 58px } .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 } .latest-review-list { font-size: 13px } .latest-review-list .author-nickname { color: #555 } .latest-review-list .author-picture-link { float: left; margin: 0 10px 5px 0 } .latest-review-list .author-picture { display: block; width: 48px; height: 48px; border-radius: 3px } .latest-review-list .review-content { font-size: 13px; color: #999; word-wrap: break-word; overflow: hidden } .latest-review-list .review-footer { text-align: right; margin-top: 5px } .latest-review-list .course-title { color: #555; font-size: 12px } .latest-review-list .divider { width: 1px; border-left: 1px solid #ccc; margin: 0 5px } a.link-muted { color: #919191 } .btn-muted { color: #999 } .clear-modal-dialog .modal-body { padding: 30px } .clear-modal-dialog .close { position: absolute; top: 20px; right: 20px; float: none; z-index: 1060 } .homepage-feature-slides { z-index: 0 } .question-set-item:first-child { border: none } .list-group-panel .list-group-item.active, .list-group-panel .list-group-item.active:hover { background: #f3f3f3; color: #43bc60; font-weight: 700; border-left: 3px solid #43bc60 } .status-side ul { padding-left: 0; list-style: none } .status-side li { overflow: hidden } .status-side li img { width: 50px; height: 50px } .page-header .badge { margin-left: 5px; color: #fff; background-color: #43bc60 } .homepage-feature { border-radius: 4px; border: 1px solid #e4ecf3 } .watermark.active { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; display: none; position: absolute; width: 500px; height: 20px; vertical-align: middle; opacity: .8 } .page { padding: 15px; margin-bottom: 20px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, .05); font-size: 13px } .rmb { color: #f40; font-weight: 700; font-style: normal } .tags { line-height: 30px } .tags a { font-size: 12px } .comment-list .comment .comment-delete-btn { visibility: hidden } .comment-list .comment-operated:hover .comment-delete-btn { visibility: visible } .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 } .avatar-small { width: 50px; height: 50px } .avatar-medium { width: 120px; height: 120px } .origin-price { font-size: 12px } .nav-course-buy-btn { padding-bottom: 8px; padding-top: 8px } .question-num { display: inline-block; width: 25px } .panel.testpaper-question-block .testpaper-question { position: relative } .panel.testpaper-question-block .panel-body { position: relative; z-index: 1 } .lt-ie8 .hidden-lt-ie8, .visible-lt-ie8 { display: none !important } .lt-ie8 .visible-lt-ie8 { display: block !important } .user-simple-list .media-body { vertical-align: middle; line-height: 48px } .user-avatar-link img { width: 48px; height: 48px } .user-grids { letter-spacing: -4px; zoom: 1; margin: 0; padding: 0 } .user-grids li { list-style: none; text-align: center; display: inline-block; letter-spacing: 0; width: 23%; margin: 8px 1%; font-size: 12px; vertical-align: top; height: 40px; overflow: hidden } .user-grids li p { margin-bottom: 0; word-wrap: break-word; word-break: normal } .user-grids .user-avatar-link { margin-bottom: 5px } .user-grids .user-link { display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .container .vjs-default-skin .vjs-big-play-button { top: 50%; left: 50%; margin-top: -40px; margin-left: -50px; width: 100px; height: 80px } .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; transition: all .3s ease } .es-footer .copyright a:hover { transition: all .3s ease; 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; transition: all .3s ease } .footer-main a:hover { color: #fff; transition: all .3s ease } .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; transition: all .3s ease } .footer-logo .footer-sns i:hover { 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 { margin-bottom: 0; z-index: 99; border-radius: 0 } .navbar-collapse { border-top: none } .es-header { background: #212121; height: 60px; border: none; padding: 0 20px } .es-header .container { position: relative } .es-header .collapse { display: block } @media (max-width: 767px) { .es-header .navbar-header { text-align: center; float: none } .es-header .navbar-header .navbar-brand { display: inline-block; float: none } } .es-header .navbar-header .navbar-brand { height: 60px; line-height: 50px; padding: 5px 10px; color: #fff } @media (max-width: 767px) { .es-header .navbar-header .navbar-brand { padding: 10px; line-height: 40px } } .es-header .navbar-header .navbar-brand > img { height: 50px; width: auto } @media (max-width: 767px) { .es-header .navbar-header .navbar-brand > img { height: 40px } } @media (max-width: 991px) { .es-header .nav.navbar-nav { margin-left: 0; margin-right: 0 } } .es-header .nav.navbar-nav > li > a { padding: 20px 30px; line-height: 20px; color: #c1c1c1; background: none; transition: all .3s ease } @media (max-width: 1199px) { .es-header .nav.navbar-nav > li > a { padding-left: 20px; padding-right: 20px } } @media (max-width: 991px) { .es-header .nav.navbar-nav > li > a { padding-left: 10px; padding-right: 10px } } .es-header .nav.navbar-nav > li.active > a, .es-header .nav.navbar-nav > li.open.active > a, .es-header .nav.navbar-nav > li.open > a, .es-header .nav.navbar-nav > li.open > a:focus, .es-header .nav.navbar-nav > li.open > a:hover, .es-header .nav.navbar-nav > li > a:focus, .es-header .nav.navbar-nav > li > a:hover { background: none; color: #fff; transition: all .3s ease } .es-header .nav.navbar-nav .navbar-toggle { padding: 5px 15px; background: #1abc9c } .es-header .nav.navbar-nav .navbar-toggle .icon-bar { background: #fff } .es-header .navbar-form { margin: 15px 10px } @media (max-width: 1199px) { .es-header .navbar-form { margin: 15px 0 } } .navbar-mobile { position: absolute; top: 0; left: 0 } .navbar-mobile .navbar-more { position: relative; padding: 20px 10px; line-height: 20px; display: block; color: #fff; z-index: 1001 } .navbar-mobile .nav-mobile { position: absolute; left: 0; top: 0; bottom: 0; width: 250px; overflow-x: hidden; overflow-y: auto; background: #3f3f3f; -webkit-transform: translate3d(-100%, 0, 0); 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: 60px auto 20px } .navbar-mobile .navbar-form .form-control { width: 100% } .navbar-form { margin: 10px; box-shadow: none } @media (max-width: 767px) { .navbar-form { margin-left: 0; margin-right: 0 } } .navbar-form .form-group { position: relative } .navbar-form .form-control { height: 30px; width: 100px; border-radius: 20px; line-height: 28px; padding: 0 24px 0 12px; transition: all .3s ease; border-color: #fff } .navbar-form .form-control.active { width: 150px } .navbar-form .button { position: absolute; right: 2px; top: 6px; border: none; background: none } .nav > li.nav-more li .dropdown-menu { left: 100%; top: 0 } .nav > li.nav-more.open li:hover .dropdown-menu { display: block } .nav > li.nav-more .open.active > a, .nav > li.nav-more .open > a, .nav > li.nav-more .open > a:focus, .nav > li.nav-more .open > a:hover { background: #43bc60 !important; color: #fff !important } .navbar-user { z-index: 1; position: absolute; top: 0; right: 20px } @media (max-width: 767px) { .navbar-user { right: 5px } } @media (min-width: 768px) { .navbar-user.left { right: 50px } } .nav.user-nav { float: right } .nav.user-nav > li { float: left; height: 60px } .nav.user-nav > li > a { display: block; padding: 20px 15px; color: #c1c1c1; transition: all .3s ease } @media (max-width: 1199px) { .nav.user-nav > li > a { padding: 20px 10px } } .nav.user-nav > li > a.dropdown-toggle { padding: 15px } @media (max-width: 991px) { .nav.user-nav > li > a.dropdown-toggle { padding: 15px 5px } } .nav.user-nav > li > a:focus, .nav.user-nav > li > a:hover { color: #fff; background: none; transition: all .3s ease } .nav.user-nav > li > a.hasmessage { position: relative; display: block } .nav.user-nav > li > a.hasmessage > .dot { position: absolute; display: block; width: 5px; height: 5px; top: 22px; right: 12px; font-size: 20px; border-radius: 50%; background-color: #ed3e3e } @media (min-width: 1200px) { .nav.user-nav .user-avatar-li .dropdown-menu { margin-right: -50px } } .nav.user-nav .dropdown-menu { width: 160px; background: #fff; left: auto; right: 0 } .nav.user-nav .dropdown-menu > li { width: 100% } .nav.user-nav .dropdown-menu > li > a { padding-left: 10px } .nav.user-nav .dropdown-menu > li > a:hover .num { background: #fff; color: #43bc60; transition: all .3s ease } .nav.user-nav .dropdown-menu > li i { padding: 0 10px } .nav.user-nav .dropdown-menu > li .num { background: #999; padding: 0 10px; border-radius: 20px; color: #fff; transition: all .3s ease } .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 } body { background: #f5f8fa; word-wrap: break-word; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } body.bg-blank { background-color: #fff } html { height: 100% } html.nav-active, html.nav-active body { position: relative; overflow: hidden; height: 100% } .es-wrap.nav-active { 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 } } .caret { border-top: 4px solid } .tooltip { min-width: 40px } .affix, .affix-bottom { z-index: 1 } .cke_chrome { border-radius: 4px; border-color: #e1e1e1 !important; box-shadow: none !important } .cke_bottom { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } .editor-text img { max-width: 100% !important; height: auto !important } .webuploader-element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px) } .short-long-text .short-text { cursor: pointer } .short-long-text .long-text { cursor: pointer; display: none } .section-gray, .section-gray .text-line h5 > span { background-color: #f5f8fa !important } .section-wihte, .section-wihte .text-line h5 > span { /*background-color: #fff !important*/ } .divider-line { border-bottom: 1px solid #f5f5f5 } .h400 { min-height: 400px } .empty { text-align: center; color: #c1c1c1; padding: 20px 0 } a { color: #43bc60 } a:focus, a:hover { color: #36964d } a.transition, a.transition:hover { 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 } .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 } @keyframes rotate { 0% { transform: scale(1) } 50% { transform: scale(1.5) } to { transform: scale(1) } } @-webkit-keyframes rotate { 0% { -webkit-transform: scale(1) } 50% { -webkit-transform: scale(1.5) } to { -webkit-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 { transition: all .3s ease } .es-transup:hover { transform: translateY(-6px); -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .3); -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .3); -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .3) } /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translateZ(0); transform: translateZ(0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } @keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translateZ(0); transform: translateZ(0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes flash { 0%, 50%, to { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes flash { 0%, 50%, to { opacity: 1 } 25%, 75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } @keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg); transform: scale3d(.9, .9, .9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg); transform: scale3d(.9, .9, .9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg) } to { -webkit-transform: none; transform: none } } @keyframes wobble { 0% { -webkit-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg) } to { -webkit-transform: none; transform: none } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } @keyframes jello { 0%, 11.1%, to { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } to { -webkit-transform: none; transform: none } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } to { -webkit-transform: none; transform: none } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } to { -webkit-transform: none; transform: none } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity: 1; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDown { 0% { opacity: 1; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownSmall { 0% { opacity: 1; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDownSmall { 0% { opacity: 1; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDownSmall { -webkit-animation-name: fadeInDownSmall; animation-name: fadeInDownSmall } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpSmall { 0% { opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUpSmall { 0% { opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUpSmall { -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes fadeOutDown { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } @keyframes fadeOutDownBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes fadeOutLeft { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } @keyframes fadeOutLeftBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes fadeOutRight { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } @keyframes fadeOutRightBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes fadeOutUp { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } @keyframes fadeOutUpBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn); transform: perspective(400px) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); transform: perspective(400px) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); transform: perspective(400px) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn); transform: perspective(400px) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); transform: perspective(400px) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); transform: perspective(400px) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1 } to { -webkit-transform: none; transform: none; opacity: 1 } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1 } to { -webkit-transform: none; transform: none; opacity: 1 } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 } } @keyframes lightSpeedOut { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 } } .hinge { -webkit-animation-name: hinge; animation-name: hinge } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg) } to { opacity: 1; -webkit-transform: none; transform: none } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg) } } @keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 0 } } @keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 0 } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } .bg-gray { background-color: #919191 !important } .bg-gray-lighter { background-color: #f5f5f5 !important } .bg-color { background-color: #fafafa !important } .bg-border-color { background-color: #e4ecf3 !important } .bg-danger { background-color: #ed3e3e !important } .bg-primary, .bg-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, .link-darker { cursor: pointer } .link-darker { color: #313131 !important; transition: all .3s ease } .link-darker:hover { color: #43bc60 !important; transition: all .3s ease } .link-dark { cursor: pointer; color: #616161 !important; transition: all .3s ease } .link-dark:hover { color: #43bc60 !important; transition: all .3s ease } .link-gray { cursor: pointer; color: #919191 !important; transition: all .3s ease } .link-gray:hover { color: #43bc60 !important; transition: all .3s ease } .link-light { cursor: pointer; color: #e1e1e1 !important; transition: all .3s ease } .link-light:hover { color: #43bc60 !important; transition: all .3s ease } .link-lighter { cursor: pointer; color: #f5f5f5 !important; transition: all .3s ease } .link-lighter:hover { color: #43bc60 !important; transition: all .3s ease } .link-medium { cursor: pointer; color: #c1c1c1 !important; transition: all .3s ease } .link-medium:hover { color: #43bc60 !important; transition: all .3s ease } .link-white { cursor: pointer; color: #fff !important; transition: all .3s ease } .link-primary, .link-white:hover { color: #43bc60 !important; transition: all .3s ease } .link-primary { cursor: pointer } .link-primary:hover { color: #36964d !important; 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 } .controls .select2-container { margin-left: 0; margin-right: 0; border: 0; padding: 0; float: none } .controls .select2-container-multi .select2-choices { background-image: none; filter: none; height: 34px; min-height: 34px; line-height: 20px; border-radius: 4px; border: 1px solid #e1e1e1; transition: border .2s linear, box-shadow .2s linear } .select2-container-multi.select2-container-active .select2-choices, .select2-drop.select2-drop-above { box-shadow: none !important } .controls .select2-container-multi .select2-choices .select2-search-field input { min-height: 30px } .controls .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 50px !important } .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 } .member-item .course-picture { float: left } .member-item .course-view { float: right; margin: 10px; visibility: hidden } .member-item:hover .course-view { visibility: visible } .lastest-member-list .member-picture-link { float: left; margin: 0 10px 5px 0 } .lastest-member-list .media { padding-bottom: 0 } .lastest-member-list .member-picture { display: block; width: 48px; height: 48px; border-radius: 3px } .lastest-member-list .member-nickname { color: #555 } .lastest-member-list .member-title { color: #777; font-size: 12px } .memberzone { min-height: 450px } .vip-banner { padding: 20px 0 } .vip-banner .vip-banner-thumb { float: left; width: 870px } @media (max-width: 1199px) { .vip-banner .vip-banner-thumb { width: 720px } } @media (max-width: 991px) { .vip-banner .vip-banner-thumb { width: 100% } } .vip-banner .vip-banner-thumb img { width: 100%; border-top-left-radius: 4px; border-bottom-left-radius: 4px } @media (max-width: 991px) { .vip-banner .vip-banner-thumb img { border-radius: 4px } } .vip-user { float: left; width: 270px; height: 350px; padding: 30px 20px; background-color: #fff; text-align: center; border-top-right-radius: 4px; border-bottom-right-radius: 4px } @media (max-width: 1199px) { .vip-user { padding: 10px; width: 220px; height: 290px } } .vip-user .user-avatar { position: relative; display: inline-block } .vip-user .user-avatar > img { border-radius: 50%; width: 100px; height: 100px } @media (max-width: 1199px) { .vip-user .user-avatar > img { width: 90px; height: 90px } } .vip-user .user-avatar .icon-user-status { position: absolute; bottom: 0; right: 0; background-color: #a1a1a1 } .vip-cat { text-align: center; margin-bottom: 20px } .vip-cat .nav-pills { display: inline-block } .vip-cat .nav-pills li { margin: 0 20px } .vip-wide-item { width: 940px; height: 200px; padding: 30px 20px !important; margin: 0 auto 30px !important } @media (max-width: 991px) { .vip-wide-item { width: 100% } } @media (max-width: 767px) { .vip-wide-item { height: auto } } .vip-wide-item .vip-thumb { float: left; width: 14%; text-align: center; margin-top: 15px; padding-right: 20px } @media (max-width: 991px) { .vip-wide-item .vip-thumb { width: 18% } } @media (max-width: 767px) { .vip-wide-item .vip-thumb { width: 100%; margin-top: 0; margin-bottom: 20px } } .vip-wide-item .vip-thumb img { width: 100px; height: 100px; border-radius: 50% } .vip-wide-item .vip-info { float: left; width: 29%; height: 140px; padding: 10px; border-radius: 4px; text-align: center; background-color: #f5f5f5 } @media (max-width: 991px) { .vip-wide-item .vip-info { width: 54%; padding: 10px } } @media (max-width: 767px) { .vip-wide-item .vip-info { width: 100%; margin-bottom: 20px } } .vip-wide-item .vip-info .name { color: #313131 } .vip-wide-item .vip-info .price { color: #919191; font-size: 12px; margin-bottom: 0 } .vip-wide-item .vip-info .price span { font-size: 18px; margin-right: 5px; color: #ed3e3e } .vip-wide-item .vip-info .number { font-size: 12px; margin: 10px auto } .vip-wide-item .vip-content { float: left; width: 45%; margin: 10px 0; height: 120px; font-size: 12px; line-height: 20px; padding: 0 20px; overflow: hidden; color: #313131 } @media (max-width: 991px) { .vip-wide-item .vip-content { display: none } } .vip-wide-item .vip-content p { margin: 0 } .vip-wide-item .vip-item-footer { float: right; width: 12%; margin-top: 53px; text-align: center } @media (max-width: 991px) { .vip-wide-item .vip-item-footer { width: 25% } } @media (max-width: 767px) { .vip-wide-item .vip-item-footer { margin-top: 0; width: 100% } .vip-wide-item .vip-item-footer .btn { display: block } } .vip-item-list { background-color: #fafafa; padding-bottom: 15px } .vip-swiper-container, .vip-swiper-item { position: relative } .vip-swiper-item { padding: 20px 50px !important; margin-bottom: 30px; background-color: #fff; border-radius: 4px } @media (max-width: 1199px) { .vip-swiper-item { padding: 20px !important } } .vip-swiper-item .vip-thumb { text-align: center; margin: 0 auto 15px } .vip-swiper-item .vip-thumb img { width: 100px; height: 100px; border-radius: 50% } .vip-swiper-item .vip-info { text-align: center; height: 140px; padding: 15px; margin-bottom: 15px; border-radius: 4px; background-color: #f5f5f5 } .vip-swiper-item .vip-info .name { font-size: 16px; color: #313131 } .vip-swiper-item .vip-info .price { color: #919191; font-size: 12px; margin-bottom: 0 } .vip-swiper-item .vip-info .price span { font-size: 18px; margin-right: 5px; color: #ed3e3e } .vip-swiper-item .vip-info .number { font-size: 12px; margin: 10px auto } .vip-swiper-item .vip-content { font-size: 12px; line-height: 18px; height: 90px; overflow: hidden; margin-bottom: 15px; color: #313131 } .vip-swiper-item .vip-content p { margin: 0 } .vip-filer { background-color: #fff; padding-bottom: 40px } .vip-new-member { background-color: #fafafa; padding: 10px 0 30px; text-align: center } .vip-new-member .text-line { padding-bottom: 30px } .vip-new-member .title { font-size: 32px; color: #fff; margin-bottom: 50px } .vip-new-member .member-list { margin-bottom: 30px } .vip-new-member .member-list img { display: inline-block; margin: 15px; border: 4px solid #fff; height: 80px !important; width: 80px !important; transition: all .3s ease } .vip-new-member .member-list img:hover { border-color: #43bc60; transition: all .3s ease } .bootstrap-notify-bar { position: fixed; top: 0; left: 0; right: 0; border-radius: 0; text-align: center; z-index: 2000; padding: 10px; margin: 0 } .bootstrap-notify-bar .close { margin-left: 10px } .course-item-list-multi h3, .course-item-list-multi h4 { font-size: 16px; font-weight: 400; line-height: 36px; text-indent: 15px; background: #f3f3f3; color: #777; border-bottom: 1px solid #e3e3e3; margin: 20px 0 } .course-item-list-multi h3 strong, .course-item-list-multi h4 strong { color: #555 } .course-item-list-multi h4 { margin: 20px 0 20px 20px } .course-item-list-multi ul { list-style: none; margin: 0; padding: 0 } .course-item-list-multi .item-object { position: relative; width: 64px; height: 54px; background-color: #1abc9c; float: left; margin-bottom: 20px; border-radius: 5px; border: 1px solid #16a085; text-align: center } .course-item-list-multi .item-object:hover { box-shadow: 0 1px 3px #333 } .course-item-list-multi .item-object .item-icon { width: 36px; height: 36px; display: inline-block } .course-item-list-multi .item-object-live { background-color: #f8a269; border-color: #da9078 } .course-item-list-multi .item-object-audio { background-color: #fbcf4b; border-color: #dca83f } .course-item-list-multi .item-object-text { background-color: #9b59b6; border-color: #8e44ad } .course-item-list-multi .item-object-courseware { background-color: #ae0073; border-color: #8e055f } .course-item-list-multi .item-object-testpaper { background-color: #95a5a6; border-color: #7f8c8d } .course-item-list-multi .item-object-ppt { background-color: #f58043; border-color: #b34330 } .course-item-list-multi .item-object-pdf { background-color: #b70b3b; border-color: #970c33 } .course-item-list-multi .item-object-doc { background-color: #38adca; border-color: #29859a } .course-item-list-multi .item-object-xls { background-color: #75d073; border-color: #39872d } .course-item-list-multi .item-object .item-length { position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; color: #fff; font-size: 12px; background: #666; background: rgba(0, 0, 0, .3); z-index: 1; line-height: 16px; border-radius: 0 0 5px 5px; display: block } .course-item-list-multi .item-object i { margin-top: 8px; font-size: 24px; color: #fff } .course-item-list-multi .item-object .item-free { background: 0 0 no-repeat; position: absolute; top: 0; left: 0; width: 38px; height: 38px; margin-left: -1px; margin-top: -1px } .course-item-list-multi .item-body { margin-left: 72px } .course-item-list-multi .item-seq-name { color: #999; font-weight: 700; margin-bottom: 3px } .course-item-list-multi .item-title { font-weight: 700; width: 100%; height: 36px; overflow: hidden } .course-item-list-multi .live-item .item-title { height: 18px } .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 } .question-stem-fill-blank { padding-left: 15px; padding-right: 15px; border-bottom: 1px solid #999; color: #aaa } .testpaper-titlebar { border-bottom: 1px solid #ddd; margin-bottom: 20px } .testpaper-title { float: left; font-size: 24px; font-weight: 700; color: #444 } .testpaper-status { margin-top: 20px; float: right } .homwork-status .label, .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-metas { color: #666; font-size: 12px; margin-bottom: 20px } .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-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-question { position: relative; margin-bottom: 50px; font-size: 14px; border-top: 1px solid #ccc; padding-top: 20px } .panel .testpaper-question:first-child { border-top: none } .modal .testpaper-question { border-top: none; padding-top: 0 } .testpaper-question-main { float: left; margin-left: 50px } .testpaper-question-seq-wrap { float: left; width: 40px; margin-right: 10px; text-align: center } .testpaper-question-seq { font-size: 20px; color: #3a87ad } .question-score, .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-stem { padding-bottom: 10px; border-bottom: 1px dashed #ddd; margin-bottom: 10px; overflow: hidden; zoom: 1 } .testpaper-question-stem-material img, .testpaper-question-stem img { max-width: 100% } .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 { position: relative; padding: 6px 0 6px 36px } .testpaper-question-choices li p { margin-bottom: 0 } .testpaper-question-choices li:hover { background: #eee; cursor: pointer } .testpaper-question-choice-index { position: absolute; top: 6px; left: 6px; color: #999 } .testpaper-question-choice-right, .testpaper-question-choice-right .testpaper-question-choice-index { color: #3c763d } .question-text-success { color: #0b900d } .question-text-danger { color: #ea1d19 } .testpaper-question-choice-inputs { margin-left: 50px; float: left } .testpaper-question-choice-inputs label { padding: 8px 20px 8px 30px; display: inline-block; vertical-align: middle } @media (max-width: 767px) { .testpaper-question-choice-inputs label { padding: 6px 5px 6px 25px } } .testpaper-question-choice-inputs label.active, .testpaper-question-choice-inputs label:hover, .testpaper-question-determine-inputs label.active, .testpaper-question-determine-inputs label:hover { background: #eee } .testpaper-question-fill-inputs { margin-left: 50px } @media (max-width: 767px) { .testpaper-question-actions { width: 100%; text-align: right } } .testpaper-question-fill-inputs input { margin-bottom: 10px } .homework-question-fill ul, .testpaper-question-fill .testpaper-question-result ul { list-style: none; margin: 0; padding: 0 } .testpaper-question-determine-inputs { margin-left: 50px; float: left } .testpaper-question-determine-inputs label { padding: 8px 20px 8px 30px; display: inline-block } .testpaper-question-essay-inputs { margin-left: 50px; margin-bottom: 10px } .testpaper-question-essay .testpaper-question-result { float: none } .question-essay .question-body img, .testpaper-question-essay .testpaper-question-result img { max-width: 100% } .testpaper-question-result { margin-left: 50px; float: left } .homework-question-result { margin-left: 5px; float: left } .homework-question-result-title, .question-result-title, .testpaper-question-result-title { margin-bottom: 5px; color: #666 } .homework-question-result-suggested, .testpaper-question-result-suggested { margin-bottom: 20px } .testpaper-question-analysis { margin-left: 50px } .testpaper-question-analysis img { max-width: 100% } .testpaper-card .btn-index { font-size: 12px; padding: 0; width: 24px; height: 24px; line-height: 24px; display: inline-block; margin: 0 5px 5px 0 } .testpaper-card-explain .btn-index { width: 12px; height: 12px; font-size: 12px; margin: 0 3px 5px 0 } .testpaper-card-explain small { margin-right: 8px } .testpaper-card-timer { color: #3a87ad; font-size: 20px } .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, .testpaper-card.affix-bottom { width: 220px } .testpaper-card.affix { position: fixed; top: 0 } .testpaper-card.affix-bottom { position: absolute } } @media (min-width: 1200px) { .testpaper-card.affix, .testpaper-card.affix-bottom { width: 270px } } .homwork-choice-index { margin-right: 20px; float: left } .question-choices-inputs label { padding: 8px 20px 8px 30px; display: inline-block } .question-choices-inputs label.active, .question-choices-inputs label:hover { background: #eee } .question-fill-inputs input { margin-bottom: 10px } .question-set-item-side { text-align: center } .question-set-item-seq { font-size: 20px; color: #3a87ad } .question-set-heading { position: relative } .question-set-type { position: absolute; top: 20px; left: 8px; background: #00e0ff; color: #fff; padding: 3px 15px; font-weight: 700; font-size: 16px; border-radius: 3px } .question-set-title { margin-top: 5px; margin-left: 80px; margin-bottom: 10px; font-size: 20px } .question-set-description { margin-left: 80px; color: #999 } @media (min-width: 992px) { .question-set-card.affix, .question-set-card.affix-bottom { width: 220px } .question-set-card.affix { position: fixed; top: 0 !important } .question-set-card.affix-bottom { position: absolute } } @media (min-width: 1200px) { .question-set-card.affix, .question-set-card.affix-bottom { width: 270px } } .question-set-card .question-index { display: inline-block; border: 1px solid #ccc; width: 28px; height: 24px; line-height: 24px; text-align: center; margin-right: 5px; margin-bottom: 5px; border-bottom-width: 2px; text-decoration: none; color: #888 } .question-set-card .question-index:hover { background: #eee } .question-set-card .question-index-active { background: #eee; border-color: #aaa } .question-set-card .panel-heading { line-height: 30px } a.homework-essay-textarea-pack-up { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; color: #999 } .homework-status { margin-top: 20px; float: right } .homework-status .label { padding: 5px 25px; border-radius: 3px; font-size: 100% } .quality-switcher-control { margin: 10px 0; display: none } .quality-switcher-control-open { display: block } .quality-switcher .quality-actions { margin-top: 10px } .ui-autocomplete { border: 1px solid #ccc; background-color: #fff; box-shadow: 2px 2px 3px #eee; z-index: 9999 !important } .ui-autocomplete-ctn { margin: 0; padding: 0 } .ui-autocomplete-item { width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; padding: 0 10px; cursor: default } .ui-autocomplete-item-hover { background: #f2f2f2 } .ui-autocomplete-item-hl { background: #f6ff94 } .noUi-target { background-color: transparent; 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; box-shadow: none; 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; border-radius: 4px; border: none; box-shadow: none } .noUi-connect { border-radius: 4px; box-shadow: none; 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; 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; box-sizing: border-box } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { float: left; 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; 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; 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; 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 { 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); 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; 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; 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; transition: all .4s } .local-video-player .vjs-default-skin:hover .vjs-progress-control { font-size: .9em; 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; border-radius: .8em; box-shadow: 0 0 1em hsla(0, 0%, 100%, .25); 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); box-shadow: 0 0 3em #fff; 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; 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 } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg) } to { -webkit-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); 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); 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 { 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: 10px 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; transition: all .3s ease } @media (max-width: 767px) { .panel-default > .panel-heading .more { top: 8px } } .panel-default > .panel-heading .more:hover { color: #616161; 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 { 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; 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; transition: all .3s ease } .es-section .section-header .more:hover { color: #616161; transition: all .3s ease } .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; transition: all .3s ease; padding: 5px 23px 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; 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; transition: all .3s ease } .nav.nav-tabs .badge { margin-left: 5px; background-color: #919191; transition: all .3s ease } .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; 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; 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; transition: all .3s ease } .media-comment .reply-link:hover, .media-subcomment .reply-link:hover { color: #43bc60; 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; transition: all .3s ease; margin-right: 10px } .media-comment .comment-sns a:hover, .media-subcomment .comment-sns a:hover { color: #43bc60; 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: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; border-radius: 4px } .media-search .title { font-size: 16px; margin-bottom: 10px } @media (max-width: 767px) { .media-search .title { font-size: 14px } } .breadcrumb { background-color: #f5f5f5 } .breadcrumb.breadcrumb-o { background: none; margin: 12px auto; padding: 8px 0 } .breadcrumb.breadcrumb-o > li, .breadcrumb > li { max-width: 100% } .breadcrumb li.active { color: #919191 } .breadcrumb a { color: #919191; transition: all .3s ease } .breadcrumb a:hover { color: #43bc60; transition: all .3s ease } .breadcrumb-no-bg { background-color: transparent } .lt-ie9 .breadcrumb li { padding-left: 5px } textarea.form-control-o { background-color: #f5f5f5; border: 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: 145px !important; padding: 3px 10px !important; background-color: #404040 !important; 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] { 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 } .dropdown-menu { 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; transition: all .3s ease } .dropdown-menu > li > a:hover { background: #43bc60; color: #fff; transition: all .3s ease } .btn-group.open .dropdown-toggle { box-shadow: none } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none } .btn { transition: all .3s ease } .btn.active, .btn.focus, .btn:focus, .btn:hover { transition: all .3s ease; 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-graylight { color: #e1e1e1 } .btn-graylight.focus, .btn-graylight:focus, .btn-graylight: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-circle { display: inline-block; width: 34px; height: 34px; line-height: 32px; border-radius: 50%; background: none; border: 1px solid #919191; color: #919191; text-align: center; transition: all .3s ease } .btn-circle:hover { color: #43bc60; border-color: #43bc60; transition: all .3s ease } .btn-circle.active { background: #43bc60; border-color: #43bc60; color: #fff } .btn-circle.danger { color: #fff; border-color: #ed3e3e; background: #ed3e3e } .btn-circle.primary { color: #fff; border-color: #43bc60; background: #43bc60 } .btn-circle.info { color: #fff; border-color: #278bf5; background: #278bf5 } .btn-circle.btn-circle-xs { width: 20px; height: 20px; line-height: 18px; font-size: 12px } .btn-circle.btn-circle-xs i { font-size: 14px } .btn-circle.btn-circle-md { width: 40px; height: 40px; line-height: 38px } .btn-circle.btn-circle-md i { font-size: 24px } .btn-tag { display: inline-block; padding: 6px 10px; margin: 5px 5px 5px 0; color: #43bc60; font-size: 12px; background-color: #c7ebcf; transition: all .3s ease } .btn-tag.active, .btn-tag:hover { color: #fff; background-color: #43bc60; transition: all .3s ease } .btn-more { border-radius: 50%; width: 58px; height: 58px; background: #fff; color: #a6a6a6; display: inline-block; text-align: center; box-shadow: 0 4px 12px -2px rgba(51, 51, 51, .5); transition: all .3s ease } .btn-more:hover { color: #666; box-shadow: 0 10px 15px 0 rgba(51, 51, 51, .5); transition: all .3s ease } .btn-ghost { border-color: #fff; color: #fff; border-radius: 20px; transition: all .3s ease } .btn-ghost:hover { color: #43bc60; background-color: #fff; 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; 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%; transition: all .3s ease } .btn-fat { padding-left: 30px; padding-right: 30px } .btn-fat-small { padding-left: 20px; padding-right: 20px } .es-tabs { background: #fff; margin-bottom: 30px; border: 1px solid #e4ecf3; 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; 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; 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; transition: all .3s ease } .es-tabs .tab-body > ul > li.active > a, .es-tabs .tab-body > ul > li > a:hover { color: #43bc60; transition: all .3s ease } .image-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; border-radius: 4px; transition: all .3s ease; filter: alpha(opacity=30); background: #000; background-image: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, .5) 100%); } .image-overlay:hover { opacity: .2; filter: alpha(opacity=20); 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-blank { color: #000; background-color: #fafafa } .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-default { border-color: #e1e1e1; background-color: #f5f5f5 } .alert-default .alert-link, .alert-default .close { color: #919191 } .alert-default.alert-edit:hover { 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 } .alert-notice { 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 } .set-email-alert { font-size: 12px; text-align: center; margin-bottom: 0; border-radius: 0; padding: 5px } .set-email-alert .close { font-size: 16px } input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill { -webkit-box-shadow: 0 0 0 100px #fafafa inset } textarea { resize: none } .help-block { margin-bottom: 0 } .width-150 { width: 150px !important; display: inline-block } .width-200 { width: 200px; display: inline-block } .input-sm { height: 30px } .width-input { display: inline-block !important; margin-right: 6px; width: 150px } .width-input-mini { width: 50px } .width-input-small { width: 100px } .width-input-large { width: 200px } .width-input-xlarge { width: 300px } .width-full { width: 100% } .checkboxs, .radios { padding-top: 7px; vertical-align: middle } .checkboxs label, .radios label { font-weight: 400; padding: 0 20px 0 0 } .control-label span.required { color: #ffa51f } .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 } } .form-control-150 { width: 150px } .has-error.form-group { margin-bottom: 10px } @media (max-width: 767px) { .has-error.form-group { margin-bottom: -5px } } .has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox-inline label, .has-error.checkbox label, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio-inline label, .has-error.radio label { color: #ed3e3e } .has-error .form-control { border-color: #ed3e3e } .has-error .form-control:focus { border-color: #e1e1e1 } .form-control-error { border-color: #ed3e3e !important } .form-error-message { height: 20px; line-height: 20px; margin-bottom: 0; color: #ed3e3e } .control-label-required { position: relative } .control-label-required:before { content: "*"; color: #ffa51f; position: absolute; top: 4px; left: -10px } .avatar-xxs { border-radius: 50%; width: 20px !important; height: 20px !important } .avatar-xs { border-radius: 50%; width: 30px !important; height: 30px !important } .avatar-sm { border-radius: 50%; width: 40px !important; height: 40px !important } .avatar-sm.avatar-sm-square { border-radius: 4px } .avatar-md { border-radius: 50%; width: 60px !important; height: 60px !important } .avatar-lg { border-radius: 50%; width: 120px !important; height: 120px !important } .avatar-square-md, .group-avatar-md { width: 60px; height: 60px; border-radius: 4px } .group-avatar-sm { width: 50px; height: 50px; border-radius: 4px } .progress { background-color: #f5f5f5; color: #fff; text-align: right; font-weight: 700; font-size: 14px; box-shadow: none; 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 { box-shadow: none; background-color: #43bc60 } .progress-bar-left { text-align: left; padding-left: 15px } .label { padding: .2em .6em; font-weight: 400; border-radius: 4px; vertical-align: middle } .label.label-md { font-size: 100% } .label.label-xs { font-size: 12px; padding: 2px } .label.label-hover-primary { transition: all .3s ease } .label.label-hover-primary:hover { transition: all .3s ease; background-color: #43bc60 } .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 { 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 { 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; 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; transition: all .3s ease } .nav-pills > li > a:hover { background-color: #f5f5f5; transition: all .3s ease } .nav-pills > li.active > a { color: #fff; background: #43bc60; 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; 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; border-radius: 4px; border: 1px solid #e4ecf3; border-left: 2px solid #43bc60 } .es-piece { margin-bottom: 30px } .es-piece.piece-lg .piece-header { font-size: 22px; font-weight: 500; padding: 0 30px 0 0 } .es-piece.piece-lg .piece-header .more { font-size: 14px } .es-piece.piece-lg .piece-header:after { display: none } .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 } @media (max-width: 991px) and (min-width: 768px) { .user-avatar-list li { width: 10% } } .user-avatar-list .name { margin-top: 10px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; height: 20px } .popover { min-width: 200px; border-color: #e1e1e1 } .popover.top > .arrow { border-top-color: #e1e1e1 } .popover.right > .arrow { border-right-color: #e1e1e1 } .popover.bottom > .arrow { border-bottom-color: #e1e1e1 } .popover.left > .arrow { border-left-color: #e1e1e1 } .popover .popover-content { color: #616161 } .modal-title { word-break: break-all; color: #313131; font-size: 18px } .modal-header { padding: 15px 20px } .modal-body { word-wrap: break-word; overflow: hidden; padding-left: 20px; padding-right: 20px } .modal-body img { max-width: 100%; height: auto } .modal-backdrop.in { opacity: .8; filter: alpha(opacity=80) } @media (min-width: 992px) { .modal-dialog.modal-lg { width: 900px; margin-top: 20px } } @media (min-width: 992px) { .modal-md { width: 800px } } @media (min-width: 992px) { .modal-sm { width: 520px } } .modal-message .modal-header { border-bottom: 0; padding-bottom: 0; text-align: center } .modal-message .modal-footer { border-top: 0; padding-top: 0 } .modal-live-remind .modal-body { padding: 40px } .modal-live-remind .close { position: absolute; top: 10px; right: 10px } .modal-live-remind .media-left img { width: 160px; max-width: 160px } .modal-live-remind .media-body h4 { color: #313131; font-size: 16px } .modal-live-remind .media-body p { color: #919191; font-size: 12px } .modal-live-remind .live-countdown { font-size: 22px; color: #313131; margin-bottom: 20px; text-align: center } .modal-live-remind .live-countdown span { color: #ffa51f; font-size: 40px } .modal-live-remind .btn { width: 300px } .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.table-middle > tbody > tr > td { vertical-align: middle } .table.table-col-nobordered > tbody > tr > td { border-top: none } .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; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); display: none \9; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); transform: scale(0); 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 { display: block \9; -webkit-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); 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%; 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); transform: scale(0); 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; 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; border-radius: 50% } .icon-user-status > i { font-size: 12px; vertical-align: middle } .icon-user-status > img { 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; 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; 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; 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 { position: relative; display: inline-block; overflow: hidden; cursor: default; padding: 0; margin: 0; box-shadow: 0 0 5px #ddd; border-radius: 5px } .uploader .filename { width: 180px; padding: 8px 10px; overflow: hidden; cursor: default; border: 1px solid; border-right: 0; font: 9pt/100% Arial, Helvetica, sans-serif; color: #777; text-shadow: 1px 1px 0 #fff; text-overflow: ellipsis; white-space: nowrap; border-radius: 5px 0 0 5px; background: #f5f5f5; background: -moz-linear-gradient(top, #fafafa 0, #eee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(100%, #f5f5f5)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fafafa", endColorstr="#f5f5f5", GradientType=0); border-color: #ccc; box-sizing: border-box } .uploader .button, .uploader .filename { float: left; display: inline-block; outline: 0 none; height: 32px; margin: 0; box-shadow: inset 0 0 1px #fff } .uploader .button { padding: 8px 12px; cursor: pointer; border: 1px solid; font: 700 9pt/100% Arial, Helvetica, sans-serif; border-radius: 0 5px 5px 0 } .uploader input[type=file] { position: absolute; top: 0; right: 0; bottom: 0; border: 0; padding: 0; margin: 0; height: 30px; cursor: pointer; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; display: block } .uploader input[type=button]::-moz-focus-inner { padding: 0; border: 0 none; -moz-box-sizing: content-box } .uploader input[type=button]::-webkit-focus-inner { padding: 0; border: 0 none; -webkit-box-sizing: content-box } .uploader input[type=text]::-moz-focus-inner { padding: 0; border: 0 none; -moz-box-sizing: content-box } .uploader input[type=text]::-webkit-focus-inner { padding: 0; border: 0 none; -webkit-box-sizing: content-box } .uploader.blue .button { color: #fff; text-shadow: 1px 1px 0 #09365f; background: #064884; background: -moz-linear-gradient(top, #3b75b4 0, #064884 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3b75b4), color-stop(100%, #064884)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3b75b4", endColorstr="#064884", GradientType=0); border-color: #09365f } .uploader.blue:hover .button { background: #3b75b4; background: -moz-linear-gradient(top, #064884 0, #3b75b4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #064884), color-stop(100%, #3b75b4)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#064884", endColorstr="#3b75b4", GradientType=0) } .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; 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 } .rc-select { box-sizing: border-box; display: inline-block; position: relative; vertical-align: middle; color: #666; line-height: 28px } .rc-select-allow-clear .rc-select-selection--single .rc-select-selection__rendered { padding-right: 40px } .rc-select li, .rc-select ul { margin: 0; padding: 0; list-style: none } .rc-select > ul > li > a { padding: 0; background-color: #fff } .rc-select-arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; outline: none } .rc-select-arrow b { border-color: #999 transparent transparent; border-style: solid; border-width: 5px 4px 0; height: 0; width: 0; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; left: 50% } .rc-select-selection { outline: none; user-select: none; -webkit-user-select: none; box-sizing: border-box; display: block; background-color: #fff; border-radius: 6px; border: 1px solid #d9d9d9 } .rc-select-selection__placeholder { position: absolute; top: 0; color: #aaa } .rc-select-enabled .rc-select-selection:hover, .rc-select-focused .rc-select-selection { border-color: #23c0fa; box-shadow: 0 0 2px rgba(45, 183, 245, .8) } .rc-select-enabled .rc-select-selection:active { border-color: #2db7f5 } .rc-select-selection--single { height: 28px; line-height: 28px; cursor: pointer; position: relative } .rc-select-selection--single .rc-select-selection-selected-value { position: absolute; left: 0; top: 0 } .rc-select-selection--single .rc-select-selection__rendered { height: 28px; position: relative; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-left: 10px; padding-right: 20px; line-height: 28px } .rc-select-selection--single .rc-select-selection__clear { font-weight: 700; position: absolute; top: 0; right: 20px; line-height: 28px } .rc-select-selection--single .rc-select-selection__clear:after { content: "\D7" } .rc-select-disabled, .rc-select-disabled .rc-select-selection--single, .rc-select-disabled .rc-select-selection--single:hover, .rc-select-disabled .rc-select-selection__choice__remove, .rc-select-disabled .rc-select-selection__choice__remove:hover { color: #ccc; cursor: not-allowed } .rc-select-search__field__wrap { display: inline-block } .rc-select-search__field__placeholder { position: absolute; top: 0; left: 3px; color: #aaa } .rc-select-search--inline, .rc-select-search--inline .rc-select-search__field__wrap { width: 100% } .rc-select-search--inline .rc-select-search__field { border: none; font-size: 100%; background: transparent; outline: 0; width: 100% } .rc-select-search--inline .rc-select-search__field::-ms-clear { display: none } .rc-select-search--inline .rc-select-search__field__mirror { position: absolute; top: -999px; left: 0; white-space: pre } .rc-select-search--inline > i { float: right } .rc-select-enabled.rc-select-selection--multiple { cursor: text } .rc-select-selection--multiple { min-height: 28px } .rc-select-selection--multiple .rc-select-search--inline { float: left; width: auto } .rc-select-selection--multiple .rc-select-search--inline .rc-select-search__field { width: .75em } .rc-select-selection--multiple .rc-select-search--inline .rc-select-search__field__wrap { width: auto } .rc-select-selection--multiple .rc-select-search__field__placeholder { top: 5px; left: 8px } .rc-select-selection--multiple .rc-select-selection__rendered { position: relative; overflow: hidden; text-overflow: ellipsis; margin-left: 8px; padding-bottom: 2px } .rc-select-selection--multiple .rc-select-selection__rendered .rc-select-selection__choice { margin-top: 4px; line-height: 20px } .rc-select-enabled .rc-select-selection__choice { cursor: default } .rc-select-enabled .rc-select-selection__choice:hover .rc-select-selection__choice__remove { opacity: 1; transform: scale(1) } .rc-select-enabled .rc-select-selection__choice:hover .rc-select-selection__choice__content { margin-left: -8px; margin-right: 8px } .rc-select-enabled .rc-select-selection__choice__disabled { cursor: not-allowed } .rc-select-enabled .rc-select-selection__choice__disabled:hover .rc-select-selection__choice__content { margin-left: 0; margin-right: 0 } .rc-select .rc-select-selection__choice { background-color: #f3f3f3; border-radius: 4px; float: left; padding: 0 15px; margin-right: 4px; position: relative; overflow: hidden; transition: padding .3s cubic-bezier(.6, -.28, .735, .045), width .3s cubic-bezier(.6, -.28, .735, .045) } .rc-select .rc-select-selection__choice__content { margin-left: 0; margin-right: 0; transition: margin .3s cubic-bezier(.165, .84, .44, 1) } .rc-select .rc-select-selection__choice-zoom-appear, .rc-select .rc-select-selection__choice-zoom-enter, .rc-select .rc-select-selection__choice-zoom-leave { animation-duration: .3s; animation-fill-mode: both; transform-origin: 0 0; opacity: 0; animation-play-state: paused; animation-timing-function: cubic-bezier(.175, .885, .32, 1.275) } .rc-select .rc-select-selection__choice-zoom-leave { opacity: 1; animation-timing-function: cubic-bezier(.6, -.28, .735, .045) } .rc-select .rc-select-selection__choice-zoom-appear.rc-select-selection__choice-zoom-appear-active, .rc-select .rc-select-selection__choice-zoom-enter.rc-select-selection__choice-zoom-enter-active { animation-play-state: running; animation-name: rcSelectChoiceZoomIn } .rc-select .rc-select-selection__choice-zoom-leave.rc-select-selection__choice-zoom-leave-active { animation-play-state: running; animation-name: rcSelectChoiceZoomOut } @keyframes rcSelectChoiceZoomIn { 0% { transform: scale(.6); opacity: 0 } to { transform: scale(1); opacity: 1 } } @keyframes rcSelectChoiceZoomOut { to { transform: scale(0); opacity: 0 } } .rc-select .rc-select-selection__choice__remove { color: #919191; cursor: pointer; font-weight: 700; padding: 0 0 0 8px; position: absolute; opacity: 0; transform: scale(0); top: 0; right: 2px; transition: opacity .3s, transform .3s } .rc-select .rc-select-selection__choice__remove:before { content: "\D7" } .rc-select .rc-select-selection__choice__remove:hover { color: #333 } .rc-select-dropdown { background-color: #fff; border: 1px solid #d9d9d9; box-shadow: 0 0 4px #d9d9d9; border-radius: 4px; box-sizing: border-box; z-index: 100; left: -9999px; top: -9999px; position: absolute; outline: none } .rc-select-dropdown-hidden, .rc-select-dropdown:empty { display: none } .rc-select-dropdown-menu { outline: none; margin: 0; padding: 0; list-style: none; z-index: 9999 } .rc-select-dropdown-menu-item-group-list, .rc-select-dropdown-menu > li { margin: 0; padding: 0 } .rc-select-dropdown-menu-item-group-list > li.rc-select-menu-item { padding-left: 20px } .rc-select-dropdown-menu-item-group-title { color: #999; line-height: 1.5; padding: 8px 10px; border-bottom: 1px solid #dedede } li.rc-select-dropdown-menu-item { margin: 0; position: relative; display: block; padding: 7px 10px; font-weight: 400; color: #666; white-space: nowrap } li.rc-select-dropdown-menu-item-disabled { color: #ccc; cursor: not-allowed } li.rc-select-dropdown-menu-item-selected { color: #666; background-color: #ddd } li.rc-select-dropdown-menu-item-active { background-color: #5897fb; color: #fff; cursor: pointer } li.rc-select-dropdown-menu-item-divider { height: 1px; margin: 1px 0; overflow: hidden; background-color: #e5e5e5; line-height: 0 } .rc-select-dropdown-slide-up-appear, .rc-select-dropdown-slide-up-enter { animation-duration: .3s; animation-fill-mode: both; transform-origin: 0 0; opacity: 0; animation-timing-function: cubic-bezier(.08, .82, .17, 1); animation-play-state: paused } .rc-select-dropdown-slide-up-leave { animation-duration: .3s; animation-fill-mode: both; transform-origin: 0 0; opacity: 1; animation-timing-function: cubic-bezier(.6, .04, .98, .34); animation-play-state: paused } .rc-select-dropdown-slide-up-appear.rc-select-dropdown-slide-up-appear-active.rc-select-dropdown-placement-bottomLeft, .rc-select-dropdown-slide-up-enter.rc-select-dropdown-slide-up-enter-active.rc-select-dropdown-placement-bottomLeft { animation-name: rcSelectDropdownSlideUpIn; animation-play-state: running } .rc-select-dropdown-slide-up-leave.rc-select-dropdown-slide-up-leave-active.rc-select-dropdown-placement-bottomLeft { animation-name: rcSelectDropdownSlideUpOut; animation-play-state: running } .rc-select-dropdown-slide-up-appear.rc-select-dropdown-slide-up-appear-active.rc-select-dropdown-placement-topLeft, .rc-select-dropdown-slide-up-enter.rc-select-dropdown-slide-up-enter-active.rc-select-dropdown-placement-topLeft { animation-name: rcSelectDropdownSlideDownIn; animation-play-state: running } .rc-select-dropdown-slide-up-leave.rc-select-dropdown-slide-up-leave-active.rc-select-dropdown-placement-topLeft { animation-name: rcSelectDropdownSlideDownOut; animation-play-state: running } @keyframes rcSelectDropdownSlideUpIn { 0% { opacity: 0; transform-origin: 0 0; transform: scaleY(0) } to { opacity: 1; transform-origin: 0 0; transform: scaleY(1) } } @keyframes rcSelectDropdownSlideUpOut { 0% { opacity: 1; transform-origin: 0 0; transform: scaleY(1) } to { opacity: 0; transform-origin: 0 0; transform: scaleY(0) } } @keyframes rcSelectDropdownSlideDownIn { 0% { opacity: 0; transform-origin: 0 100%; transform: scaleY(0) } to { opacity: 1; transform-origin: 0 100%; transform: scaleY(1) } } @keyframes rcSelectDropdownSlideDownOut { 0% { opacity: 1; transform-origin: 0 100%; transform: scaleY(1) } to { opacity: 0; transform-origin: 0 100%; transform: scaleY(0) } } .rc-select-open .rc-select-arrow b { border-color: transparent transparent #888; border-width: 0 4px 5px } .notify-content { text-align: center } .notify { background-color: #fff; border: 1px solid #dcdedf; box-shadow: 0 2px 4px rgba(0, 0, 0, .25); display: inline-block; padding: 10px 20px; border-radius: 4px; color: #313131 } .ul-list-decimal > li { list-style: decimal } .ul-list-none > li { list-style: none } .infinite-loading:after { animation: circle .75s infinite linear; -webkit-animation: circle .75s infinite linear; font-family: es-icon; content: "\E6E0"; 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) } } .cd-text-gray-light { color: rgba(0, 0, 0, .32) } .cd-text-gray { color: rgba(0, 0, 0, .56) } .cd-text-gray-dark { color: rgba(0, 0, 0, .88) } .cd-text-white { color: #fff } .cd-text-info { color: #278bf5 } .cd-text-danger { color: #ed3e3e } .cd-text-success { color: #43bc60 } .cd-text-warning { color: #ffa51f } .cd-text-xs { font-size: 12px !important } .cd-text-sm { font-size: 14px !important } @media (max-width: 1199px) { .cd-text-sm { font-size: 12px !important } } .cd-text-md { font-size: 18px !important } @media (max-width: 1199px) { .cd-text-md { font-size: 14px !important } } .cd-text-lg { font-size: 24px !important } @media (max-width: 1199px) { .cd-text-lg { font-size: 18px !important } } .cd-text-xlg { font-size: 32px !important } @media (max-width: 1199px) { .cd-text-xlg { font-size: 24px !important } } .cd-line-height-sm { line-height: 20px !important } .cd-text-medium { font-weight: 500 !important } .cd-link-dark { color: #000; transition: all .3s ease } .cd-link-dark:hover { color: #43bc60; transition: all .3s ease } .cd-link-white { color: #fff; transition: all .3s ease } .cd-link-white:hover { color: #43bc60; transition: all .3s ease } .cd-link-gray-light { color: rgba(0, 0, 0, .32); transition: all .3s ease } .cd-link-gray-light:hover { color: #43bc60; transition: all .3s ease } .cd-link-gray { color: rgba(0, 0, 0, .56); transition: all .3s ease } .cd-link-gray:hover { color: #43bc60; transition: all .3s ease } .cd-link-gray-dark { color: rgba(0, 0, 0, .88); transition: all .3s ease } .cd-link-gray-dark:hover, .cd-link-primary { color: #43bc60; transition: all .3s ease } .cd-link-primary:hover { transition: all .3s ease; color: #3ca956 } .cd-mr24 { margin-right: 24px !important } .cd-ml16 { margin-left: 16px !important } .cd-mt16 { margin-top: 16px !important } .cd-mb16 { margin-bottom: 16px !important } .cd-mb24 { margin-bottom: 24px !important } .cd-mb32 { margin-bottom: 32px !important } .cd-mt24 { margin-top: 24px !important } .cd-mt32 { margin-top: 32px !important } .cd-mt40 { margin-top: 40px !important } .cd-mb40 { margin-bottom: 40px !important } .cd-mv8 { margin-top: 8px !important; margin-bottom: 8px !important } .cd-mv16 { margin-top: 16px !important; margin-bottom: 16px !important } .cd-pt16 { padding-top: 16px !important } .cd-pb24 { padding-bottom: 24px !important } .cd-pv16 { padding-top: 16px !important; padding-bottom: 16px !important } .cd-pv24 { padding-top: 24px !important; padding-bottom: 24px !important } .cd-pl32 { padding-left: 32px !important } body.cd-design { background: #f5f5f5; line-height: 22px; font-size: 14px } .cd-container { padding-left: 12px; padding-right: 12px } @media (min-width: 1200px) { .cd-container { width: 1200px } } .cd-row { margin-left: -12px; margin-right: -12px } .cd-row .col-lg-1, .cd-row .col-lg-2, .cd-row .col-lg-3, .cd-row .col-lg-4, .cd-row .col-lg-5, .cd-row .col-lg-6, .cd-row .col-lg-7, .cd-row .col-lg-8, .cd-row .col-lg-9, .cd-row .col-lg-10, .cd-row .col-lg-11, .cd-row .col-lg-12, .cd-row .col-md-1, .cd-row .col-md-2, .cd-row .col-md-3, .cd-row .col-md-4, .cd-row .col-md-5, .cd-row .col-md-6, .cd-row .col-md-7, .cd-row .col-md-8, .cd-row .col-md-9, .cd-row .col-md-10, .cd-row .col-md-11, .cd-row .col-md-12, .cd-row .col-sm-1, .cd-row .col-sm-2, .cd-row .col-sm-3, .cd-row .col-sm-4, .cd-row .col-sm-5, .cd-row .col-sm-6, .cd-row .col-sm-7, .cd-row .col-sm-8, .cd-row .col-sm-9, .cd-row .col-sm-10, .cd-row .col-sm-11, .cd-row .col-sm-12, .cd-row .col-xs-1, .cd-row .col-xs-2, .cd-row .col-xs-3, .cd-row .col-xs-4, .cd-row .col-xs-5, .cd-row .col-xs-6, .cd-row .col-xs-7, .cd-row .col-xs-8, .cd-row .col-xs-9, .cd-row .col-xs-10, .cd-row .col-xs-11, .cd-row .col-xs-12 { padding-left: 12px; padding-right: 12px } .cd-content { position: relative; border-radius: 4px; margin-bottom: 24px } .cd-main { margin-left: 200px; background: #fff; border-radius: 0 4px 4px 0; box-shadow: 0 0 4px 0 rgba(0, 0, 0, .01), 0 4px 4px 0 rgba(0, 0, 0, .04) } @media (max-width: 991px) { .cd-main { margin-left: 0; border-radius: 4px } } .cd-main__heading { padding: 24px 32px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .08) } @media (max-width: 767px) { .cd-main__heading { padding: 24px } } .cd-main__heading .cd-main__title { font-size: 16px; color: rgba(0, 0, 0, .88); line-height: 1; margin: 0 auto; font-weight: 500 } .cd-main__body { padding: 32px; min-height: 800px } @media (max-width: 767px) { .cd-main__body { padding: 24px; min-height: auto } } .cd-icon { line-height: 1 } .cd-icon-hover { color: rgba(0, 0, 0, .32); cursor: pointer; transition: all .3s ease } .cd-icon-hover:hover { color: rgba(0, 0, 0, .56); transition: all .3s ease } .cd-empty { text-align: center; color: rgba(0, 0, 0, .32); padding: 20px 0 } .cd-sidebar { width: 200px; background: #fff; box-shadow: 0 0 4px 0 rgba(0, 0, 0, .01), 0 4px 4px 0 rgba(0, 0, 0, .04); padding: 16px 0; position: absolute; height: 100%; border-radius: 4px 0 0 4px } @media (max-width: 991px) { .cd-sidebar { width: auto; height: auto; position: relative; border-radius: 4px; margin-bottom: 24px } } .cd-sidebar__list { padding-left: 0 } .cd-sidebar__list li { list-style: none; line-height: 1 } .cd-sidebar__list .cd-sidebar__heading { list-style-type: none; color: rgba(0, 0, 0, .32); font-size: 12px; padding: 18px 24px } .cd-sidebar__list .cd-sidebar__item { padding: 12px 0 } .cd-sidebar__list .cd-sidebar__item > a { padding: 5px 24px 5px 36px; border-left: 4px solid transparent; display: block; color: rgba(0, 0, 0, .56); font-weight: 500; transition: all .3s ease } .cd-sidebar__list .cd-sidebar__item > a:hover { color: rgba(0, 0, 0, .88); transition: all .3s ease } .cd-sidebar__list .cd-sidebar__item.active { background: none } .cd-sidebar__list .cd-sidebar__item.active > a { border-left: 4px solid #43bc60; color: rgba(0, 0, 0, .88) } .table-responsive.cd-table-responsive { margin-bottom: 24px; overflow-x: visible; min-height: auto } @media (max-width: 767px) { .table-responsive.cd-table-responsive { overflow-x: auto; min-height: .01%; border: none } } .table-responsive.cd-table-responsive > .cd-table { border: 0; margin-bottom: 0 } .table.cd-table { margin-bottom: 24px } .table.cd-table > tbody > tr > td, .table.cd-table > tbody > tr > th, .table.cd-table > thead > tr > td, .table.cd-table > thead > tr > th { font-size: 12px; color: rgba(0, 0, 0, .88) } .table.cd-table > tbody > tr > th, .table.cd-table > thead > tr > th { background: #f5f5f5; font-weight: 700; border: none; padding: 16px; line-height: 20px; vertical-align: middle } .table.cd-table > tbody > tr > th:first-child, .table.cd-table > thead > tr > th:first-child { border-top-left-radius: 4px } .table.cd-table > tbody > tr > th:last-child, .table.cd-table > thead > tr > th:last-child { border-top-right-radius: 4px } .table.cd-table > tbody > tr { transition: all .3s ease } .table.cd-table > tbody > tr:hover { background: #fafafa; transition: all .3s ease } .table.cd-table > tbody > tr > td { line-height: 20px; padding: 6px 16px; height: 50px; vertical-align: middle; border-top: 0; border-bottom: 1px solid #f5f5f5 } @media (max-width: 1199px) { .table.cd-table > tbody > tr > td { padding: 6px 10px } } .table.cd-table .table-sort { cursor: pointer } .table.cd-table .table-sort.checked, .table.cd-table .table-sort:hover { background: #eee } .table.cd-table .table-sort .table-sort-icon { display: inline-block } .table.cd-table .table-sort i { font-size: 12px; font-weight: 400; color: rgba(0, 0, 0, .32) } .table.cd-table .table-sort i.active { color: #43bc60 } .table.cd-table .table-sort i + i { margin-left: -4px } .table.cd-table .table-action { padding: 2px 0 } .table.cd-table .table-action .table-action__item { padding-right: 4px; line-height: 8px; display: inline-block } .table.cd-table .table-action .table-action__item + .table-action__item { padding-left: 8px; box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, .08) } .btn.cd-btn { font-size: 14px; font-weight: 500; padding: 9px 12px; line-height: 1; border: 1px solid transparent; background: none } .btn.cd-btn.cd-btn-sm { font-size: 12px; padding: 7px 10px; border-radius: 4px } .btn.cd-btn.cd-btn-lg { font-size: 14px; padding: 12px 18px; border-radius: 4px } .btn.cd-btn.disabled, .btn.cd-btn[disabled] { opacity: .32; pointer-events: none } .btn.cd-btn.cd-btn-ghost-primary { border-color: #43bc60; color: #43bc60; transition: all .3s ease } .btn.cd-btn.cd-btn-ghost-primary:focus, .btn.cd-btn.cd-btn-ghost-primary:hover { color: #fff; background: #43bc60; transition: all .3s ease; box-shadow: 0 6px 6px 0 rgba(67, 188, 96, .3) } .btn.cd-btn.cd-btn-ghost-primary:active { transition: all .3s ease; border-color: #3ca956; background: #3ca956 } .btn.cd-btn.cd-btn-ghost-info { border-color: #278bf5; color: #278bf5; transition: all .3s ease } .btn.cd-btn.cd-btn-ghost-info:focus, .btn.cd-btn.cd-btn-ghost-info:hover { color: #fff; background: #278bf5; transition: all .3s ease; box-shadow: 0 6px 6px 0 rgba(39, 139, 245, .3) } .btn.cd-btn.cd-btn-ghost-info:active { transition: all .3s ease; border-color: #0f7ef4; background: #0f7ef4 } .btn.cd-btn.cd-btn-ghost-danger { border-color: #ed3e3e; color: #ed3e3e; transition: all .3s ease } .btn.cd-btn.cd-btn-ghost-danger:focus, .btn.cd-btn.cd-btn-ghost-danger:hover { color: #fff; background: #ed3e3e; transition: all .3s ease; box-shadow: 0 6px 6px 0 rgba(237, 62, 62, .3) } .btn.cd-btn.cd-btn-ghost-danger:active { transition: all .3s ease; border-color: #eb2727; background: #eb2727 } .btn.cd-btn.cd-btn-ghost-success { border-color: #43bc60; color: #43bc60; transition: all .3s ease } .btn.cd-btn.cd-btn-ghost-success:focus, .btn.cd-btn.cd-btn-ghost-success:hover { color: #fff; background: #43bc60; transition: all .3s ease; box-shadow: 0 6px 6px 0 rgba(67, 188, 96, .3) } .btn.cd-btn.cd-btn-ghost-success:active { transition: all .3s ease; border-color: #3ca956; background: #3ca956 } .btn.cd-btn.cd-btn-ghost-warning { border-color: #ffa51f; color: #ffa51f; transition: all .3s ease } .btn.cd-btn.cd-btn-ghost-warning:focus, .btn.cd-btn.cd-btn-ghost-warning:hover { color: #fff; background: #ffa51f; transition: all .3s ease; box-shadow: 0 6px 6px 0 rgba(255, 165, 31, .3) } .btn.cd-btn.cd-btn-ghost-warning:active { transition: all .3s ease; border-color: #ff9b05; background: #ff9b05 } .btn.cd-btn.cd-btn-flat-primary { color: #43bc60; transition: all .3s ease } .btn.cd-btn.cd-btn-flat-primary:focus, .btn.cd-btn.cd-btn-flat-primary:hover { transition: all .3s ease; background: rgba(67, 188, 96, .1) } .btn.cd-btn.cd-btn-flat-primary:active { transition: all .3s ease; background: rgba(67, 188, 96, .2) } .btn.cd-btn.cd-btn-flat-info { color: #278bf5; transition: all .3s ease } .btn.cd-btn.cd-btn-flat-info:focus, .btn.cd-btn.cd-btn-flat-info:hover { transition: all .3s ease; background: rgba(39, 139, 245, .1) } .btn.cd-btn.cd-btn-flat-info:active { transition: all .3s ease; background: rgba(39, 139, 245, .2) } .btn.cd-btn.cd-btn-flat-danger { color: #ed3e3e; transition: all .3s ease } .btn.cd-btn.cd-btn-flat-danger:focus, .btn.cd-btn.cd-btn-flat-danger:hover { transition: all .3s ease; background: rgba(237, 62, 62, .1) } .btn.cd-btn.cd-btn-flat-danger:active { transition: all .3s ease; background: rgba(237, 62, 62, .2) } .btn.cd-btn.cd-btn-flat-success { color: #43bc60; transition: all .3s ease } .btn.cd-btn.cd-btn-flat-success:focus, .btn.cd-btn.cd-btn-flat-success:hover { transition: all .3s ease; background: rgba(67, 188, 96, .1) } .btn.cd-btn.cd-btn-flat-success:active { transition: all .3s ease; background: rgba(67, 188, 96, .2) } .btn.cd-btn.cd-btn-flat-warning { color: #ffa51f; transition: all .3s ease } .btn.cd-btn.cd-btn-flat-warning:focus, .btn.cd-btn.cd-btn-flat-warning:hover { transition: all .3s ease; background: rgba(255, 165, 31, .1) } .btn.cd-btn.cd-btn-flat-warning:active { transition: all .3s ease; background: rgba(255, 165, 31, .2) } .btn.cd-btn.cd-btn-flat-default { color: rgba(0, 0, 0, .88); transition: all .3s ease } .btn.cd-btn.cd-btn-flat-default:focus, .btn.cd-btn.cd-btn-flat-default:hover { background: #f5f5f5; transition: all .3s ease } .btn.cd-btn.cd-btn-flat-default:active { background: #eee; transition: all .3s ease } .btn.cd-btn.cd-btn-primary { color: #fff; background: #43bc60; border-color: #43bc60; transition: all .3s ease } .btn.cd-btn.cd-btn-primary:focus, .btn.cd-btn.cd-btn-primary:hover { transition: all .3s ease; box-shadow: 0 6px 6px 0 rgba(67, 188, 96, .3) } .btn.cd-btn.cd-btn-primary:active { transition: all .3s ease; border-color: #3ca956; background: #3ca956 } .btn.cd-btn.cd-btn-info { color: #fff; background: #278bf5; border-color: #278bf5; transition: all .3s ease } .btn.cd-btn.cd-btn-info:focus, .btn.cd-btn.cd-btn-info:hover { transition: all .3s ease; box-shadow: 0 6px 6px 0 rgba(39, 139, 245, .3) } .btn.cd-btn.cd-btn-info:active { transition: all .3s ease; border-color: #0f7ef4; background: #0f7ef4 } .btn.cd-btn.cd-btn-danger { color: #fff; background: #ed3e3e; border-color: #ed3e3e; transition: all .3s ease } .btn.cd-btn.cd-btn-danger:focus, .btn.cd-btn.cd-btn-danger:hover { transition: all .3s ease; box-shadow: 0 6px 6px 0 rgba(237, 62, 62, .3) } .btn.cd-btn.cd-btn-danger:active { transition: all .3s ease; border-color: #eb2727; background: #eb2727 } .btn.cd-btn.cd-btn-success { color: #fff; background: #43bc60; border-color: #43bc60; transition: all .3s ease } .btn.cd-btn.cd-btn-success:focus, .btn.cd-btn.cd-btn-success:hover { transition: all .3s ease; box-shadow: 0 6px 6px 0 rgba(67, 188, 96, .3) } .btn.cd-btn.cd-btn-success:active { transition: all .3s ease; border-color: #3ca956; background: #3ca956 } .btn.cd-btn.cd-btn-warning { color: #fff; background: #ffa51f; border-color: #ffa51f; transition: all .3s ease } .btn.cd-btn.cd-btn-warning:focus, .btn.cd-btn.cd-btn-warning:hover { transition: all .3s ease; box-shadow: 0 6px 6px 0 rgba(255, 165, 31, .3) } .btn.cd-btn.cd-btn-warning:active { transition: all .3s ease; border-color: #ff9b05; background: #ff9b05 } .btn.cd-btn.cd-btn-default { background: #fff; border-color: rgba(0, 0, 0, .16); color: rgba(0, 0, 0, .88); transition: all .3s ease } .btn.cd-btn.cd-btn-default:focus, .btn.cd-btn.cd-btn-default:hover { box-shadow: 0 0 6px 0 rgba(0, 0, 0, .01), 0 6px 6px 0 rgba(0, 0, 0, .04); transition: all .3s ease } .btn.cd-btn.cd-btn-default:active { background: #f5f5f5; transition: all .3s ease } .cd-tabs { padding-left: 0; margin-bottom: 24px; line-height: 1 } .cd-tabs:after, .cd-tabs:before { content: ""; display: table } .cd-tabs:after { clear: both } .cd-tabs > li { float: left; list-style: none } .cd-tabs > li + li { margin-left: 40px } .cd-tabs > li > a { color: rgba(0, 0, 0, .56); transition: all .3s ease; display: block; padding-bottom: 16px; border-bottom: 2px solid transparent; font-weight: 500 } .cd-tabs > li > a:hover { transition: all .3s ease; color: rgba(0, 0, 0, .88) } .cd-tabs > li.active > a { color: rgba(0, 0, 0, .88); border-color: #43bc60 } .cd-tabs .number { color: #ffa51f; margin-left: 4px; vertical-align: top } .cd-status { position: relative; display: inline-block; line-height: 1 } .cd-status:before { content: ""; width: 6px; height: 6px; border-radius: 50%; display: inline-block; margin-right: 4px } .cd-status > span { display: inline-block; vertical-align: middle; line-height: 1 } .cd-status.cd-status-danger:before { background: #ed3e3e } .cd-status.cd-status-info:before { background: #278bf5 } .cd-status.cd-status-warning:before { background: #ffa51f } .cd-status.cd-status-success:before { background: #43bc60 } .cd-status.cd-status-disabled:before { background: #eee } .cd-form-inline { margin-bottom: 16px } .cd-form-group { line-height: 1 } .cd-form-group, .cd-form-group.has-error { margin-bottom: 32px } .cd-form-group.has-error .form-control { box-shadow: inset 0 -1px 0 0 #ed3e3e } .cd-form-group.has-error .form-control:focus { box-shadow: inset 0 -2px 0 0 #ed3e3e } .cd-form-group.has-error textarea.form-control, .cd-form-group.has-error textarea.form-control:focus { box-shadow: none; border-color: #ed3e3e } .cd-form-group .form-error-message { position: absolute; font-size: 12px; line-height: 20px; color: #ed3e3e } .cd-form-group .help-block { position: absolute; font-size: 12px; line-height: 20px; margin-top: 0; color: rgba(0, 0, 0, .32) } .cd-form-group > label { font-weight: 400; color: rgba(0, 0, 0, .56); line-height: 1; margin-bottom: 0; font-size: 12px; display: block } .cd-form-group > label.disabled, .cd-form-group > label.readonly { color: rgba(0, 0, 0, .32) } .cd-form-group > label.required:after { content: "*"; color: #ffa51f; margin-left: 4px } .cd-form-group .cke { margin-top: 8px } .cd-form-group .form-control { border: none; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .08); border-radius: 0; padding: 5px 0; line-height: 20px; height: 30px; color: rgba(0, 0, 0, .88); -webkit-appearance: none; appearance: none } .cd-form-group .form-control:focus { box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, .32) } .cd-form-group .form-control.form-control-sm { height: 28px; padding: 4px 0; font-size: 12px } .cd-form-group .form-control::-webkit-input-placeholder { color: rgba(0, 0, 0, .32) } .cd-form-group .form-control:-moz-placeholder, .cd-form-group .form-control::-moz-placeholder { color: rgba(0, 0, 0, .32) } .cd-form-group .form-control:-ms-input-placeholder { color: rgba(0, 0, 0, .32) } .cd-form-group .form-control[disabled], .cd-form-group .form-control[readonly] { background: none; color: rgba(0, 0, 0, .32); cursor: not-allowed } .cd-form-group .form-control[disabled]:focus, .cd-form-group .form-control[readonly]:focus { box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .08) } .cd-form-group textarea.form-control { padding: 8px; margin-top: 8px; height: auto; border: 1px solid rgba(0, 0, 0, .08); border-radius: 4px; box-shadow: none } .cd-form-group textarea.form-control:focus { padding: 7px; border: 2px solid rgba(0, 0, 0, .32); box-shadow: none } .cd-form-group-inline { display: inline-block } .cd-form-group-button { position: relative } .cd-form-group-button .form-control { padding-right: 16px !important } .cd-form-group-button button { position: absolute; top: 7px; right: 0; border: none; background: none; padding: 0 } .cd-form-group-button button > i { font-size: 14px } .cd-form-group-action { position: relative; padding-right: 160px } .cd-form-group-action .action-button, .cd-form-group-action .captcha-img { position: absolute; bottom: 0; right: 0; width: 152px } .cd-form-group-action .static-text { margin-top: 8px; line-height: 1; color: rgba(0, 0, 0, .88) } .cd-form-group-action .static-text i { font-size: 12px } .cd-radio-group { padding-top: 11px } .cd-radio-group .cd-radio { display: inline-block } .cd-radio-group .cd-radio + .cd-radio { margin-left: 40px } .cd-radio { position: relative; padding-left: 20px; font-size: 14px; font-weight: 500; line-height: 1; display: block } .cd-radio:hover { cursor: pointer } .cd-radio:before { content: ""; position: absolute; top: 0; left: 0; border: 1px solid rgba(0, 0, 0, .32); border-radius: 50%; width: 14px; height: 14px; display: inline-block } .cd-radio.checked:before { border-color: #43bc60 } .cd-radio.checked:after { content: ""; position: absolute; top: 4px; left: 4px; width: 6px; height: 6px; background: #43bc60; border-radius: 50%; display: inline-block } .cd-radio-sm { font-size: 12px; padding-left: 16px } .cd-radio-sm:before { width: 12px; height: 12px } .cd-radio-sm.checked:after { top: 3px; left: 3px } .cd-radio > input { display: none } .cd-select { position: relative } .cd-select .form-control { -webkit-appearance: none; -moz-appearance: none; border: none } .cd-select:after { position: absolute; top: 8px; right: -4px; content: "\E979"; font-family: codeages-icon; font-size: 14px } .alert.cd-alert { font-size: 14px; line-height: 20px; border-radius: 4px; padding: 12px 16px; margin-bottom: 24px; font-weight: 500 } .alert.cd-alert.cd-alert-warning { color: #ffa51f; background: #fff6e9 } .alert.cd-alert.cd-alert-info { color: #278bf5; background: #e9f3fe } .alert.cd-alert.cd-alert-success { color: #43bc60; background: #ecf8ef } .alert.cd-alert.cd-alert-danger { color: #ed3e3e; background: #fdecec } .alert.cd-alert .close { font-size: 14px; line-height: 20px; opacity: .32 } .alert.cd-alert .close:hover { opacity: .56 } .alert.cd-alert .close i { font-size: 14px } .dropdown-menu.cd-dropdown-menu { border: none; box-shadow: 0 0 8px 0 rgba(0, 0, 0, .01), 0 8px 8px 0 rgba(0, 0, 0, .04); min-width: 80px; font-size: 12px } .dropdown-menu.cd-dropdown-menu.cd-dropdown-menu-right { left: auto; right: 0 } .dropdown-menu.cd-dropdown-menu.cd-dropdown-menu-filter > li > a { padding: 10px 32px 10px 16px } .dropdown-menu.cd-dropdown-menu.cd-dropdown-menu-filter > .active > a:before { content: "\E983"; position: absolute; right: 12px; font-size: 12px; font-family: codeages-icon !important; color: rgba(0, 0, 0, .32) } .dropdown-menu.cd-dropdown-menu > li { position: relative } .dropdown-menu.cd-dropdown-menu > li > a { padding: 10px 16px; line-height: 1; color: rgba(0, 0, 0, .88); background: none } .dropdown-menu.cd-dropdown-menu > li > a:hover { color: rgba(0, 0, 0, .88); background-color: #fafafa } @media (min-width: 768px) { .modal-dialog.cd-modal-dialog { width: 480px } } @media (min-width: 768px) { .modal-dialog.cd-modal-dialog.cd-modal-dialog-sm { width: 376px } } .modal-dialog.cd-modal-dialog.cd-modal-dialog-sm .modal-header { padding: 16px 16px 8px } .modal-dialog.cd-modal-dialog.cd-modal-dialog-sm .modal-body { padding: 16px 16px 0 } .modal-dialog.cd-modal-dialog.cd-modal-dialog-sm .modal-footer { padding: 8px 16px 16px } .modal-dialog.cd-modal-dialog .modal-content { box-shadow: 0 0 24px 0 rgba(0, 0, 0, .2), 0 24px 24px 0 rgba(0, 0, 0, .3) } .modal-dialog.cd-modal-dialog .modal-header { padding: 24px 24px 8px; border: none; margin: 0 auto } .modal-dialog.cd-modal-dialog .modal-header .close { font-weight: 300; margin-top: 0; opacity: .32; font-size: 16px } .modal-dialog.cd-modal-dialog .modal-header .close:hover { opacity: .56 } .modal-dialog.cd-modal-dialog .modal-title { line-height: 1; font-size: 16px; color: rgba(0, 0, 0, .88); font-weight: 500 } .modal-dialog.cd-modal-dialog .modal-body { padding: 24px 24px 0 } .modal-dialog.cd-modal-dialog .modal-footer { border: none; padding: 8px 24px 24px } .modal-dialog.cd-modal-dialog .modal-footer .btn + .btn { margin-left: 16px } .cd-colorful-card { position: relative; height: 136px; border-radius: 4px; padding: 32px 20px 32px 72px; margin-bottom: 24px } @media (max-width: 1199px) { .cd-colorful-card { padding: 32px 20px } } @media (max-width: 767px) { .cd-colorful-card { padding: 16px; height: auto } } .cd-colorful-card.cd-colorful-card-danger { background: #fe7d80 } @media (min-width: 1200px) { .cd-colorful-card.cd-colorful-card-danger .card-body { padding-top: 10px } } .cd-colorful-card.cd-colorful-card-warning { background: #f5b476 } .cd-colorful-card.cd-colorful-card-info { background: #76b3f5 } @media (min-width: 1200px) { .cd-colorful-card.cd-colorful-card-info .card-body { padding-top: 10px } } .cd-colorful-card .btn-card-danger { color: #fe7d80; border-color: #fff; background: #fff } .cd-colorful-card .btn-card-danger:hover { box-shadow: 0 0 6px 0 rgba(0, 0, 0, .01), 0 6px 6px 0 rgba(0, 0, 0, .04) } .cd-colorful-card .btn-card-warning { color: #f5b476; border-color: #fff; background: #fff } .cd-colorful-card .btn-card-warning:hover { box-shadow: 0 0 6px 0 rgba(0, 0, 0, .01), 0 6px 6px 0 rgba(0, 0, 0, .04) } .cd-colorful-card .btn-card-info { color: #76b3f5; border-color: #fff; background: #fff } .cd-colorful-card .btn-card-info:hover { box-shadow: 0 0 6px 0 rgba(0, 0, 0, .01), 0 6px 6px 0 rgba(0, 0, 0, .04) } .cd-colorful-card .btn-card-white { border-color: #fff; color: #fff; transition: all .3s ease } .cd-colorful-card .btn-card-white:hover { box-shadow: 0 0 6px 0 rgba(0, 0, 0, .01), 0 6px 6px 0 rgba(0, 0, 0, .04) } .cd-colorful-card .btn-card-white:focus, .cd-colorful-card .btn-card-white:hover { transition: all .3s ease; background: hsla(0, 0%, 100%, .2) } .cd-colorful-card .card-action { position: absolute; top: 50%; margin-top: -17px; right: 40px } @media (max-width: 1199px) { .cd-colorful-card .card-action { right: 20px } } @media (max-width: 767px) { .cd-colorful-card .card-action { position: static; margin-top: 0 } } .cd-colorful-card .card-action .btn + .btn { margin-left: 12px } .cd-colorful-card .card-icon { position: absolute; top: 50%; margin-top: -36px; height: 72px; left: -16px } @media (max-width: 1199px) { .cd-colorful-card .card-icon { display: none } } .cd-colorful-card .card-icon i { color: hsla(0, 0%, 100%, .7); font-size: 72px } .cd-colorful-card .card-body { line-height: 1; color: hsla(0, 0%, 100%, .7); font-size: 12px } .cd-colorful-card .card-body p { margin-bottom: 8px } .cd-colorful-card .card-body a { color: #fff } .cd-colorful-card .card-money { font-size: 32px; color: #fff; display: inline-block } .cd-data-card { padding: 45px 0; text-align: left; background: #fafafa; height: 136px; text-align: center; margin-bottom: 24px; border-radius: 4px } .cd-data-card:after, .cd-data-card:before { content: ""; display: table } .cd-data-card:after { clear: both } @media (max-width: 1199px) { .cd-data-card { padding: 36px 0 } } @media (max-width: 767px) { .cd-data-card { height: auto; padding: 16px } } .cd-data-card .card-item { padding: 0 20px; float: left; width: 50%; font-size: 12px } @media (max-width: 1199px) { .cd-data-card .card-item { padding: 0 10px } } @media (max-width: 767px) { .cd-data-card .card-item { padding-left: 20px } } .cd-data-card .card-item + .card-item { box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, .08) } .cd-data-card .card-item-label { margin-bottom: 8px; line-height: 1; color: rgba(0, 0, 0, .56) } .cd-data-card .card-item-value span { font-size: 24px; line-height: 1; color: rgba(0, 0, 0, .88); display: inline-block } @media (max-width: 1199px) { .cd-data-card .card-item-value span { font-size: 18px } } .cd-plain-text .plain-label { font-size: 12px; line-height: 1; margin-bottom: 4px; color: rgba(0, 0, 0, .56); font-weight: 400 } .cd-plain-text .plain-content { font-size: 14px; line-height: 22px; margin-bottom: 20px; color: rgba(0, 0, 0, .88) } .cd-id-card { position: relative; text-align: center; padding: 53px 20px; background: #fafafa; border-radius: 4px; background-position: 50%; background-size: 100%; background-repeat: no-repeat; margin-bottom: 32px } .cd-id-card .form-error-message { position: absolute; top: 100%; left: 0; font-size: 12px } .cd-id-card.done .form-error-message { display: none } .cd-id-card.done .card-icon i, .cd-id-card.done .card-title { opacity: 0; color: hsla(0, 0%, 100%, .7); transition: all .3s ease } .cd-id-card.done:hover .card-icon i, .cd-id-card.done:hover .card-title { opacity: 1; transition: all .3s ease } .cd-id-card.done:hover .mask { opacity: 1 } .cd-id-card .card-icon { position: relative; margin-bottom: 8px; z-index: 1 } .cd-id-card .card-icon i { font-size: 72px; line-height: 1; color: rgba(0, 0, 0, .16) } .cd-id-card .card-title { position: relative; font-size: 14px; color: rgba(0, 0, 0, .56); line-height: 1; z-index: 1 } .cd-id-card .mask { background: rgba(0, 0, 0, .7); border-radius: 4px; opacity: 0 } .cd-id-card .card-label, .cd-id-card .mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .cd-id-card .card-label { margin-bottom: 0; z-index: 2; cursor: pointer } .cd-id-card .card-label > input { display: none } .cd-feedback { text-align: center; margin-bottom: 24px; border-radius: 4px; padding: 54px 16px 48px } @media (max-width: 767px) { .cd-feedback { padding: 16px } } .cd-feedback.cd-feedback-info { background-color: #e9f3fe } .cd-feedback.cd-feedback-info .feedback-icon i { color: #278bf5 } .cd-feedback.cd-feedback-success { background-color: #ecf8ef } .cd-feedback.cd-feedback-success .feedback-icon i { color: #43bc60 } .cd-feedback.cd-feedback-xs { padding: 0 16px; margin-bottom: 0 } .cd-feedback.cd-feedback-lg .feedback-icon i { font-size: 80px } .cd-feedback.cd-feedback-lg .feedback-title { font-size: 24px; margin-bottom: 24px } .cd-feedback.cd-feedback-lg .feedback-content { font-size: 14px } .cd-feedback .feedback-icon { margin-bottom: 24px } .cd-feedback .feedback-icon i { font-size: 60px } .cd-feedback .feedback-title { font-size: 14px; line-height: 1; color: rgba(0, 0, 0, .88); margin-bottom: 16px; font-weight: 500 } .cd-feedback .feedback-content { font-size: 12px; color: rgba(0, 0, 0, .56); margin-bottom: 24px } .cd-security { font-size: 14px; font-weight: 500 } .cd-security.cd-security-danger .security-icon i { color: #ed3e3e } .cd-security.cd-security-danger .security-progress.done { background-color: #ed3e3e } .cd-security.cd-security-danger .security-level { color: #ed3e3e } .cd-security.cd-security-warning .security-icon i { color: #ffa51f } .cd-security.cd-security-warning .security-progress.done { background-color: #ffa51f } .cd-security.cd-security-warning .security-level { color: #ffa51f } .cd-security.cd-security-success .security-icon i { color: #43bc60 } .cd-security.cd-security-success .security-progress.done { background-color: #43bc60 } .cd-security.cd-security-success .security-level { color: #43bc60 } .cd-security .security-icon { display: inline-block; height: 40px; margin-right: 12px; vertical-align: middle } .cd-security .security-icon i { font-size: 40px } .cd-security .security-title { display: inline-block; vertical-align: middle; margin-right: 12px; color: rgba(0, 0, 0, .88) } .cd-security .security-progress { width: 40px; height: 8px; display: inline-block; background: #eee } .cd-security .security-progress + .security-progress { margin-left: 4px } .cd-security .security-level { display: inline-block; vertical-align: middle; margin-left: 12px } .cd-setting { padding: 15px 0; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .08) } .cd-setting .setting-icon { margin-right: 24px } @media (max-width: 767px) { .cd-setting .setting-icon { margin-right: 4px } } .cd-setting .setting-icon i { font-size: 24px; color: rgba(0, 0, 0, .32); vertical-align: middle } .cd-setting .setting-icon .cd-icon-weibo { color: #ed3e3e } .cd-setting .setting-icon .cd-icon-weixin { color: #93d179 } .cd-setting .setting-icon .cd-icon-qq { color: #6cc5f5 } .cd-setting .setting-icon .cd-icon-renren { color: #6c96fd } .cd-setting .setting-title { vertical-align: middle; font-size: 14px; color: rgba(0, 0, 0, .88); font-weight: 500; margin-right: 24px; line-height: 34px } @media (max-width: 767px) { .cd-setting .setting-title { margin-right: 12px } } .cd-setting .setting-content { vertical-align: middle; font-size: 12px; color: rgba(0, 0, 0, .56); line-height: 34px } @media (max-width: 767px) { .cd-setting .setting-content { display: none } } .cd-setting .setting-action { float: right } .cd-setting .setting-action .btn { float: left; margin-left: 16px } .cd-setting .cd-setting-status { float: left; line-height: 34px } .cd-setting-status { color: #ffa51f; font-size: 12px; vertical-align: middle } .cd-setting-status.cd-setting-status-done { color: #43bc60 } .cd-setting-status.cd-setting-status-done:before { content: "\E96C" } .cd-setting-status:before { content: "\E96D"; font-family: codeages-icon; font-size: 12px; margin-right: 4px } .cd-steps { margin-bottom: 0; padding-left: 0; list-style: none } .cd-steps.cd-steps-4 .cd-steps-item:not(:last-child) { margin-right: -39px; width: 33.3% } .cd-steps.cd-steps-4 .cd-steps-item .cd-steps-tail { padding-right: 39px } .cd-steps.cd-steps-3 .cd-steps-item:not(:last-child) { margin-right: -75px; width: 50% } .cd-steps.cd-steps-3 .cd-steps-item .cd-steps-tail { padding-right: 75px } .cd-steps.cd-steps-2 .cd-steps-item:not(:last-child) { margin-right: -50px; width: 90% } @media (max-width: 767px) { .cd-steps.cd-steps-2 .cd-steps-item:not(:last-child) { width: 70% } } .cd-steps.cd-steps-2 .cd-steps-item .cd-steps-tail { padding-right: 50px } .cd-steps .cd-steps-item { position: relative; display: inline-block; vertical-align: top } @media (min-width: 768px) { .cd-steps .cd-steps-item:first-child .cd-steps-step .step-wrap .step-number { margin-left: 36px } } .cd-steps .cd-steps-item:last-child .cd-steps-tail { padding-right: 0; display: none } .cd-steps .cd-steps-item:last-child .cd-steps-step .step-wrap + .step-wrap { padding-right: 0 } .cd-steps .cd-steps-item .cd-steps-tail { position: absolute; left: 0; top: 11px; padding: 0 10px; width: 100% } .cd-steps .cd-steps-item .cd-steps-tail i { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 2px; border-radius: 2px; background: #eee } .cd-steps .cd-steps-item .cd-steps-step .step-wrap { position: relative; display: inline-block; vertical-align: top; background-color: #fff } .cd-steps .cd-steps-item .cd-steps-step .step-wrap + .step-wrap { margin-left: -4px; padding-right: 16px; font-size: 14px; line-height: 24px } .cd-steps .cd-steps-item .cd-steps-step .step-number { margin-left: 14px; margin-right: 8px; width: 24px; height: 24px; font-size: 12px; line-height: 24px; text-align: center; border: 1px solid #eee; background-color: #fff; color: rgba(0, 0, 0, .32); border-radius: 50% } .cd-steps .cd-steps-item .cd-steps-step .step-info { font-size: 14px; line-height: 1; color: rgba(0, 0, 0, .32) } .cd-steps .cd-steps-item.doing .step-number, .cd-steps .cd-steps-item.done .step-number { color: #43bc60; border-color: #43bc60 } .cd-steps .cd-steps-item.doing .step-icon, .cd-steps .cd-steps-item.done .step-icon { background-color: #43bc60; color: #fff !important } .cd-steps .cd-steps-item.doing .step-info, .cd-steps .cd-steps-item.done .step-info { color: rgba(0, 0, 0, .88) } @media (max-width: 767px) { .cd-steps .cd-steps-item.doing { width: 100% !important; text-align: center } .cd-steps .cd-steps-item.doing .cd-steps-tail { display: none } } .cd-panel { background-color: #fff; box-shadow: 0 0 4px 0 rgba(0, 0, 0, .01), 0 4px 4px 0 rgba(0, 0, 0, .04); border-radius: 4px } .cd-panel .cd-panel-heading { padding: 24px 32px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .08) } @media (max-width: 767px) { .cd-panel .cd-panel-heading { padding: 16px } } .cd-panel .cd-panel-heading-with-steps { padding: 24px 12px; box-shadow: 0 0 2px 0 rgba(0, 0, 0, .01), 0 2px 2px 0 rgba(0, 0, 0, .04) } @media (max-width: 767px) { .cd-panel .cd-panel-heading-with-steps { padding: 16px } } .cd-panel .cd-panel-body { padding: 32px } @media (max-width: 767px) { .cd-panel .cd-panel-body { padding: 16px } } .cd-avatar { border-radius: 4px } .cd-avatar.cd-avatar-lg { width: 128px; height: 128px } .cd-image-upload { position: relative; display: inline-block; border-radius: 4px; transition: all .3s ease } .cd-image-upload:hover .image-upload-mask { opacity: 1 } .cd-image-upload .image-upload-mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; border-radius: 4px; background: rgba(0, 0, 0, .7); color: #fff; text-align: center; line-height: 1px; font-size: 14px; transition: all .3s ease } .cd-image-upload .image-upload-mask i { font-size: 48px; display: block; margin-bottom: 8px } .cd-image-upload .image-upload-content { position: absolute; left: 0; right: 0; height: 70px; top: 50%; margin-top: -35px } .cd-image-upload .image-upload-label { position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; z-index: 1; margin-bottom: 0; overflow: hidden; border-radius: 4px; cursor: pointer } .cd-loading { margin: 40px auto; width: 150px; text-align: center; opacity: 1; filter: alpha(opacity=100); height: 60px; transition-delay: .5s; -moz-transition-delay: .5s; -webkit-transition-delay: .5s; -o-transition-delay: .5s } .cd-loading.cd-loading-fixed { position: fixed; top: 50%; left: 50%; margin-left: -75px; margin-top: -30px } .cd-loading .loading-content { width: 60px; height: 60px; border-radius: 50%; position: relative; margin-left: 45px } .cd-loading .loading-content > div:nth-child(2) { opacity: .6; height: 40px; width: 40px; margin-left: -20px; margin-top: 8px; top: 0; -webkit-animation-delay: .2s; animation-delay: .2s } .cd-loading .loading-content > div:nth-child(3) { opacity: 1; height: 24px; width: 24px; margin-top: 17px; margin-left: -12px; -webkit-animation-delay: .4s; animation-delay: .4s } .cd-loading .loading-content > div { background-color: #43bc60; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: 50%; top: 0; opacity: .5; margin: 0; width: 56px; height: 56px; margin-left: -28px; -webkit-animation: ball-scale-multiple 1s linear infinite; animation: ball-scale-multiple 1s linear infinite } @-webkit-keyframes ball-scale-multiple { 0% { -webkit-transform: scale(.3); transform: scale(.3); opacity: 0 } 5% { opacity: 1 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } } @keyframes ball-scale-multiple { 0% { -webkit-transform: scale(.3); transform: scale(.3); opacity: 0 } 5% { opacity: 1 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } } .cd-design .notify-content { text-align: center } .cd-design .notify { position: relative; display: inline-block; color: #fff; line-height: 1; font-size: 14px; padding: 14px 16px; border-radius: 4px; font-weight: 500; border: none } .cd-design .notify.notify-danger { background: #ed3e3e; box-shadow: 0 0 8px 0 rgba(237, 62, 62, .1), 0 8px 8px 0 rgba(237, 62, 62, .2) } .cd-design .notify.notify-success { background: #43bc60; box-shadow: 0 0 8px 0 rgba(67, 188, 96, .1), 0 8px 8px 0 rgba(67, 188, 96, .2) } .cd-design .notify.notify-info { background: #278bf5; box-shadow: 0 0 8px 0 rgba(39, 139, 245, .1), 0 8px 8px 0 rgba(39, 139, 245, .2) } .cd-design .notify.notify-warning { background: #ffa51f; box-shadow: 0 0 8px 0 rgba(255, 165, 31, .1), 0 8px 8px 0 rgba(255, 165, 31, .2) } .cd-design .notify .notify-action { text-align: right; margin-left: 8px; color: #fff; font-weight: 400 } .cd-design .notify .notify-action:hover { color: #fff } .cd-design .notify .cd-icon { color: #fff !important; margin-right: 4px !important } .cd-design .pagination > li > a { border: 2px solid rgba(0, 0, 0, .16); padding: 2px; margin: 4px; background-color: #fff; color: rgba(0, 0, 0, .88); width: 28px; font-size: 12px; line-height: 20px; text-align: center; transition: all .3s ease } .cd-design .pagination > li > a > i { font-size: 14px; line-height: 18px; vertical-align: middle } .cd-design .pagination > li > a:hover { border-color: #43bc60; color: #43bc60; box-shadow: 0 0 6px 0 rgba(0, 0, 0, .01), 0 6px 6px 0 rgba(0, 0, 0, .04) } .cd-design .pagination > .active > a, .cd-design .pagination > .active > a:focus, .cd-design .pagination > .active > a:hover { background-color: #43bc60; border-color: #43bc60; color: #fff; box-shadow: 0 0 0 0 rgba(0, 0, 0, .01), 0 0 0 0 rgba(0, 0, 0, .04) } .cd-design .popover { border-color: #f5f5f5; padding: 0; box-shadow: 0 0 8px 0 rgba(0, 0, 0, .01), 0 8px 8px 0 rgba(0, 0, 0, .04) } .cd-design .popover.top > .arrow { border-top-color: #f5f5f5 } .cd-design .popover.right > .arrow { border-right-color: #f5f5f5 } .cd-design .popover.bottom > .arrow { border-bottom-color: #f5f5f5 } .cd-design .popover.left > .arrow { border-left-color: #f5f5f5 } .cd-design .popover-title { color: rgba(0, 0, 0, .88); font-weight: 500; border: none; background: none; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .08) } .cd-design .popover-content { color: rgba(0, 0, 0, .88) } .cd-progress { width: 63%; background-color: rgba(0, 0, 0, .08); color: #fff; text-align: right; font-weight: 700; font-size: 14px; vertical-align: middle; box-shadow: none; border-radius: 4px } @media (max-width: 1199px) { .cd-progress { width: 50% } } .cd-progress.cd-progress-xs { height: 4px } .cd-progress-bar { border-radius: 4px } .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; 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; border-radius: 4px; border: 1px solid #e4ecf3; background-color: #fff } @media (min-width: 992px) { .course-list .course-item { 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); transition: all .3s ease } } @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: 50px 20px 55px; border: 1px dashed #e1e1e1; color: #e1e1e1; text-align: center; font-size: 24px; 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); 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; } .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-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-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 { z-index: 1; background: #e1e1e1; border: none; color: #fff; text-shadow: 0 1px 1px rgba(73, 73, 73, .21); box-shadow: inset 0 0 4px hsla(0, 0%, 44%, .3) } .course-list .course-date .btn-circle > i { line-height: 40px } .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; transition: all .3s ease } .topic-list .topic-item .title a:hover { color: #43bc60; transition: all .3s ease } .topic-list .topic-item .metas { color: #919191 } .topic-list .topic-item .metas > .name { color: #616161; transition: all .3s ease } .topic-list .topic-item .metas > .name:hover { color: #43bc60; transition: all .3s ease } @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; transition: all .3s ease } .note-list .note-item .metas > .name:hover { color: #43bc60; transition: all .3s ease } @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; transition: all .3s ease } .note-list .note-item .metas .metas-sns > span > a:hover { color: #43bc60; transition: all .3s ease } .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); transition: all .3s ease } .es-bar .go-top.show { visibility: visible; opacity: 1; filter: alpha(opacity=100); transition: all .3s ease } .es-bar-menu { position: absolute; top: 0; left: 0; bottom: 0; width: 35px; background-color: #fff; 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; 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; transition: all .3s ease } .es-bar-menu > ul > li.active > a, .es-bar-menu > ul > li:hover > a { color: #fff; transition: all .3s ease } .es-bar-menu > ul > li > a { display: block; color: #616161; 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; 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; top: 0; left: 35px; bottom: 0; width: 230px; z-index: 888; opacity: 0; filter: alpha(opacity=0); visibility: hidden; background-color: #fafafa; -webkit-transform: scale(.8); transform: scale(.8); transition: all .3s ease } .es-bar-main.active { top: 0; opacity: 1; filter: alpha(opacity=100); z-index: 999; visibility: visible; -webkit-transform: scale(1); transform: scale(1); transition: all .3s ease } .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; 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; 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_wapper { display: block; height: 50px; width: 180px; background-color: #fff } .sign_wapper .btn { margin: 5px } .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 } .order-nav { margin: 0 0 30px; font-size: 16px; color: #fff; background: #919191 } .order-nav > div { position: relative; float: left; width: 33.3%; text-align: center; line-height: 46px; color: #fff; font-size: 16px } .order-nav > div b { border: 23px solid #fafafa; border-left-color: #919191; font-size: 0; right: -23px } .order-nav > div b, .order-nav span { width: 0; height: 0; line-height: 0; position: absolute; top: 0 } .order-nav span { left: 0; border: 23px solid #919191; border-left-color: #fafafa } .order-nav .on { background: #43bc60 } .order-nav .on span { border: 23px solid #43bc60; border-left-color: #fafafa } .order-nav .on b { border-left-color: #43bc60 } .order-nav .on.error { background: #ed3e3e } .order-nav .on.error span { border: 23px solid #ed3e3e; border-left-color: #fafafa } .order-nav .on.error b { border-left-color: #ed3e3e } .es-filter { position: relative; background-color: #fafafa; 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; transition: all .3s ease } .es-filter .nav-sort > li > a:hover { color: #43bc60; transition: all .3s ease } .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 { box-shadow: none; color: #43bc60 } .es-filter .filter { position: absolute; text-align: right; top: 0; right: 15px; width: 300px } .es-filter .filter .btn { background: none; padding: 10px 0; transition: all .3s ease } .es-filter .filter .btn:hover { color: #43bc60; transition: all .3s ease } .es-filter .filter .btn > i { font-size: 18px } .es-filter .filter label { margin-left: 15px; margin-top: 11px; vertical-align: top; transition: all .3s ease } .es-filter .filter label:hover { color: #43bc60; transition: all .3s ease } .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; 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 { margin: 0 10px 0 40px; padding: 0; list-style: none; border-left: 1px solid #c1c1c1 } .task-manage-list .task-manage-item { border: 1px solid #c1c1c1; background: #fff; line-height: 42px; margin-bottom: 15px; margin-left: 20px; cursor: move; word-wrap: break-word; word-break: break-all } .task-manage-list .task-manage-item.active, .task-manage-list .task-manage-item:hover { background: #f3f3f3 } .task-manage-list .task-manage-item.active .item-actions, .task-manage-list .task-manage-item:hover .item-actions { visibility: visible } .task-manage-list .task-manage-item.active .item-default-header { border-color: #c1c1c1 } .task-manage-list .task-manage-chapter { position: relative; margin-left: -40px } .task-manage-list .task-manage-unit { margin-left: -20px } .task-manage-list .item-line { border-bottom: 1px solid #c1c1c1; vertical-align: top; display: inline-block; height: 21px; width: 21px; margin-left: -21px; float: left } .task-manage-list .item-content { padding-left: 10px; overflow: hidden; height: 42px; line-height: 42px; float: left; width: 100% } .task-manage-list .item-actions { position: absolute; right: 11px; padding-right: 0; visibility: hidden; background: #f3f3f3; border-left: 1px solid #ddd } .task-manage-list .item-actions .btn, .task-manage-list .item-actions .dropdown-menu > li > a { transition: none } .task-manage-list .item-actions .btn-link:hover, .task-manage-list .item-actions a.dropdown-toggle:focus, .task-manage-list .item-actions a.dropdown-toggle:hover { text-decoration: none } .task-manage-list .item-default-header { border-bottom: 1px solid transparent } .task-manage-list .settings-list { padding: 0; display: none; list-style: none; background-color: #f3f3f3 } .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 } .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; animation: fadeInUp 1s .2s ease both } .es-poster .swiper-slide.swiper-slide-active .subtitle { -webkit-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; 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; 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-filter .course-sort .btn-circle { margin-left: 10px } .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; 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; 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%; 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; transition: all .3s ease } .recommend-class-list .class-item:hover .mask .btn { margin-top: 30%; transition: all .3s ease } .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-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: 106px } @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: 30px; 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 { border-radius: 4px } .aricle-carousel .swiper-container, .aricle-carousel .swiper-slide { position: relative; width: 100%; height: 100% } .aricle-carousel .swiper-slide img { width: 100%; border-radius: 4px } .aricle-carousel .swiper-slide .image-overlay { 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; 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; transition: all .3s ease } .topic-post-small:hover .image-overlay { transition: all .3s ease; opacity: .2; filter: alpha(opacity=20) } .topic-post-small img { 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; 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; transition: all .3s ease } .article-metas .metas-body .title a:hover { color: #43bc60; transition: all .3s ease } .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; 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; 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-manage-page .container { width: 1170px !important } .class-list .class-item { background-color: #fff; margin: 10px auto; border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) } .class-list .class-item .class-img { position: relative } .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 } .lt-ie9 .class-list .class-item { border: 1px solid #e1e1e1 } .class-bg-layer { position: absolute; top: 5px; left: 5px; right: 5px; height: 100%; background-color: #fff; border-radius: 4px; 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; border-radius: 4px; 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; transition: all .3s ease } .class-header.after .class-data > li > a:hover { color: #43bc60; transition: all .3s ease } .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; 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; 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; transition: all .3s ease } .period-list { margin-top: 20px; margin-bottom: 0; padding-left: 0; list-style-type: none } .period-list > li { margin-bottom: 10px; padding: 10px 15px } .period-list .chapter, .period-list .section { background-color: #f5f5f5; color: #919191 } .period-list .chapter { position: relative } .period-list .chapter:hover { cursor: pointer } .period-list .chapter .es-icon-toc { position: absolute; top: 11px; left: 15px } .period-list .chapter .period-show { position: absolute; top: 8px; right: 15px } .period-list .chapter .title { padding: 0 30px } .period-list .chapter .title, .period-list .section { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .period-list .section { padding-left: 45px } .period-list .period { position: relative; padding: 10px 100px 10px 45px } .period-list .period.item-active, .period-list .period:hover { background-color: #f2fae3 } .period-list .period.disable { background: none } .period-list .period > a { color: #919191; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .period-list .period .es-icon-doing, .period-list .period .es-icon-done1, .period-list .period .es-icon-undone { position: absolute; top: 11px; left: 15px } .period-list .period .title { color: #616161 } .period-list .period .date { position: absolute; top: 11px; right: 50px } .period-list .period .course-type { position: absolute; top: 11px; right: 15px; line-height: 20px } .period-list .period .course-type i { font-size: 20px } .period-list .period .course-type small { margin-top: -3px } .period-list .period .period-state { position: absolute; top: 10px; right: 15px; color: #919191 } .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; transition: all .3s ease } .topic-detail .topic-header .title > a:hover { color: #43bc60; transition: all .3s ease } .topic-detail .topic-header .metas { color: #919191 } .topic-detail .topic-header .metas > a { color: #616161; margin-right: 5px; transition: all .3s ease } .topic-detail .topic-header .metas > a:hover { color: #43bc60; transition: all .3s ease } .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; 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; 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%; 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; transition: all .3s ease } .topic-detail .topic-num .num-more i:hover { color: #43bc60; cursor: pointer; transition: all .3s ease } .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 } .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 } .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; 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 } .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; 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; 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 } .course-filter.search-filter .result-declare { position: absolute; top: 0; left: 0; line-height: 48px } .course-filter.search-filter .result-declare span { color: red; padding: 0 10px } .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 } .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; transition: all .3s ease } .search-banner .search-input-group .es-icon:hover { cursor: pointer; color: #c1c1c1; transition: all .3s ease } .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; transition: all .3s ease } .search-course-list .course-item .title > a:hover { color: #43bc60; transition: all .3s ease } .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 } .teacher-item { position: relative; margin-bottom: 20px; text-align: center; z-index: 1; 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 { 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); transition: all .3s ease } .teacher-item:hover .about { opacity: 0; filter: alpha(opacity=0); transition: all .3s ease } .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; transition: all .3s ease } @media (max-width: 767px) { .teacher-item .about, .teacher-item .metas { left: 10px; bottom: 10px; right: 10px } } .teacher-item .about { top: 20px; line-height: 25px; overflow: hidden; color: #919191; opacity: 1; filter: alpha(opacity=100) } @media (max-width: 767px) { .teacher-item .about { top: 10px; line-height: 20px; font-size: 12px } } .teacher-item .metas { top: 30px; bottom: 30px; opacity: 0; filter: alpha(opacity=0) } @media (max-width: 767px) { .teacher-item .metas { top: 20px; bottom: 10px } } .teacher-item .metas .btn { margin: 0 15px } @media (min-width: 992px) and (max-width: 1199px) { .teacher-item .metas .btn { margin: 0 10px } } @media (max-width: 767px) { .teacher-item .metas .btn { margin: 0 5px } } .custompage .es-section img { max-width: 100%; height: auto } .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 } } .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; 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 } .teacher-say-text { margin-bottom: 5px } .question-eassy-form-control { margin-bottom: 18px } .question-eassy-form-control img { max-width: 100% } .question-set-item { margin-bottom: 50px; padding-top: 20px; border-top: 1px solid #ccc } .question-set-item-side { float: left; width: 40px } .question-set-item-main { margin-left: 50px } .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 } .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; 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; 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; 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; 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); transition: all .3s ease } .pay-agreement-list .pay-bank .closed:hover { color: #ed3e3e; transition: all .3s ease } .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 } .social-login { position: relative; text-align: center; margin-top: 30px; z-index: 1 } .social-login > span { padding: 0 10px; z-index: 1; background-color: #fff } .social-login .line { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #f1f1f1; margin-top: -1px; z-index: -1 } .social-login .social-icon { display: inline-block; margin: 0 8px; border: 2px solid #919191; color: #919191; border-radius: 50%; width: 35px; height: 35px; line-height: 33px; transition: all .3s ease } .social-login .social-icon > i { font-size: 20px } .social-login .social-icon:hover { color: #fff; 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; border-radius: 0 } @media (max-width: 767px) { .login-section { width: 100%; margin: 20px auto } } .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; transition: all .3s ease } .login-section .logon-tab > a:hover { background-color: #fafafa; transition: all .3s ease } .login-section .logon-tab > a.active { background-color: #fff; transition: all .3s ease } .login-section .login-main { padding: 40px 45px 20px } @media (max-width: 767px) { .login-section .login-main { padding: 20px 0 0 } } @media (min-width: 768px) { .login-modal { width: 350px } .login-modal .modal-body { padding: 30px 30px 15px } .login-modal .modal-footer { padding: 30px } } .es-mobile .mobile-first { background: url("/static-dist/app/img/mobile/mobile_bg.jpg") top no-repeat } .es-mobile .mobile-first .container { position: relative; height: 570px } @media (max-width: 1199px) { .es-mobile .mobile-first .container { height: 500px } } @media (max-width: 767px) { .es-mobile .mobile-first .container { height: 300px } } .es-mobile .mobile-first .img-one { position: absolute; bottom: -70px; left: 5%; opacity: 0; z-index: 1 } @media (max-width: 991px) { .es-mobile .mobile-first .img-one { bottom: -60px; left: 1% } } .es-mobile .mobile-first .img-two { position: absolute; bottom: -100px; left: 13%; z-index: 2; opacity: 0 } @media (max-width: 991px) { .es-mobile .mobile-first .img-two { bottom: -80px; left: 6% } } .es-mobile .mobile-first .img-two-content { position: absolute; left: 50px; top: 55px; width: 233px; height: 400px } .es-mobile .mobile-first .mobile-content { position: absolute; top: 30%; left: 52%; color: #fff } @media (max-width: 991px) { .es-mobile .mobile-first .mobile-content { left: 50% } } @media (max-width: 767px) { .es-mobile .mobile-first .mobile-content { top: 15%; left: 10%; right: 10%; text-align: center } } .es-mobile .mobile-first .title { font-size: 80px; opacity: 0; font-weight: 700 } .es-mobile .mobile-first .title img { display: inline-block; margin-top: -15px; width: 80px } @media (max-width: 1199px) { .es-mobile .mobile-first .title img { width: 60px } } @media (max-width: 767px) { .es-mobile .mobile-first .title img { width: 40px; margin-top: -5px } } @media (max-width: 1199px) { .es-mobile .mobile-first .title { font-size: 48px; margin-bottom: 10px } } @media (max-width: 767px) { .es-mobile .mobile-first .title { font-size: 28px } } .es-mobile .mobile-first .subtitle { font-size: 24px; margin-bottom: 40px; opacity: 0; letter-spacing: 3px } @media (max-width: 1199px) { .es-mobile .mobile-first .subtitle { font-size: 16px } } @media (max-width: 767px) { .es-mobile .mobile-first .subtitle { margin-bottom: 20px } } .es-mobile .mobile-first .btn-mobile { display: inline-block; border: 2px solid #fff; font-size: 16px; padding: 18px 28px; color: #fff; opacity: 0; transition: all .3s ease; border-radius: 4px } @media (max-width: 1199px) { .es-mobile .mobile-first .btn-mobile { font-size: 14px; padding: 10px 15px } } .es-mobile .mobile-first .btn-mobile > i { font-size: 20px; margin-left: 10px; -webkit-animation: nextshake 1s infinite linear; animation: nextshake 1s infinite linear } .es-mobile .mobile-first .btn-mobile:hover { background: hsla(0, 0%, 100%, .2); transition: all .3s ease } .es-mobile .mobile-first .btn-mobile + .btn-mobile { margin-left: 35px } @media (max-width: 767px) { .es-mobile .mobile-first .btn-mobile + .btn-mobile { margin-left: 10px } } .es-mobile .mobile-first.active .img-one { -webkit-animation: fadeInLeft .5s .2s ease both; animation: fadeInLeft .5s .2s ease both } .es-mobile .mobile-first.active .img-two { -webkit-animation: fadeInRight .5s .2s ease both; animation: fadeInRight .5s .2s ease both } .es-mobile .mobile-first.active .title { -webkit-animation: fadeInDown .5s .7s ease both; animation: fadeInDown .5s .7s ease both } .es-mobile .mobile-first.active .btn-mobile, .es-mobile .mobile-first.active .label-mobile, .es-mobile .mobile-first.active .subtitle { -webkit-animation: fadeInUp .5s .7s ease both; animation: fadeInUp .5s .7s ease both } .es-mobile .mobile-second { min-height: 200px; background: #fff } @media (max-width: 767px) { .es-mobile .mobile-second { text-align: center } } .es-mobile .mobile-second .container { padding: 80px 40px } @media (max-width: 767px) { .es-mobile .mobile-second .container { padding: 50px 10px } } .es-mobile .mobile-second .step { margin-bottom: 85px } @media (max-width: 767px) { .es-mobile .mobile-second .step { margin-bottom: 30px } } .es-mobile .mobile-second .qrcode { display: inline-block; width: 220px; height: auto; max-width: 100% } @media (max-width: 991px) { .es-mobile .mobile-second .qrcode { width: 200px } } .es-mobile .mobile-second .btn-android, .es-mobile .mobile-second .btn-apple { display: inline-block; color: #fff; margin-top: 70px; text-align: center; font-size: 20px; padding: 24px 30px; border-radius: 4px; transition: all .3s ease } @media (max-width: 1199px) { .es-mobile .mobile-second .btn-android, .es-mobile .mobile-second .btn-apple { font-size: 18px; padding: 15px 10px; margin-top: 74px } } @media (max-width: 991px) { .es-mobile .mobile-second .btn-android, .es-mobile .mobile-second .btn-apple { padding: 15px; margin-top: 28px } } .es-mobile .mobile-second .btn-android:hover, .es-mobile .mobile-second .btn-apple:hover { background-image: none; transition: all .3s ease } .es-mobile .mobile-second .btn-android > i, .es-mobile .mobile-second .btn-apple > i { font-size: 30px; margin-right: 15px } @media (max-width: 991px) { .es-mobile .mobile-second .btn-android > i, .es-mobile .mobile-second .btn-apple > i { font-size: 24px; margin-right: 10px } } .es-mobile .mobile-second .btn-android { background: #35d572; box-shadow: 0 16px 40px rgba(54, 214, 115, .4); background-image: -ms-linear-gradient(90deg, #35d572 0, #3fde7b 100%) } .es-mobile .mobile-second .btn-apple { background: #1f5dea; margin-left: 35px; box-shadow: 0 16px 40px rgba(31, 93, 234, .4); background-image: -ms-linear-gradient(90deg, #1f5dea 0, #2b67f1 100%) } @media (max-width: 1199px) { .es-mobile .mobile-second .btn-apple { margin-left: 20px } } @media (max-width: 991px) { .es-mobile .mobile-second .btn-apple { margin-left: 0 } } @media (max-width: 767px) { .es-mobile .mobile-second .btn-apple { margin-top: 20px } } .es-mobile .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) { .es-mobile .mobile-third { background: #f5f8fa; text-align: center } } .es-mobile .mobile-third > .container { position: relative; padding: 80px 40px 0 } @media (max-width: 767px) { .es-mobile .mobile-third > .container { padding: 50px 10px } } .es-mobile .mobile-third .step { margin-bottom: 45px } @media (max-width: 767px) { .es-mobile .mobile-third .step { margin-bottom: 30px } } .es-mobile .mobile-third .qrcode { margin: 30px auto 0; width: 220px; font-size: 18px; color: #313131 } @media (max-width: 991px) { .es-mobile .mobile-third .qrcode { width: 200px } } .es-mobile .mobile-third .qrcode img { width: 100%; margin-bottom: 20px } .es-mobile .mobile-third .thumb { max-width: 100%; opacity: 0 } .es-mobile .mobile-third.active .thumb { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both } .es-mobile .step { font-size: 24px; color: #313131 } @media (max-width: 767px) { .es-mobile .step { font-size: 16px } } .es-mobile .step .member { display: inline-block; width: 48px; height: 48px; line-height: 48px; margin-right: 20px; text-align: center; border-radius: 50%; background: #43bc60; box-shadow: 0 6px 20px rgba(67, 188, 96, .4); color: #fff } @media (max-width: 767px) { .es-mobile .step .member { width: 30px; height: 30px; line-height: 30px; margin-right: 5px } } .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 } .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 } } @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; 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); -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 { -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; 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; 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 { 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; 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; 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; border-radius: 4px; cursor: default; background-color: #f5f8fa } .mark-questions-modal .question-stem-fill-blank { color: #313131 } .caption-uploader { height: 34px; background: transparent; display: inline-block } .caption-notify { line-height: 28px } .text-track-overview { overflow-y: auto; padding-top: 10px; padding-bottom: 10px } .text-track-overview p { font-size: 14px; line-height: 30px; color: #919191 } .text-track-overview p.active { color: #f5f5f5 } .text-track-select-form-group { margin-bottom: 0 !important } .track-select-parent { position: relative } .track-select-parent .track-select-show { width: 100%; background: #fff; border: 1px solid #ccc; color: #919191; font-size: 14px; line-height: 32px; padding-left: 10px; padding-right: 10px; border-radius: 2px; overflow: hidden } .track-select-parent .track-select-show.active { border-color: #43bc60 } .track-select-parent .track-select-show .data-show { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-height: 32px; padding-right: 20px } .track-select-parent .track-select-show .track-selcet-close-arrow, .track-select-parent .track-select-show .track-selcet-open-arrow { position: absolute; top: 0; right: 10px } .track-select-parent .track-selcet-list { padding-left: 0; position: absolute; top: 34px; width: 100%; background: #fff; border-radius: 2px; border: 1px solid #ccc } .track-select-parent .track-selcet-list li { position: relative; list-style: none; padding-left: 10px; padding-right: 10px; color: #919191; line-height: 34px } .track-select-parent .track-selcet-list li .value { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 110px } .track-select-parent .track-selcet-list li .convertStatus { position: absolute; line-height: 1.2; padding: 2px 10px; border-radius: 5px; right: 40px; top: 8px; color: #fff } .track-select-parent .track-selcet-list li .convertStatus.convert-success { background: #43bc60 } .track-select-parent .track-selcet-list li .convertStatus.convert-error { background: red } .track-select-parent .track-selcet-list li .convertStatus.convert-doing { background: blue } .track-select-parent .track-selcet-list li .convertStatus.convert-none, .track-select-parent .track-selcet-list li .convertStatus.convert-waiting { background: #aaa } .track-select-parent .track-selcet-list li:hover { background: #f5f5f5 } .track-select-parent .track-selcet-list li:hover .delete { display: inline } .track-select-parent .track-selcet-list li .delete { display: none; position: absolute; top: 8px; right: 10px } .track-select-parent .track-selcet-list li.active { color: #43bc60 } .subtitle-transcode-status { color: #fff; display: inline-block; padding: 3px 10px; border-radius: 3px; line-height: 1; text-align: center; min-width: 72px } .subtitle-transcode-status.none, .subtitle-transcode-status.waiting { background: #919191 } .subtitle-transcode-status.doing { background: #278bf5 } .subtitle-transcode-status.success { background: #43bc60 } .subtitle-transcode-status.error { background: #ed3e3e } .subtitle-name { width: 300px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .user-center-header { position: relative; height: 220px; padding: 40px 0; background-color: #313131; z-index: 1 } .user-center-header .mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .4); z-index: 0 !important } .user-center-header .blurr-bg { z-index: -1 } @media (max-width: 767px) { .user-center-header { padding: 15px 0 } } .user-center-header .container { position: relative; z-index: 1; padding: 0 70px } @media (max-width: 1199px) { .user-center-header .container { padding: 0 30px } } @media (max-width: 767px) { .user-center-header .container { padding: 0 10px } } .user-center-header .user-avatar { position: relative; float: left; width: 66.67%; padding-left: 200px } @media (max-width: 991px) { .user-center-header .user-avatar { width: 100%; float: none } } @media (max-width: 767px) { .user-center-header .user-avatar { text-align: center; padding-left: 0 } .user-center-header .user-avatar .avatar-wrap { position: relative; margin-bottom: 10px; border: 3px solid hsla(0, 0%, 100%, .5) } .user-center-header .user-avatar .avatar-wrap .avatar-lg { width: 60px !important; height: 60px !important } .user-center-header .user-avatar .avatar-wrap .icon-md { width: 20px; height: 20px; line-height: 15px } .user-center-header .user-avatar .avatar-wrap .icon-md > i { font-size: 12px } } .user-center-header .avatar-wrap { position: absolute; top: 0; left: 0; border: 6px solid #585560; border: 6px solid hsla(0, 0%, 100%, .5) } .user-center-header .name { color: #fff; font-size: 18px; margin-bottom: 10px } @media (max-width: 767px) { .user-center-header .name { font-size: 16px } } .user-center-header .position { margin-bottom: 10px; color: #919191; color: hsla(0, 0%, 100%, .5) } .user-center-header .position > a { color: #919191; color: hsla(0, 0%, 100%, .5); transition: all .3s ease } .user-center-header .position > a:hover { color: #fff; transition: all .3s ease } .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; border-radius: 4px } .user-center-header .user-about-content { height: 100px; overflow: hidden; line-height: 25px } .group-header { margin-bottom: 20px; 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; 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; 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; 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; 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; 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; 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; 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; 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; 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; transition: all .3s ease } .open-course-detail-operation .operation-share:hover { background: #83d460; transition: all .3s ease } .open-course-detail-operation .operation-collection.active, .open-course-detail-operation .operation-collection:hover { background: #53c3f5; transition: all .3s ease } .open-course-detail-operation .operation-code:hover { background: #ff8a0c; 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; 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; 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; 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-btn { font-size: 20px; 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; 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; 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; 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; 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; 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.border-sm-left { border-left-width: 1px } .stats-summary .piece.border-sm-top { border-top-width: 1px } .stats-summary .piece.border-sm-right { border-right-width: 1px } .stats-summary .piece.border-sm-bottom { border-bottom-width: 1px } .stats-summary .piece.active, .stats-summary .piece:hover { border: 2px solid #499ae6 } .stats-summary .piece .quantum { padding: 20px } .stats-summary .piece .quantum .p-text { font-size: 16px } .stats-summary .piece .quantum .number { color: #499ae6; font-weight: 500 } .materiallib-stats .pie-container { padding: 15px } .pie-container .left { padding-left: 0; padding-right: 5px } .pie-container .right { padding-left: 5px; padding-right: 0 } .pie-container .pie { padding: 0; height: 460px; border: 4px solid #eee } .materiallib-stats .line-container { padding: 15px } .line-container .container { padding: 0 } .line-container .line { border: 4px solid #eee; height: 300px } .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 } .my-materials-list .materials-ul { height: 200px } .materials-ul { border: 1px solid #eee; padding-left: 0; height: 218px; 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 } .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; height: 103px } .materials-ul .img-li img { height: 100% } .materials-ul .img-li .mask { position: absolute; opacity: 0; filter: alpha(opacity=0); 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 { text-align: center; margin-top: 5px; height: 35px } .materials-ul .img-li .mask .time { height: 22px; padding: 5px 2px; font-size: 12px } .materials-ul .img-li:hover { 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: 267px; 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 } @media (max-width: 1199px) { .material-detail-img { height: auto } } @media (max-width: 480px) { .material-detail-img { height: auto } .material-detail-img .detail-img { float: none } .material-detail-img .btn { margin-top: 10px } } .material-detail-save { text-align: center; 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 } .course-manage-header { position: relative } .course-manage-header .picture { float: left; height: 60px; margin-right: 10px } .course-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) { .course-manage-header .title { margin-right: 10px } } .course-manage-header .teachers { color: #919191; font-size: 13px } .course-manage-header .teachers a { margin-right: 10px; color: #616161 } .course-manage-header .toolbar { position: absolute; right: 15px; top: 50%; margin-top: -15px } .task-price-setting-group { position: relative; max-height: 211px; overflow: hidden; padding-bottom: 5px } .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; 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; 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; transition: all .3s ease; 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; 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; 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; 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; 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 { 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; 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: 850px; margin-left: -16px; padding: 10px 20px; bottom: auto; box-shadow: 0 3px 3px rgba(0, 0, 0, .08); z-index: 1000; 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-wrapper.pbs { padding-bottom: 100px !important } .lesson-list-wrapper.pbm { padding-bottom: 150px !important } .lesson-list-wrapper.pbl { padding-bottom: 200px !important } .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-list .item-actions .btn, .lesson-list .item-actions .dropdown-menu > li > a { 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; transition: all .3s ease } .course-statictics .statictic-body .date-change:focus, .course-statictics .statictic-body .date-change:hover { color: #000; transition: all .3s ease } .course-statictics .statictic-body .chart-container { width: 100%; 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 { padding-bottom: 20px; border-bottom: 1px solid #e1e1e1; font-size: 16px } .panel-create-course .course-piece { position: relative; text-align: left; padding-left: 15px; font-size: 16px } .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: 20px 5px 30px; 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: 50px } .topic-player-statistical .popup-topic { height: auto } .topic-player-statistical .popup-topic .list.right { 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 } .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; border-radius: 50%; background-color: #fff; text-align: center; border: none; color: #43bc60; 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; 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; 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; 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 .media-list { margin-top: 0 } .task-dashboard-page .question-pane .media-list .media { border-bottom: 1px solid #e4ecf3 } .screen-full { position: fixed; left: 0; top: 0; z-index: 999 } .iframe-modal.modal { overflow-y: auto } .all-wrapper { height: 100% } @media (max-width: 767px) { .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 } } @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 } .task-testpaper-body-iframe { position: relative; height: 100%; overflow: auto } .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 } .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 } .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 } .course-detail-section { position: relative; padding: 15px } .course-detail-section .course-detail-top { padding-right: 130px } @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-detail-top .tags { float: left } .course-detail-section .course-detail-top .tags .tag-finished, .course-detail-section .course-detail-top .tags .tag-serialing { display: inline-block; width: 40px; height: 50px } .course-detail-section .course-detail-top .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 .course-detail-top .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 .course-detail-top .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-operation { position: absolute; list-style-type: none; right: 10px; top: 20px } .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-detail-bottom .course-detail-img { position: relative; float: left; width: 480px } @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); transition: all .3s ease } .course-detail-section .course-detail-bottom .course-detail-img .course-img-cover:hover { opacity: .7; filter: alpha(opacity=70); 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 { padding-left: 60px; margin-left: 480px; font-size: 12px; color: #919191 } @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 { width: 80px; 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: 60px; margin: 0 -15px 15px -60px; padding-top: 20px; padding-bottom: 20px; background-color: #fafafa } @media (max-width: 991px) { .course-detail-section .course-detail-bottom .course-detail-info .course-detail-gray { padding-left: 15px; min-height: auto; margin: 0 -15px 10px; padding-top: 0; background-color: transparent } } .course-detail-section .course-detail-bottom .course-detail-info .course-detail-gray.not-activity { min-height: 158px } @media (max-width: 991px) { .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: 80px } @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 } @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; top: 6px } .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-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-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; border-radius: 50%; background-color: #fff; 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% } } .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; border-radius: 4px } .belongs-class .media-body { vertical-align: middle } .belongs-class .media-body > a { color: #616161; transition: all .3s ease } .belongs-class .media-body > a:hover { color: #43bc60; transition: all .3s ease } .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; border-radius: 50%; background-color: #7f7f7f; background-color: hsla(0, 0%, 50%, .5); color: #fff; text-align: center; transition: all .3s ease; visibility: hidden } .panel-class .arrow-next:hover, .panel-class .arrow-prev:hover { background-color: hsla(0, 0%, 50%, .8); 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 } .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; transition: all .3s ease } .c-reward-point-item:hover { 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); 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; 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 } .cd-design .es-header { margin-bottom: 24px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, .01), 0 4px 4px 0 rgba(0, 0, 0, .04) } .coin-thumb-list:after, .coin-thumb-list:before { content: ""; display: table } .coin-thumb-list:after { clear: both } .coin-thumb-list .coin-thumb-item { border-radius: 4px; width: 48px; height: 48px; float: left; background-size: 48px; background-repeat: no-repeat; background-position: 50%; border: 1px solid #f5f5f5; cursor: pointer } .coin-thumb-list .coin-thumb-item + .coin-thumb-item { margin-left: 8px } .approval-info { display: inline-block; width: 160px; color: rgba(0, 0, 0, .56); font-size: 12px; text-align: left } .find-way-list { margin-top: 48px } @media (max-width: 767px) { .find-way-list { margin-top: 20px } } .find-way-item { margin-bottom: 20px; text-align: center } @media (max-width: 767px) { .find-way-item + .find-way-item { margin-bottom: 40px } } .find-way-item__svg { margin-bottom: 8px; padding: 21px 0; height: 168px } @media (max-width: 767px) { .find-way-item__svg { padding: 10px 0 } } .find-way-item__tip { margin-top: 16px; font-size: 12px; line-height: 1 } .find-way-item__tip span { color: rgba(0, 0, 0, .56) } .find-pay-password-form { margin: 88px auto 0; width: 276px } @media (max-width: 767px) { .find-pay-password-form { margin: 16px auto 0 } } .find-pay-password-form .cd-form-group-mobile label { display: inline } .find-pay-password-form .cd-form-group-mobile span { margin-left: 10px; margin-right: 10px; font-size: 24px; letter-spacing: 0; line-height: 1 } .find-pay-password-form .cd-form-group-mobile a { font-size: 12px; line-height: 1 } .find-pay-password-feedback { margin-bottom: 0 } .find-pay-password-feedback .feedback-icon i { font-size: 104px; color: #43bc60 } .find-pay-password-feedback .feedback-title { margin-bottom: 24px; font-size: 24px; color: #43bc60; letter-spacing: 0; line-height: 1 } .find-pay-password-feedback .feedback-content { font-size: 14px; color: rgba(0, 0, 0, .32); letter-spacing: 0; line-height: 1 } .find-pay-password-panel { min-height: 518px } .find-pay-password-panel__heading { position: relative; padding: 24px 12px; box-shadow: 0 0 2px 0 rgba(0, 0, 0, .01), 0 2px 2px 0 rgba(0, 0, 0, .04) } .order-detail-table > tbody > tr:nth-of-type(odd):hover { background: #f9f9f9 !important } .order-detail-table > tbody > tr:hover { background: #fff !important } .order-detail-table > tbody > tr > td { height: 40px !important; border-bottom: none !important } .my-course-item { padding: 40px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, .01), 0 4px 4px 0 rgba(0, 0, 0, .04) } @media (max-width: 480px) { .my-course-item { padding: 12px } } .my-course-item .my-course-item__link { position: relative; margin-right: 40px; float: left } @media (min-width: 768px) and (max-width: 1199px) { .my-course-item .my-course-item__link { margin-right: 12px } } @media (max-width: 767px) { .my-course-item .my-course-item__link { margin-right: 0; width: 100% } } .my-course-item .my-course-item__label { position: absolute; top: 10px; right: 10px; font-size: 12px } .my-course-item .my-course-item__picture { width: 192px } @media (max-width: 767px) { .my-course-item .my-course-item__picture { width: 100% } } .my-course-item .my-course-item__info { margin-top: 16px; float: left; width: 45% } @media (max-width: 767px) { .my-course-item .my-course-item__info { margin-top: 24px; width: 100% } } .my-course-item .my-course-item__title { font-size: 18px; line-height: 1 } .my-course-item .my-course-item__status { margin-top: 16px } .my-course-item .my-course-item__status span { font-size: 24px; line-height: 1; font-weight: 500 } .my-course-item .my-course-item__classroom { margin-top: 8px } .my-course-item .my-course-item__classroom, .my-course-item .my-course-item__progress { font-size: 12px; line-height: 1; color: rgba(0, 0, 0, .56) } .my-course-item .my-course-item__progress .cd-progress { margin-left: 16px; margin-right: 12px; display: inline-block } @media (max-width: 480px) { .my-course-item .my-course-item__progress .cd-progress { margin-left: 4px; margin-right: 4px; width: 58% } } .my-course-item .my-course-item__btn { margin-top: 34px; float: right } @media (max-width: 767px) { .my-course-item .my-course-item__btn { margin-top: 24px; width: 100% } .my-course-item .my-course-item__btn .btn { width: 100% } } .my-course-item .my-course-item__dropdown li { min-width: 200px } @media (max-width: 767px) { .my-course-item .my-course-item__dropdown.cd-dropdown-menu-right { top: auto; left: 0; bottom: 100%; margin-bottom: 4px } } .order-center-card { position: relative; background: #fafafa; border-radius: 4px; height: 108px } @media (max-width: 767px) { .order-center-card { height: auto } } .order-center-card__img { float: left; height: 100% } @media (max-width: 767px) { .order-center-card__img { height: auto; width: 100% } } .order-center-card__img img { height: 100%; width: auto; border-top-left-radius: 4px; border-bottom-left-radius: 4px } @media (max-width: 767px) { .order-center-card__img img { width: 100%; height: auto; border-bottom-left-radius: 0; border-top-right-radius: 4px } } .order-center-card__info { overflow: hidden; padding: 16px 24px } @media (max-width: 767px) { .order-center-card__info { padding: 16px } } .order-center-card__title { font-size: 16px; color: rgba(0, 0, 0, .88); margin-top: 4px; margin-bottom: 12px; line-height: 24px; font-weight: 500; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .order-center-card__price { line-height: 1; font-size: 12px; color: #ed3e3e; margin-bottom: 8px } .order-center-product-info { font-size: 12px; height: 22px; margin-bottom: 4px } .order-center-product-info__title { width: 54px; text-align: right; display: inline-block; color: rgba(0, 0, 0, .56); vertical-align: top } .order-center-product-info__content { margin-left: 4px; color: rgba(0, 0, 0, .88); max-width: 300px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } @media (max-width: 767px) { .order-center-product-info__content { max-width: 160px } } + .order-center-product-info-product-info { margin-top: 16px } .order-center-deduction { vertical-align: middle; margin-bottom: 24px; margin-top: 24px; line-height: 14px; font-size: 14px } .order-center-deduction__title { color: rgba(0, 0, 0, .88); float: left; width: 88px; font-weight: 500 } .order-center-deduction__content { color: rgba(0, 0, 0, .56); font-weight: 500; font-size: 12px } .order-center-deduction__action { float: right; font-size: 12px } .order-center-line { height: 1px; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .08) } .order-center-coupon .cd-form-group-action { padding-right: 78px } @media (max-width: 767px) { .order-center-coupon .cd-form-group-action { padding-right: 68px } } .order-center-coupon .form-control { width: 176px } @media (max-width: 767px) { .order-center-coupon .form-control { width: 108px } } .order-center-coupon .action-button { width: 70px } @media (max-width: 767px) { .order-center-coupon .action-button { width: 60px } } .order-center-coupon .popover { max-width: 300px } .order-center-coupon .popover-content { padding-top: 0; padding-bottom: 0 } .order-center-coupon__selected { font-size: 12px; padding-top: 6px; margin-bottom: 32px } .order-center-price { text-align: right; font-size: 12px; line-height: 20px; margin-top: 8px; margin-bottom: 8px } .order-center-price__title { color: rgba(0, 0, 0, .56); display: inline-block } .order-center-price__content { width: 128px; color: rgba(0, 0, 0, .88); display: inline-block } .order-center-coin-use .form-group { width: 176px; display: inline-block; margin-bottom: 24px } @media (max-width: 767px) { .order-center-coin-use .form-group { width: 49% } } .order-center-coin-use .form-group + .form-group { margin-left: 40px } @media (max-width: 767px) { .order-center-coin-use .form-group + .form-group { margin-left: 0 } } .order-center-paid-course { vertical-align: middle; margin-bottom: 24px; line-height: 54px } @media (max-width: 767px) { .order-center-paid-course { line-height: 22px } } .order-center-paid-course__img { float: left; width: 96px } @media (max-width: 767px) { .order-center-paid-course__img { margin-right: 8px } } .order-center-paid-course__title { float: left; margin-left: 16px; font-size: 12px; color: rgba(0, 0, 0, .88); width: 60% } @media (max-width: 767px) { .order-center-paid-course__title { margin-left: 0 } } .order-center-paid-course__price { float: right; font-size: 12px; color: rgba(0, 0, 0, .56) } @media (max-width: 767px) { .order-center-paid-course__price { float: left } } .order-pay-list { margin-bottom: 24px } .order-pay-type { cursor: pointer; width: 140px; height: 40px; border: 2px solid rgba(0, 0, 0, .08); position: relative; text-align: center; display: inline-block; margin-right: 16px; transition: all .3s ease } @media (max-width: 767px) { .order-pay-type { margin: 2px auto } } .order-pay-type:hover { opacity: .8 } .order-pay-type img { height: 40px; width: auto } .order-pay-type.active { border-color: #43bc60 } .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 } .es-mobile .course-dashboard-page { background-color: #fff } .es-mobile .course-dashboard-page .breadcrumb-o, .es-mobile .course-dashboard-page .es-footer, .es-mobile .course-dashboard-page .es-footer-link, .es-mobile .course-dashboard-page .progress-sm { display: none } .es-mobile .course-dashboard-page .course-detail-header .es-section { margin: 10px 0 } .es-mobile .course-dashboard-page #content-container { margin: 10px auto; min-height: auto } .es-mobile .course-dashboard-page .course-sidebar { display: none } .es-mobile .course-dashboard-page .course-operation { width: auto; float: none } .es-mobile .course-dashboard-page .course-detail-section { margin: 10px 0 } .es-mobile .course-dashboard-page .course-detail-section-responsive { position: fixed; left: 0; bottom: 0; z-index: 998; right: 0; margin: 0; padding: 8px 0 } .es-mobile .course-dashboard-page .course-detail-section-responsive .es-share.top.learn-es-share .dropdown-menu { left: 0; margin-left: 0 } .es-mobile .course-dashboard-page .course-detail-section-responsive .es-share.top.learn-es-share .dropdown-menu:after { left: 25px } .es-mobile .course-dashboard-page .buy-btn-group { position: fixed; right: 15px; bottom: 7px; z-index: 998 } .es-mobile .course-dashboard-page .buy-btn-group .btn-lg { padding: 8px 10px } .es-mobile .course-dashboard-page .course-progress { margin-bottom: 10px } .es-mobile .es-piece .piece-header, .es-mobile .next-class { display: none } .es-mobile .es-mobile-nav li { width: 33.33%; text-align: center } .es-mobile .es-mobile-nav li a { font-weight: 400 } .es-mobile .es-mobile-nav li.active { border-bottom: 1px solid #43bc60 } .es-mobile .es-mobile-nav li.active a { color: #43bc60 } .es-mobile .es-mobile-nav li.active.navs { width: auto; border: none } .es-mobile .es-mobile-nav li.active.navs a { color: #313131 } .es-mobile .modal { z-index: 9999 } .es-mobile .notify-content { z-index: 10001 } .es-mobile body.course-dashboard-page.has-app .es-wrap, .es-mobile body.course-list-page.has-app .es-wrap, .es-mobile body.homepage.has-app .es-wrap, .es-mobile body.login.has-app .es-wrap, .es-mobile body.my-course.has-app .es-wrap, .es-mobile body.open-course-list.has-app .es-wrap, .es-mobile body.register.has-app .es-wrap { padding-top: 110px } .es-mobile body.course-dashboard-page .es-wrap, .es-mobile body.course-list-page .es-wrap, .es-mobile body.homepage .es-wrap, .es-mobile body.login .es-wrap, .es-mobile body.my-course .es-wrap, .es-mobile body.open-course-list .es-wrap, .es-mobile body.register .es-wrap { padding-top: 60px; padding-bottom: 50px } .es-mobile body.course-dashboard-page .es-header, .es-mobile body.course-list-page .es-header, .es-mobile body.homepage .es-header, .es-mobile body.login .es-header, .es-mobile body.my-course .es-header, .es-mobile body.open-course-list .es-header, .es-mobile body.register .es-header { position: fixed; top: 0; left: 0; right: 0 } .es-mobile body.course-dashboard-page .es-header .navbar-mobile, .es-mobile body.course-list-page .es-header .navbar-mobile, .es-mobile body.homepage .es-header .navbar-mobile, .es-mobile body.login .es-header .navbar-mobile, .es-mobile body.my-course .es-header .navbar-mobile, .es-mobile body.open-course-list .es-header .navbar-mobile, .es-mobile body.register .es-header .navbar-mobile { display: none !important } .es-mobile body.course-dashboard-page .es-header .M_header-back, .es-mobile body.course-dashboard-page .footer-tool-bar, .es-mobile body.course-list-page .es-header .M_header-back, .es-mobile body.course-list-page .footer-tool-bar, .es-mobile body.homepage .es-header .M_header-back, .es-mobile body.homepage .footer-tool-bar, .es-mobile body.login .es-header .M_header-back, .es-mobile body.login .footer-tool-bar, .es-mobile body.my-course .es-header .M_header-back, .es-mobile body.my-course .footer-tool-bar, .es-mobile body.open-course-list .es-header .M_header-back, .es-mobile body.open-course-list .footer-tool-bar, .es-mobile body.register .es-header .M_header-back, .es-mobile body.register .footer-tool-bar { display: block } .es-mobile body.course-dashboard-page .course-list-section .course-filter, .es-mobile body.course-dashboard-page .dynamic-section, .es-mobile body.course-dashboard-page .es-footer, .es-mobile body.course-dashboard-page .es-footer-link, .es-mobile body.course-dashboard-page .es-friend-link, .es-mobile body.course-list-page .course-list-section .course-filter, .es-mobile body.course-list-page .dynamic-section, .es-mobile body.course-list-page .es-footer, .es-mobile body.course-list-page .es-footer-link, .es-mobile body.course-list-page .es-friend-link, .es-mobile body.homepage .course-list-section .course-filter, .es-mobile body.homepage .dynamic-section, .es-mobile body.homepage .es-footer, .es-mobile body.homepage .es-footer-link, .es-mobile body.homepage .es-friend-link, .es-mobile body.login .course-list-section .course-filter, .es-mobile body.login .dynamic-section, .es-mobile body.login .es-footer, .es-mobile body.login .es-footer-link, .es-mobile body.login .es-friend-link, .es-mobile body.my-course .course-list-section .course-filter, .es-mobile body.my-course .dynamic-section, .es-mobile body.my-course .es-footer, .es-mobile body.my-course .es-footer-link, .es-mobile body.my-course .es-friend-link, .es-mobile body.open-course-list .course-list-section .course-filter, .es-mobile body.open-course-list .dynamic-section, .es-mobile body.open-course-list .es-footer, .es-mobile body.open-course-list .es-footer-link, .es-mobile body.open-course-list .es-friend-link, .es-mobile body.register .course-list-section .course-filter, .es-mobile body.register .dynamic-section, .es-mobile body.register .es-footer, .es-mobile body.register .es-footer-link, .es-mobile body.register .es-friend-link { display: none } .es-mobile body.course-list-page { background-color: #fff } .es-mobile body.course-list-page .es-banner { display: none } .es-mobile body.course-list-page #content-container { margin-top: 0; margin-bottom: 0 } .es-mobile body.course-list-page #content-container .es-filter, .es-mobile body.course-list-page #content-container .tabs-wrapper { display: none } .es-mobile body.course-list-page #content-container .panel.panel-default { border: none; margin-top: -15px; margin-bottom: -15px } .es-mobile body.my-course { background-color: #fff } .es-mobile body.my-course #content-container { margin-top: 0; margin-bottom: 0 } .es-mobile body.my-course #content-container .my-layout, .es-mobile body.open-course-list .es-banner { display: none } .es-mobile body.open-course-list #content-container { margin-top: 0; margin-bottom: 0 } .es-mobile body.homepage .M_header-back { display: none !important } .es-mobile body.homepage .app-download { display: block } .es-mobile .navbar-user .user-avatar-li ul li, .es-mobile body.course-dashboard-page .es-footer-mobile, .es-mobile body.homepage .class-section, .es-mobile body.homepage .feature-banner, .es-mobile body.homepage .recommend-teacher { display: none } .es-mobile .navbar-user .user-avatar-li ul li.mobile-switch, .es-mobile .navbar-user .user-avatar-li ul li.user-nav-li-login, .es-mobile .navbar-user .user-avatar-li ul li.user-nav-li-logout, .es-mobile .navbar-user .user-avatar-li ul li.user-nav-li-my, .es-mobile .navbar-user .user-avatar-li ul li.user-nav-li-register { display: block } .M_header-back { display: none; position: absolute; height: 100%; width: 40px; text-align: center; left: 0; top: 0 } .M_header-back a { color: #fff } .M_header-back a i { font-size: 30px; line-height: 60px } .footer-tool-bar { display: none; position: fixed; border-top: 1px solid #ececec; height: 50px; padding-top: 8px; width: 100%; bottom: 0; background-color: #f5f5f5; overflow: hidden; z-index: 10 } .footer-tool-bar > div { display: inline-block; width: 33.33333333%; float: left; text-align: center; font-size: 10px; line-height: 1 } .footer-tool-bar > div a { color: #919191 } .footer-tool-bar > div i { font-size: 24px } .footer-tool-bar > div.active a { color: #43bc60 } .footer-tool-bar > div.active a .es-icon-home1:before { content: "\E6D1" } .footer-tool-bar > div.active a .es-icon-newshot:before { content: "\E7C4" } .footer-tool-bar > div.active a .es-icon-write:before { content: "\E760" } .app-download { display: none; position: fixed; top: 60px; width: 100%; height: 50px; background: #fafafa; z-index: 10 } .app-download i { position: absolute; top: 0; line-height: 50px; left: 7px; font-size: 26px; color: #d9d9d9; z-index: 2 } .app-download .slogan { position: absolute; top: 0; background-size: 36px 36px; background-position: 38px 7px; padding-left: 83px; padding-top: 8px; height: 50px } .app-download .slogan .main-slogan { line-height: 1; margin-bottom: 6px; color: #313131 } .app-download .slogan .sub-slogan { font-size: 10px; color: #919191 } .app-download .app-download-button { position: absolute; top: 0; right: 0; bottom: 0; line-height: 50px; width: 116px; background-color: #43bc60; color: #fff; text-align: center } .mobile-search { padding: 15px 10px; position: relative } .mobile-search .form-group { margin-bottom: 0 } .mobile-search .search-input { height: 40px; background-color: #f5f5f5; font-size: 12px; color: #c1c1c1; box-shadow: none; outline: none; -webkit-appearance: none } .mobile-search button { position: absolute; display: inline-block; top: 14px; right: 10px; line-height: 1; padding: 0 10px; border-radius: 0; border-left: 1px solid #c1c1c1; font-size: 18px; margin-top: 10px; color: #919191; background-color: transparent } .text-line h5 { position: relative; font-size: 32px; font-family: HeiTiJian; z-index: 1; color: #313131; border-bottom: 1px dashed #d2d2d2; padding-bottom: 12px; width: 62%; margin: 0 auto 10px; background-position: center; -webkit-background-size: 100% auto; background-size: 100% auto; } .section-more-btn .btn-default { color: #fff; background-color: #7f2d8f; border-color: #dcdcdc; } .es-footer-link { background: #000 url(../images/bottom_pic.png) no-repeat center; } .dropdown-menu > li:nth-child(5) { display: none; /*隐藏前台账户中心*/ } .cd-sidebar .cd-sidebar__list li:nth-child(1), .cd-sidebar .cd-sidebar__list li:nth-child(2), .cd-sidebar .cd-sidebar__list li:nth-child(3) { display: none; /*隐藏前台个人设置账户中心订单及优惠券*/ } .sidenav .list-group .js-sidenav-course-menu .list-group-item:nth-child(4) { display: none; /*隐藏综合课程后台管理-营销设置*/ } .sidenav .list-group .js-sidenav-course-menu .list-group-item:nth-last-child(1) { display: none; /*隐藏综合课程管理-订单查询*/ } .course-price { display: none; } /*公开课推荐设置添加课程*/ .course-info .metas.clearfix .course-price-widget .price { display: none; } .class-course-list .course-item .media .price { /*班级课程列表隐藏价格*/ display: none; } .course-detail-section .course-detail-bottom .course-detail-info .course-detail-title { /*学员登录时课程首页价格显示*/ width: 80px; display: none; } #course-buy-form .form-group:nth-child(3) { display: none; } .es-open-course-list .course-item .metas { padding: 22px 15px 0 0; } row { float: left; width: 100%; } .course-list .text-line { padding: 20px 0; } .course-list .text-line span { font-size: 20px; } section[data-id] { background-color: white; } section[data-id]:nth-child(2n) { background-color: #f5f8fa; } .row-centered { text-align: center; } .col-centered { display: inline-block; float: none; text-align: left; margin-right: -4px; } .ref-btns{ position: absolute; display: flex; width: 60px; height: auto; justify-content: center; align-items: center; right: 20px; top: 0px; flex-direction: column; /*background: white;*/ border-radius: 5px; /*box-shadow: 0 0 3px 4px white;*/ text-align: center; margin: 5px 0 0; z-index: 10; cursor: pointer; transition: all .1s; } .ref-btns:hover{ margin: 0 0 5px; } .ref-teach{ right: 85px; } .ref-help{ position: fixed; top: auto; bottom: 20px; } .ref-btns img{ width: 60px; height: 60px; box-sizing: border-box; } .ref-btns .ref-txt{ width: 100%; font-size: 11px; } .btn-selector{ position: absolute; left: 10%; bottom: 85%; width: 20%; min-width: 200px; height: 5%; min-height: 40px; display: flex; justify-content: center; align-items: center; } .btn-selector div{ display: flex; height: 100%; width: 50%; justify-content: center; align-items: center; border-top: 2px solid #909e83; cursor: pointer; font-size: 14px; background-color: #e7e7e7; } .btn-selector div:hover{ background-color: #f0f0f0; } .btn-selector div[data-sel="1"]{ background-color: white; border-top: 2px solid #77be39; } .btn-download{ position: absolute; display: flex; bottom: 86%; right: 12%; width: auto; height: auto; padding: 2px 10px; background-color: white; border-radius: 5px; box-shadow: 0 0 2px #888; justify-content: center; align-items: center; cursor: pointer; } .btn-download:hover{ background-color: #f0f0f0; } section.course-list-section iframe{ position: absolute; left: 10%; top:15%; width: 80%!important; height: 75%!important; border:none; outline: none; }