440 lines
25 KiB
CSS
440 lines
25 KiB
CSS
@charset "utf-8";
|
||
body{font-size:14px; line-height:2.0;}
|
||
html{height:100%;}
|
||
.newContainer{ min-height:100%; height: auto !important; height: 100%; /*IE6不识别min-height*/position: relative;}
|
||
.newMain{ margin: 0 auto; padding-bottom: 155px; }
|
||
.newFooter{ position: absolute; bottom: 0; width: 100%; height: 155px;background: #323232; clear:both; min-width: 1200px}
|
||
.newHeader{background: #303133;width:100%; height: 50px; min-width: 1200px}
|
||
/* 重置样式 */
|
||
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,span{ margin:0; padding:0;}
|
||
body,table,input,textarea,select,button { font-family: "微软雅黑","宋体"; font-size:14px;line-height:1.9; background:#f5f5f5;; color:#333;}
|
||
div,img,tr,td,table{ border:0;}
|
||
table,tr,td{border:0;}
|
||
ol,ul,li{ list-style-type:none}
|
||
a:link,a:visited{text-decoration:none;color:#898989; }
|
||
a:hover {color:#29bd8b;}
|
||
input,textarea,select{ background: #fff; border:1px solid #eee; color:#666;}
|
||
textarea{resize: none;}
|
||
/*侧滚动条*/
|
||
::-webkit-scrollbar { width:10px; height:10px; background-color: #F5F5F5; }
|
||
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; }
|
||
::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #ccc; }
|
||
/*万能清除浮动*/
|
||
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
|
||
.clearfix{clear:both;zoom:1}
|
||
.cl{ clear: both; overflow: hidden;}
|
||
/*通用浮动*/
|
||
.fl{ float: left;}
|
||
.fr{ float: right;}
|
||
/*pre标签换行*/
|
||
.break-word{word-break: break-all;word-wrap: break-word;}
|
||
.break-word-firefox{white-space: pre-wrap !important;word-break: break-all;}
|
||
/*超过隐藏*/
|
||
.task-hide{overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
|
||
.task-hide2{overflow:-moz-hidden-unscrollable; white-space: nowrap; text-overflow:ellipsis;}
|
||
.hide{overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
|
||
.hide-text {overflow:hidden; white-space:nowrap;}
|
||
/*隐藏*/
|
||
.none{display: none}
|
||
/*通用文字功能样式*/
|
||
.font-bd{ font-weight: bold;}
|
||
.color-red{ color:#d2322d!important;}
|
||
.u-color-light-red{color: #FF6666}
|
||
.color-black{color:#333!important;}
|
||
.color-green{color:#51a74f!important;}
|
||
.color-light-green{color:#29bd8b!important;}
|
||
.color-blue{color:#3498db!important;}
|
||
.color-orange{color:#ee4a1f!important;}
|
||
.color-orange02{color:#f79f88!important;}
|
||
.color-orange03{color:#ff7500!important;}
|
||
.color-orange04{color: #ee4a20!important;}/*温馨提示公用颜色*/
|
||
.color-orange05{color: #FF9e6a!important;}
|
||
a.color-orange05:hover,i.color-orange05:hover{color:#ff7500!important;}
|
||
.color-yellow{color:#f0ad4e!important;}
|
||
.color-yellow2{color:#ff9933!important;}
|
||
|
||
.color-light-grey{color:#afafaf!important;}
|
||
.color-grey{color:#888!important;}
|
||
a.color-grey:hover{color: #FF7500!important;}/*a标签，移入变橙色*/
|
||
.color-dark-grey{color:#666!important;}
|
||
.color-grey3{color:#333!important;}
|
||
.u-color-light-grey{color: #CCCCCC}
|
||
.color-light-grey-C{color: #CCCCCC}
|
||
.color-light-grey-E{color: #EEEEEE}
|
||
.color-grey-bf{color:#bfbfbf!important;}
|
||
|
||
.-text-danger{ color:#FF6545 }
|
||
.color_white{ color:#fff!important;}
|
||
.color_Purple_grey{color: #8291a3!important;}/*TPI评论里右侧点赞的icon颜色*/
|
||
.color-grey-c{color: #cccccc!important;}
|
||
a.link-color-grey{color:#888!important;}
|
||
a:hover.link-color-grey{color:#29bd8b!important;}
|
||
a.link-color-green{color:#29bd8b!important;}
|
||
a.link-color-blue{color:#6a8abe!important;}
|
||
a.link-color-grey02{color:#888!important;}
|
||
a:hover.link-color-grey02{ color:red!important;}
|
||
a.link-color-grey03{color:#888!important;}
|
||
a:hover.link-color-grey03{color:#3498db!important;}
|
||
.edu-color-grey{ color:#666;}
|
||
.edu-color-grey:hover{color:#5faee3;}
|
||
/*通用文字大小样式*/
|
||
.font-12{ font-size: 12px!important;}
|
||
.font-14{ font-size: 14px!important;}
|
||
.font-16{ font-size: 16px!important;}
|
||
.font-18{ font-size: 18px!important;}
|
||
.font-20{ font-size: 20px!important;}
|
||
.font-24{ font-size: 24px!important;}
|
||
.font-28{ font-size: 28px!important;}
|
||
.font-30{ font-size: 30px!important;}
|
||
/*通用内外边距*/
|
||
.mt-10{ margin-top:-10px;}.mt3{ margin-top:3px;}.mt5{ margin-top:5px;}.mt6{ margin-top:6px;}.mt7{ margin-top:7px;}.mt8{ margin-top:8px;}.mt10{ margin-top:10px;}.mt12{ margin-top:12px;}.mt15{ margin-top:15px;}.mt20{ margin-top:20px;}.mt25{ margin-top:25px;}.mt30{ margin-top:30px;}.mt50{ margin-top:50px;}
|
||
.mb5{ margin-bottom: 5px;}.mb10{ margin-bottom: 10px;}.mb15{ margin-bottom: 15px;}.mb20{ margin-bottom: 20px;}.mb25{ margin-bottom: 25px;}.mb30{ margin-bottom: 30px;}.mb50{ margin-bottom: 50px;}
|
||
.ml-3{ margin-left: -3px;}.ml5{ margin-left: 5px;}.ml6{ margin-left: 6px;}.ml10{ margin-left: 10px;}.ml15{ margin-left: 15px;}.ml20{ margin-left: 20px;}.ml25{ margin-left: 25px;}.ml30{ margin-left: 30px;}.ml33{ margin-left: 33px;}.ml35{ margin-left:35px;}.ml40{margin-left:40px;}.ml42{margin-left:42px;}.ml50{ margin-left: 50px;}.ml75{ margin-left: 75px;}.ml95{ margin-left: 95px;}.ml115{margin-left: 115px}.ml230{ margin-left: 230px;}
|
||
.mr3{margin-right: 3px}.mr5{ margin-right: 5px;}.mr10{ margin-right: 10px;}.mr15{ margin-right: 15px;}.mr18{ margin-right: 18px;}.mr20{ margin-right: 20px;}.mr25{ margin-right: 25px;}.mr30{ margin-right:30px;}.mr40{margin-right:40px;}.mr50{ margin-right: 50px;}.mr60{ margin-right:60px;}
|
||
.pt5{ padding-top:5px;}.pt10{ padding-top:10px;}.pt15{ padding-top:15px;}.pt20{ padding-top:20px;}
|
||
.pb5{ padding-bottom:5px;}.pb10{ padding-bottom:10px;}.pb15{ padding-bottom:15px;}.pb20{ padding-bottom:20px;}
|
||
.pl5{ padding-left:5px;}.pl8{ padding-left:8px;}.pl10{ padding-left:10px;}.pl15{ padding-left:15px;}.pl20{ padding-left:20px;}
|
||
.pr5{ padding-right:5px;}.pr10{ padding-right:10px;}.pr15{ padding-right:15px;}.pr20{ padding-right:20px!important;}
|
||
.padding15{ padding:15px;}
|
||
.h24{ height: 24px;}
|
||
|
||
|
||
/*块*/
|
||
.col-width{ background: #fff; border:1px solid #e8e8e8;}
|
||
.col-width-10{ max-width: 100%; background: #fff; border:1px solid #e8e8e8;}
|
||
.col-width-9{ max-width: 90%; background: #fff; border:1px solid #e8e8e8;}
|
||
.col-width-8{ max-width: 80%; background: #fff; border:1px solid #e8e8e8;}
|
||
.col-width-7{ max-width: 70%; background: #fff; border:1px solid #e8e8e8;}
|
||
.col-width-6{ max-width: 60%; background: #fff; border:1px solid #e8e8e8;}
|
||
.col-width-5{ max-width: 50%; background: #fff; border:1px solid #e8e8e8;}
|
||
.col-width-4{ max-width: 40%; background: #fff; border:1px solid #e8e8e8;}
|
||
.col-width-3{ width: 500px; background: #fff; border:1px solid #e8e8e8;
|
||
position:absolute;left:-510px;top:0;}
|
||
.col-width-2{ max-width: 20%; background: #fff; border:1px solid #e8e8e8;}
|
||
.col-width-1{ max-width: 10%; background: #fff; border:1px solid #e8e8e8;}
|
||
/*按钮*/
|
||
a.task-btn{cursor: pointer;display: inline-block;font-weight: bold;border: none;padding: 0 12px;color: #666;background: #e1e1e1;letter-spacing: 1px;text-align: center;font-size: 14px;height: 30px;line-height: 30px;border-radius: 3px; }
|
||
a:hover.task-btn {background: #c3c3c3; color: #666;}
|
||
a.task-btn-green{background: #29bd8b; color: #fff!important;}
|
||
a:hover.task-btn-green{background: #19b17e;}
|
||
a.task-btn-orange{ background:#fc8675; color:#fff !important;}
|
||
a:hover.task-btn-orange{ background:#fc8675;}
|
||
a.task-btn-blue{background: #3498db; color:#fff!important;}
|
||
a:hover.task-btn-blue{background: #5faee3;color:#fff;}
|
||
a.task-btn-grey{background-color: #d4d6d8; color: #4d555d!important;}
|
||
a:hover.task-btn-grey{background-color: #d4d6d8; color: #4d555d;}
|
||
a.task-btn-grey-white{background-color: #c2c4c6; color: #fff;}
|
||
a:hover.task-btn-grey-white{background-color: #a9abad;}
|
||
a.new-btn{display: inline-block;border:none; padding:0 10px;color: #666;background: #e1e1e1; text-align:center;font-size: 12px; height: 30px;border-radius: 3px; line-height: 30px;}
|
||
a.new-btn:hover{background: #c3c3c3; color: #333;}
|
||
a.new-btn-green{background: #29bd8b; color: #fff;}
|
||
a.new-btn-green:hover{background:#19b17e; }
|
||
a.new-btn-blue{background: #6a8abe; color: #fff!important;}
|
||
a.new-btn-blue:hover{background:#5f7cab; }
|
||
a.new-bigbtn{display: inline-block;border:none; padding:2px 30px;color: #666;background: #e1e1e1; text-align:center;font-size: 14px; height: 30px;line-height: 30px; border-radius: 3px;}
|
||
a:hover.new-bigbtn{background: #c3c3c3; color: #333;}
|
||
a.new-bigbtn-green{background: #3b94d6; color: #fff;}
|
||
a.new-bigbtn-green:hover{background: #2384cd; color: #fff;}
|
||
a.task-btn-ver{ height:45px; line-height: 45px; background: #6a8abe; color: #fff !important; border-radius:5px; font-size:12px; padding:0 10px;}
|
||
a.task-btn-ver-line{height:43px; line-height: 43px; border-radius:5px; font-size:12px; padding:0 10px; border:1px solid #ccc;}
|
||
a:hover.task-btn-ver-line{ border:1px solid #29bd8b;}
|
||
a:hover.task-btn-ver{background:#5f7cab;}
|
||
.new_login_submit_disable{ width:265px; height:40px; line-height: 40px; background:#ccc; color:#fff; font-size:14px; border-radius:5px; border:none; text-align:center; cursor:pointer; vertical-align: middle;}
|
||
.new_login_submit,a.new_login_submit{ display: block; text-decoration: none !important; width:100%; height:45px; line-height: 45px; background:#29bd8b; color:#fff !important; font-size:14px; border-radius:5px; border:none; text-align:center; cursor:pointer; vertical-align: middle;}
|
||
.new_login_submit a{ color:#fff !important; text-decoration: none;}
|
||
.new_login_submit:hover{background: #19b17e;}
|
||
a.task-btn-email{display: inline-block;font-weight: bold;border: none; width:185px;color: #666;background: #e1e1e1;letter-spacing: 1px;text-align: center;font-size: 14px;height: 40px;line-height: 40px;border-radius: 3px;}
|
||
a:hover.task-btn-email {background: #c3c3c3; color: #666;}
|
||
/*07-11 新添加的公用样式 cs*/
|
||
a.course-btn{cursor: pointer;font-weight: bold;border-radius: 4px;display: inline-block;width: auto;padding: 0px 12px;background-color: #FFFFFF;color: #44bfa3;letter-spacing: 1px;height: 30px;line-height: 30px;}
|
||
.bc-grey{background-color: #CCCCCC!important;}
|
||
.bc-white{background-color: #ffffff!important;}
|
||
a.course-bth-blue{cursor: pointer;background-color:#199ed8 ;color: #ffffff !important;display: inline-block;font-weight: bold;border: none;padding: 0 12px;letter-spacing: 1px;text-align: center;font-size: 14px;height: 30px;line-height: 30px;border-radius: 3px;}
|
||
|
||
/*提示条*/
|
||
.alert{ padding:10px;border: 1px solid transparent; text-align: center;}
|
||
.alert-blue{ background-color: #d9edf7;border-color: #bce8f1; color: #3a87ad;}
|
||
.alert-orange{ background-color: #fff9e9;border-color: #f6d0b1; color:#ee4a20;}
|
||
.alert-green{ background-color: #dff0d8;border-color: #d6e9c6; color:#3c763d;}
|
||
.task-close{padding: 0;cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; font-size: 21px; font-weight: bold;line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.3;}
|
||
.taskclose:hover{opacity: 0.5;}
|
||
.alert-red{ background-color: #f2dede;border-color: #eed3d7; color: #d14f4d; text-align: left!important;}
|
||
/*tag*/
|
||
.task-tag{ padding:0 10px; text-align: center; display:inline-block; height:30px; line-height: 30px;}
|
||
.tag-blue{ background-color: #d9edf7; color: #3a87ad;}
|
||
.tag-grey{ background-color: #f3f5f7; color: #4d555d;}
|
||
.tag-border-grey{ background-color: #fff;border-color: #e2e2e2; color: #888;}
|
||
.cir-orange{background: #ff6530;color: #fff; border-radius: 15px; padding: 0 5px; display: inline-block; font-size: 12px; height: 16px;line-height: 16px; }
|
||
.cir-red{background: red;color: #fff; border-radius: 15px; padding: 0 5px; display: inline-block; font-size: 12px; height: 16px;line-height: 16px; }
|
||
.red-cir-btn{ background:#e74c3c; padding:1px 5px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#fff; font-weight:normal;font-size:12px;}
|
||
/****************************/
|
||
/* 页面结构*/
|
||
.task-pm-content{ width: 1000px; margin: 0 auto; }
|
||
.task-pm-box{ width: 100%; background: #fff; border: 1px solid #e8e8e8;}
|
||
.task-paner-con{ padding:15px; color:#666; line-height:2.0;}
|
||
.task-text-center{ text-align: center;}
|
||
.flow_hidden{ width:300px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
|
||
/*pre标签换行*/
|
||
.break_word{word-break: break-all;word-wrap: break-word;}
|
||
.break_word_firefox{white-space: pre-wrap !important;word-break: break-all;}
|
||
.pr {position:relative;}
|
||
.df {display:flex;}
|
||
.w100{width: 100px;}
|
||
.w150{width: 150px;}
|
||
.w200{width: 200px;}
|
||
.w850{width: 850px;}
|
||
.with10{ width: 10%;}.with15{ width: 15%;}
|
||
.with20{ width: 20%;}.with25{ width: 25%;}
|
||
.with30{ width: 30%;}.with35{ width: 35%;}
|
||
.with40{ width: 40%;}.with45{ width: 45%;}
|
||
.with50{ width: 50%;}.with55{ width: 55%;}
|
||
.with60{ width: 60%;}.with65{ width: 65%;}
|
||
.with70{ width: 70%;}.with75{ width: 75%;}
|
||
.with80{ width: 80%;}.with85{ width: 85%;}
|
||
.with87{ width: 87%;}.with90{ width: 90%;}
|
||
.with75{ width: 75%;}.with100{ width: 100%;}
|
||
.edu-bg{ background:#fff!important;}
|
||
.disabled-bg{ background:#eee !important;}
|
||
.disabled-grey-bg{ background: #a4a4a4 !important;}
|
||
/* 课程共用 后期再添加至公共样式 bylinda*/
|
||
a:link,a:visited{text-decoration:none;color:#666; }
|
||
a:hover {color:#5faee3;}
|
||
a:hover.fa{color:#5faee3;}
|
||
a.link-name-dark{ color:#666; max-width:140px; display: block; }
|
||
a:hover.link-name-dark{ color:#5faee3;}
|
||
/* 超过宽度省略 */
|
||
.edu-name-dark{ max-width:100px; display: block; }
|
||
.edu-info-dark{ max-width:345px; display: block; }
|
||
.edu-max-h200{ height:200px; overflow: auto;}
|
||
.edu-position{ position: relative;}
|
||
.edu-h200-auto{ max-height:200px; overflow:auto;}
|
||
.edu-h300-auto{ max-height:300px; overflow:auto;}
|
||
.edu-h350-auto{ max-height:350px; overflow:auto;}
|
||
.edu-txt-w240{ width:240px; display: block;}
|
||
.edu-txt-w280{ width:280px; display: block;}
|
||
.edu-txt-w320{ width:320px; display: block;}
|
||
.edu-txt-w200{ width:200px; display: block;}
|
||
a.edu-txt-w140,.edu-txt-w140{ width:141px; display: inline-block;}
|
||
a.edu-txt-w100,.edu-txt-w100{ width:100px; display: inline-block;}
|
||
.edu-txt-w50{ width:50px;}
|
||
.edu-w245{ width: 245px; }
|
||
/* 筛选按钮 */
|
||
.edu-btn-search{ position: absolute; top:0; right:15px;}
|
||
.edu-bg-light-blue{ background:#f7f9fd; padding:5px;}
|
||
.edu-con-top{ padding:10px 0; background:#fff; border-bottom:1px solid #eee;font-size:16px; }
|
||
.edu-con-top h2{ font-size:16px;}
|
||
.edu-form-label{display: inline-block; width:60px;text-align: right; line-height: 40px; font-weight: normal;}
|
||
.edu-form-border{ border:1px solid #ddd;}
|
||
.edu-form-notice-border{ border:1px solid #f27d61 !important;}
|
||
.edu-form-noborder,input.edu-form-noborder{ border:none; outline:none;}
|
||
a.edu-btn{display: inline-block;border:none; padding:0 12px;color: #666!important;border:1px solid #ccc; text-align:center;font-size: 14px; height: 29px;line-height: 29px; border-radius:3px; font-weight: bold;letter-spacing:1px;}
|
||
a:hover.edu-btn{ border:1px solid #5faee3; color: #5faee3!important;}
|
||
.edu-cir-grey{ display: inline-block; padding:0px 5px; color:#666; background:#eaeaea; text-align: center; border-radius:15px; font-size:12px; line-height:20px!important;}
|
||
|
||
/*a.edu-filter-cir-grey{display: inline-block; padding:0px 15px; color:#666; border:1px solid #ddd; text-align: center; border-radius:3px; font-size:12px; height:25px; line-height:25px;}
|
||
a:hover.edu-filter-cir-grey,a.edu-filter-cir-grey.active{ border:1px solid #3498db; color:#3498db; }*/
|
||
|
||
.edu-filter-btn{display: inline-block; padding:0px 10px; color:#666; background:#eee; text-align: center; border-radius:3px; font-size:12px; height:25px; line-height:25px;}
|
||
.edu-filter-btn-blue{background:#ebf6fe; color:#3498db;}
|
||
.edu-filter-btn-orange{background:#ffeee8; color:#ff5055;}
|
||
.edu-filter-btn-red{background:#fee4e5; color:#d72e36;}
|
||
.edu-filter-btn-green{background:#e4f3ec; color:#6fbb9d;}
|
||
.edu-filter-btn-yellow{background:#fdefde; color:#ef9324;}
|
||
.edu-filter-btn-danger{background:#d72e36; color:#fff;}
|
||
.edu-filter-btn-late{background: rgba(186, 205, 215, 0.35); color: #3fbcff;}
|
||
.edu-filter-btn-no-late{background: rgba(186, 205, 215, 0.35); color: #8c8c8c;}
|
||
.eud-pointer{ cursor:pointer;}
|
||
.edu-bg-grey{ background:#f6f6f6; width:90%; min-width:700px; color:#666;}
|
||
/* table-1底部边框 */
|
||
.edu-pop-table{ width: 100%; border:1px solid #eee; border-bottom:none; background:#fff; color:#888;}
|
||
.edu-pop-table tr{ height:40px; }
|
||
.edu-pop-table tr.edu-bg-grey{ background:#f5f5f5;}
|
||
.edu-txt-center{ text-align: center;}
|
||
.edu-pop-table tr th{ color:#333;border-bottom:1px solid #eee; }
|
||
.edu-pop-table tr td{border-bottom:1px solid #eee;}
|
||
.edu-pop-table.table-line tr td,.edu-pop-table.table-line tr th{ border-right:1px solid #eee;}
|
||
.edu-pop-table.table-line tr td:last-child,.edu-pop-table.table-line tr th:last-child{border-right:none;}
|
||
/* table-2全边框 */
|
||
.edu-pop-table-all{ width: 100%; border:1px solid #eee; background:#fff; color:#888;border-collapse: collapse}
|
||
.edu-pop-table-all tr{ height:30px; }
|
||
.edu-pop-table-all tr.edu-bg-grey{ background:#f5f5f5;}
|
||
.edu-pop-table-all tr th{ color:#333;border:1px solid #eee; }
|
||
.edu-pop-table-all tr td{border:1px solid #eee;padding: 5px}
|
||
|
||
|
||
.edu-line{ border-bottom:1px solid #eee;}
|
||
table.table-th-grey th{ background:#f5f5f5;}
|
||
table.table-pa5 th,table.table-pa5 td{ padding:0 5px;}
|
||
.panel-comment_item .orig_cont-red{ border:solid 2px #cc0000; border-radius:10px; padding:4px;color:#999;margin-top:-1px; }
|
||
/***** loading ******/
|
||
/***** Ajax indicator ******/
|
||
#ajax-indicator {
|
||
position: absolute; /* fixed not supported by IE*/
|
||
background-color:#eee;
|
||
border: 1px solid #bbb;
|
||
top:35%;
|
||
left:40%;
|
||
width:20%;
|
||
/*height:5%;*/
|
||
font-weight:bold;
|
||
text-align:center;
|
||
padding:0.6em;
|
||
z-index:100;
|
||
opacity: 0.5;
|
||
}
|
||
|
||
html>body #ajax-indicator { position: fixed; }
|
||
|
||
#ajax-indicator span{
|
||
color:#fff;
|
||
color: #333333;
|
||
background-position: 0% 40%;
|
||
background-repeat: no-repeat;
|
||
background-image: url(/images/loading.gif);
|
||
padding-left: 26px;
|
||
vertical-align: bottom;
|
||
z-index:999;
|
||
}
|
||
|
||
|
||
|
||
.edu-bg{ background:#fff;}
|
||
/*---------tab切换-----*/
|
||
.task-tab{width:10%;height:42px;line-height:42px;text-align:center;color:#666;
|
||
position:relative;cursor:pointer;}
|
||
.task-tab.sheet{border-bottom:3px solid #5faee3;color:#5faee3;}
|
||
.task-tab.bold{border-bottom:3px solid #5faee3;font-weight:bold;}
|
||
.task-tab i{position:absolute;bottom:-9px;left:45%;color:#5faee3 !important;}
|
||
|
||
.undis {display: none}
|
||
.edu-change .panel-form-label{ line-height:1.9;}
|
||
|
||
.title_type { line-height: 40px;height: 40px;border-bottom: 1px solid #eee;color: #666;padding-left: 15px; }
|
||
.teacher_banner {border-bottom: 1px solid #eee}
|
||
.zbg { background: url("/images/edu_user/richEditer.png") -195px -2px no-repeat; height: 18px; cursor: pointer}
|
||
.zbg_latex { background: url("/images/edu_user/richEditer.png") -315px -3px no-repeat;height: 18px;cursor: pointer;}
|
||
.latex{position:relative;top: 4px;}
|
||
|
||
.white_bg {background: #fff}
|
||
.user_tab_type {background: #FF6610}
|
||
|
||
/*首页----------筛选切换（有数字）*/
|
||
.user_course_filtrate{width: auto;text-align: center;line-height: 26px;}
|
||
.user_filtrate_span1_bg{color: #FF7500}
|
||
.user_filtrate_span2{width: auto;padding: 0px 6px;border-radius: 8px;background: #ccc;font-size: 12px;display: block;line-height: 15px;float: right;color: #FFFFFF; margin-top: 6px;}
|
||
.user_filtrate_span2_bg{background: #FF7500!important;}
|
||
.user_course_filtrate:hover .user_filtrate_span1{color: #FF7500!important;}
|
||
.user_course_filtrate:hover .user_filtrate_span2{background: #FF7500!important;}
|
||
/*课堂----------筛选切换（没有数字，默认白色背景）*/
|
||
.course_filtrate{width: auto;padding:0px 10px;text-align: center;background: #fff;border-radius: 10px;margin-right: 20px;line-height: 26px;}
|
||
.course_filtrate:hover{background: #FF7500; color: #ffffff; }
|
||
.course_filtrate_bg{background: #FF7500; color: #ffffff!important;}
|
||
/*我的课堂----------筛选切换（没有数字，默认灰色背景）*/
|
||
.edu-filter-cir-grey{color: #666;width: auto;padding:0px 15px;text-align: center;background: #eeeeee;border-radius: 10px;margin-right: 20px;display: block; height:25px; line-height:25px;}
|
||
.edu-filter-cir-grey:hover{background: #FF7500; color: #ffffff; }
|
||
.edu-filter-cir-grey.active{background: #FF7500; color: #ffffff!important;}
|
||
|
||
|
||
/*最新和最热导航条的公用样式*/
|
||
|
||
.nav_check_item{margin-bottom:13px;border-bottom: 2px solid #FC7033;}
|
||
.nav_check_item li{width:auto;width: 80px;text-align: center;cursor: pointer;height: 38px;line-height: 38px;}
|
||
.nav_check_item li a{display: block;}
|
||
|
||
.check_nav{background: #FC7033;color: #ffffff;}
|
||
.check_nav a{color: #ffffff !important;}
|
||
.check_on{background:#FF7500;color: #ffffff!important;border-radius: 4px;}
|
||
|
||
/*实训列表块里面的遮罩效果*/
|
||
.black-half{position: absolute;left: 0;top:0px;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 3;display: none}
|
||
.black-half-lock{width: 65px;height: 65px;border-radius: 50%;background:#8291a3;vertical-align: middle;text-align: center;margin:25% auto 0px;}
|
||
.black-half-lock i{margin-top: 7px;}
|
||
.black-half-info{width: 100%;text-align: center;color: #FFFFFF;margin-top:10px}
|
||
.show-black{display: block;animation: black-down 1s linear 1;}
|
||
@-webkit-keyframes black-down {
|
||
25% {-webkit-transform: translateY(0);}
|
||
50%, 100% {-webkit-transform: translateY(0);}
|
||
}
|
||
|
||
@keyframes black-down {
|
||
25% {transform: translateY(0);}
|
||
50%, 100% {transform: translateY(0);}
|
||
}
|
||
/*去掉IE input框输入时自带的清除按钮*/
|
||
input::-ms-clear{display:none;}
|
||
|
||
|
||
/*最小高度*/
|
||
.mh750{min-height: 750px}
|
||
.mh650{min-height: 650px}
|
||
.mh550{min-height: 550px}
|
||
.mh510{min-height: 510px}
|
||
.mh440{min-height: 440px}
|
||
.mh400{min-height: 400px}
|
||
.mh390{min-height: 390px}
|
||
.mh360{min-height: 360px}
|
||
.mh350{min-height: 350px}
|
||
.mh320{min-height: 320px}
|
||
|
||
/*---------------操作部分虚线边框-----------------*/
|
||
.border-dash-orange{border: 1px dashed #ffbfaa}
|
||
/*错误、危险、失败提示边框*/
|
||
.border-error-result{border:1px dashed #ff5252}
|
||
|
||
/*---------------tab公用背景颜色-----------------*/
|
||
.background-blue{background:#5ECFBA!important;}
|
||
.background-orange{background: #FC7033!important;}
|
||
.back-orange-main{background: #FC7500!important;}/*主流橙色*/
|
||
.back-orange-01{background: #FF9e6a!important;}/*带背景标题、带色彩分割线和操作入口*/
|
||
|
||
.background-blue a{color:#ffffff!important;}
|
||
.background-orange a{color: #ffffff!important;}
|
||
/*---------------tab公用边框-----------------*/
|
||
.border-bottom-orange{border-bottom: 2px solid #FC7033!important;}
|
||
.bor-bottom-orange{border-bottom: 1px solid #FF9e6a!important;}
|
||
.bor-bottom-greyE{border-bottom: 1px solid #EEEEEE!important;}
|
||
.bor-top-greyE{border-top: 1px solid #EEEEEE!important;}
|
||
/*---------------边框-----------------*/
|
||
.bor-gray-c{border:1px solid #ccc;}
|
||
.bor-grey-e{border:1px solid #eee;}
|
||
|
||
/*-------------------------tip样式-------------------------*/
|
||
/*.-task-title{opacity:0;position:absolute;left:0;top:0;display:none;}*/
|
||
/*.-task-desc-title{background:#000;color:#fff;box-shadow:0px 0px 8px #194a81;max-width:300px;word-wrap: break-word;text-align:center;border-radius:10px;padding:0 10px;}*/
|
||
/*.-title-zhixiang{color:#000;position:absolute;display:none;}*/
|
||
/*.tip-down{left:50%;top:-13px;margin-left:-3px;}*/
|
||
/*.tip-left{left:-4px;top:50%;margin-top:-14px;}*/
|
||
/*.tip-right{right:-4px;top:50%;margin-top:-14px;}*/
|
||
|
||
/*
|
||
tip公共样式的设置：
|
||
tip整体的背景色的设置在 2、7、10、13行。要统一修改
|
||
tip整体的border的设置在3、8、11、14行。要统一修改
|
||
tip字体的颜色和阴影的设置在第2行。
|
||
*/
|
||
.-task-title{opacity:0;position:absolute;left:0;top:0;display:none;z-index:9999;} /*1*/
|
||
.data-tip-down,.data-tip-left,.data-tip-right{ position:relative; box-shadow:0px 0px 8px #000; background:#000; color:#fff; max-width:300px;/*2*/
|
||
word-wrap: break-word; text-align:center; border-radius:4px; padding:0 10px; border:1px solid #000; display:none; }/*3*/
|
||
.data-tip-down:after,.data-tip-down:before,.data-tip-left:before,.data-tip-right:before,.data-tip-left:after,.data-tip-right:after{/*4*/
|
||
position: absolute;content:''; width:0; height:0;}/*5*/
|
||
.data-tip-down:after,.data-tip-down:before{left: 45%;top:-10px;/*6*/
|
||
border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #000; }/*7*/
|
||
.data-tip-down:before{top:-11px;border-bottom:10px solid #000;}/*8*/
|
||
.data-tip-left:after,.data-tip-left:before{left: -10px;top:50%; margin-top:-5px;/*9*/
|
||
border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 10px solid #000; }/*10*/
|
||
.data-tip-left:before{ left: -12px;border-right: 10px solid #000; }/*11*/
|
||
.data-tip-right:after,.data-tip-right:before{right: -10px; top:50%; margin-top:-5px;/*12*/
|
||
border-top: 5px solid transparent;border-bottom: 5px solid transparent; border-left: 10px solid #000; }/*13*/
|
||
.data-tip-right:before{ right: -12px;border-left: 10px solid #000; }/*14*/
|
||
|
||
|
||
|
||
/*-------------------------圆角-------------------------*/
|
||
.bor-radius-upper{border-radius: 4px 4px 0px 0px;}
|
||
.bor-radius-all{border-radius: 50%;}
|
||
|
||
/*-------------------------旋转-------------------------*/
|
||
.transform90{transform: rotate(90deg);}
|
||
/*---------------------编辑器边框------------------------*/
|
||
.kindeditor{background: #F0F0EE;height:22px;border:1px solid #CCCCCC;border-bottom: none}
|