forgeplus-react/public/css/edu-common.css

3511 lines
44 KiB
CSS
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

body {
font-size: 14px;
line-height: 2.0;
background: #ffffff !important;
font-family: "微软雅黑", "宋体";
color: #333;
height: 100%
}
html {
height: 100%;
}
.newContainer {
min-height: 100%;
height: auto !important;
height: 100%;
/*IE6不识别min-height*/
position: relative;
}
.newMain {
margin: 0 auto;
padding-bottom: 155px;
min-width: 1200px
}
.newFooter {
max-height: 110px;
}
.newFooter {
position: absolute;
bottom: 0;
width: 100%;
background: #323232;
clear: both;
min-width: 1200px;
z-index: 99999;
left: 0px;
}
.newHeader {
background: #171616;
width: 100%;
height: 50px;
min-width: 1200px;
position: fixed;
top: 0px;
left: 0px;
z-index: 99998
}
/* 重置样式 */
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;
}
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;
}
a:link,
a:visited {
text-decoration: none;
color: #898989;
}
input,
textarea,
select {
background: #fff;
border: 1px solid #eee;
}
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
}
.block {
display: block;
}
/*通用文字功能样式*/
.font-bd {
font-weight: bold;
}
.color-red-light {
color: #F00 !important;
}
.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;
}
.color-orange06 {
color: #ff6530 !important;
}
a.color-orange05:hover,
i.color-orange05:hover {
color: #ff7500 !important;
}
.color-orange06 {
color: #FF6610 !important;
}
.color-yellow {
color: #f0ad4e !important;
}
.color-yellow2 {
color: #ff9933 !important;
}
.color-yellow3 {
color: #FFC828;
}
/*新版学员统计---通关排行榜 2018/01/22*/
.color-light-grey {
color: #afafaf !important;
}
.color-grey-7f {
color: #7f7f7f !important;
}
.color-grey-no-a {
color: #888 !important;
}
.color-grey {
color: #888 !important;
}
.color-grey9 {
color: #999 !important;
}
a.color-grey:hover {
color: #FF7500 !important;
}
/*a标签移入变橙色*/
.color-dark-grey {
color: #666 !important;
}
.color-grey3 {
color: #333 !important;
}
a.color-grey3:hover {
color: #ff7500 !important;
}
.u-color-light-grey {
color: #CCCCCC
}
.color-light-grey-C {
color: #CCCCCC !important;
}
.color-light-grey-E {
color: #EEEEEE
}
.color-grey-bf {
color: #bfbfbf !important;
}
.color-grey-b {
color: #bbbbbb !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: #ff7500;
}
/*通用背景颜色*/
.back-color-orange {
background-color: #FF7500
}
/*通用文字大小样式*/
.font-12 {
font-size: 12px !important;
}
.font-13 {
font-size: 13px !important;
}
.font-14 {
font-size: 14px !important;
}
.font-15 {
font-size: 15px !important;
}
.font-16 {
font-size: 16px !important;
}
.font-17 {
font-size: 17px !important;
}
.font-18 {
font-size: 18px !important;
}
.font-20 {
font-size: 20px !important;
}
.font-22 {
font-size: 22px !important;
}
.font-25 {
font-size: 25px !important;
}
.font-24 {
font-size: 24px !important;
}
.font-28 {
font-size: 28px !important;
}
.font-30 {
font-size: 30px !important;
}
.font-50 {
font-size: 50px !important;
}
.font-60 {
font-size: 60px !important;
}
.font-70 {
font-size: 70px !important;
}
/*通用内外边距*/
.mt-10 {
margin-top: -10px;
}
.mt1 {
margin-top: 1px;
}
.mt2 {
margin-top: 2px;
}
.mt3 {
margin-top: 3px;
}
.mt4 {
margin-top: 4px;
}
.mt5 {
margin-top: 5px !important;
}
.mt6 {
margin-top: 6px;
}
.mt7 {
margin-top: 7px !important;
}
.mt8 {
margin-top: 8px;
}
.mt10 {
margin-top: 10px;
}
.mt12 {
margin-top: 12px;
}
.mt13 {
margin-top: 13px;
}
.mt15 {
margin-top: 15px;
}
.mt17 {
margin-top: 17px;
}
.mt20 {
margin-top: 20px !important;
}
.mt25 {
margin-top: 25px;
}
.mt30 {
margin-top: 30px !important;
}
.mt36 {
margin-top: 36px !important;
}
.mt40 {
margin-top: 40px;
}
.mt50 {
margin-top: 50px;
}
.mt70 {
margin-top: 70px;
}
.mt95 {
margin-top: 95px;
}
.mt100 {
margin-top: 100px;
}
.mb5 {
margin-bottom: 5px;
}
.mb7 {
margin-bottom: 7px;
}
.mb10 {
margin-bottom: 10px;
}
.mb11 {
margin-bottom: 11px;
}
.mb15 {
margin-bottom: 15px;
}
.mb20 {
margin-bottom: 20px;
}
.mb25 {
margin-bottom: 25px;
}
.mb30 {
margin-bottom: 30px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
.mb90 {
margin-bottom: 90px !important;
}
.mb100 {
margin-bottom: 100px !important;
}
.mb110 {
margin-bottom: 110px;
}
.ml-3 {
margin-left: -3px;
}
.ml1 {
margin-left: 1px;
}
.ml2 {
margin-left: 2px;
}
.ml3 {
margin-left: 3px;
}
.ml4 {
margin-left: 4px;
}
.ml5 {
margin-left: 5px;
}
.ml6 {
margin-left: 6px;
}
.ml10 {
margin-left: 10px;
}
.ml12 {
margin-left: 12px !important;
}
.ml15 {
margin-left: 15px;
}
.ml18 {
margin-left: 18px;
}
.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;
}
.ml45 {
margin-left: 45px;
}
.ml50 {
margin-left: 50px;
}
.ml55 {
margin-left: 55px;
}
.ml60 {
margin-left: 60px;
}
.ml75 {
margin-left: 75px;
}
.ml80 {
margin-left: 80px;
}
.ml85 {
margin-left: 85px;
}
.ml95 {
margin-left: 95px;
}
.ml115 {
margin-left: 115px
}
.ml123 {
margin-left: 123px;
}
.ml150 {
margin-left: 150px;
}
.ml180 {
margin-left: 180px;
}
.ml230 {
margin-left: 230px;
}
.ml240 {
margin-left: 240px;
}
.ml250 {
margin-left: 250px;
}
.ml290 {
margin-left: 290px;
}
.mr3 {
margin-right: 3px
}
.mr4 {
margin-right: 4px
}
.mr5 {
margin-right: 5px;
}
.mr8 {
margin-right: 8px;
}
.mr10 {
margin-right: 10px;
}
.mr12 {
margin-right: 12px !important;
}
.mr15 {
margin-right: 15px;
}
.mr18 {
margin-right: 18px;
}
.mr20 {
margin-right: 20px;
}
.mr25 {
margin-right: 25px;
}
.mr30 {
margin-right: 30px;
}
.mr35 {
margin-right: 35px;
}
.mr40 {
margin-right: 40px;
}
.mr45 {
margin-right: 45px;
}
.mr50 {
margin-right: 50px;
}
.mr60 {
margin-right: 60px;
}
.mr350 {
margin-right: 350px;
}
.pt5 {
padding-top: 5px;
}
.pt10 {
padding-top: 10px;
}
.pt15 {
padding-top: 15px;
}
.pt20 {
padding-top: 20px;
}
.pt30 {
padding-top: 30px;
}
.pt40 {
padding-top: 40px;
}
.pt47 {
padding-top: 47px;
}
.pt100 {
padding-top: 100px;
}
.pt130 {
padding-top: 130px;
}
.pt1 {
padding-top: 1px;
}
.pt5 {
padding-top: 5px;
}
.pt10 {
padding-top: 10px;
}
.pt15 {
padding-top: 15px;
}
.pt20 {
padding-top: 20px;
}
.pt30 {
padding-top: 30px;
}
.pt40 {
padding-top: 40px;
}
.pb5 {
padding-bottom: 5px;
}
.pb10 {
padding-bottom: 10px;
}
.pb15 {
padding-bottom: 15px;
}
.pb20 {
padding-bottom: 20px;
}
.pb28 {
padding-bottom: 28px;
}
.pb30 {
padding-bottom: 30px;
}
.pb40 {
padding-bottom: 40px;
}
.pb47 {
padding-bottom: 47px;
}
.pb50 {
padding-bottom: 50px;
}
.pb155 {
padding-bottom: 155px;
}
.pl2 {
padding-left: 2px;
}
.pl5 {
padding-left: 5px;
}
.pl8 {
padding-left: 8px;
}
.pl10 {
padding-left: 10px;
}
.pl15 {
padding-left: 15px;
}
.pl20 {
padding-left: 20px;
}
.pl28 {
padding-left: 28px;
}
.pl30 {
padding-left: 30px;
}
.pl33 {
padding-left: 33px
}
.pl40 {
padding-left: 40px;
}
.pl42 {
padding-left: 42px;
}
.pl45 {
padding-left: 45px;
}
.pl50 {
padding-left: 50px;
}
.pl100 {
padding-left: 100px;
}
.pl35 {
padding-left: 35px;
}
.pl50 {
padding-left: 50px;
}
.pl70 {
padding-left: 70px;
}
.pl80 {
padding-left: 80px;
}
.pl92 {
padding-left: 92px;
}
.pr2 {
paddding-right: 2px;
}
.pr5 {
padding-right: 5px;
}
.pr10 {
padding-right: 10px;
}
.pr15 {
padding-right: 15px;
}
.pr20 {
padding-right: 20px !important;
}
.pr30 {
padding-right: 30px !important;
}
.pr42 {
padding-right: 42px;
}
.pr45 {
padding-right: 45px;
}
.pl2 {
padding-left: 2px;
}
.pl5 {
padding-left: 5px;
}
.pl8 {
padding-left: 8px;
}
.pl10 {
padding-left: 10px;
}
.pl15 {
padding-left: 15px;
}
.pl20 {
padding-left: 20px;
}
.pl28 {
padding-left: 28px;
}
.pl30 {
padding-left: 30px;
}
.pl33 {
padding-left: 33px
}
.pl40 {
padding-left: 40px;
}
.pl42 {
padding-left: 42px;
}
.pl45 {
padding-left: 45px;
}
.pl50 {
padding-left: 50px;
}
.pl100 {
padding-left: 100px;
}
.pl35 {
padding-left: 35px;
}
.pl50 {
padding-left: 50px;
}
.pl70 {
padding-left: 70px;
}
.pl80 {
padding-left: 80px;
}
.pl92 {
padding-left: 92px;
}
.pr2 {
paddding-right: 2px;
}
.pr5 {
padding-right: 5px;
}
.pr10 {
padding-right: 10px;
}
.pr15 {
padding-right: 15px;
}
.pr20 {
padding-right: 20px !important;
}
.pr30 {
padding-right: 30px !important;
}
.pr42 {
padding-right: 42px;
}
.pr45 {
padding-right: 45px;
}
.padding15 {
padding: 15px;
}
.padding10 {
padding: 10px;
}
.padding10-15 {
padding: 10px 15px;
}
.padding15-10 {
padding: 15px 10px;
}
.ptl5-10 {
padding: 5px 10px;
}
.ptl3-10 {
padding: 3px 10px;
}
.ptl8-10 {
padding: 8px 10px;
}
.wb11 {
width: 11% !important;
}
.wb89 {
width: 89% !important;
}
.h3 {
height: 3px;
}
.h24 {
height: 24px;
}
.h32 {
height: 32px;
}
.h40 {
height: 40px;
}
.h50 {
height: 50px;
}
.h60 {
height: 60px;
}
.h80 {
height: 80px;
}
.h80 {
height: 80px;
}
.h85 {
height: 85px;
}
.h100 {
height: 100px;
}
.h140 {
height: 140px;
}
.h200 {
height: 200px;
}
/*块*/
.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.task-btn-green {
background: #29bd8b;
color: #fff !important;
}
a:hover.task-btn-green {
background: #19b17e;
}
a.task-btn-orange {
background: #FF7500;
color: #fff !important;
}
a:hover.task-btn-orange {
background: #ff7500;
}
a.task-newbtn-grey {
background-color: #e1e1e1;
color: #666666;
}
a:hover.task-newbtn-grey {
color: #333
}
a.task-btn-blue {
background: #199ed8;
color: #fff !important;
}
a:hover.task-btn-blue {
background: #199ed8;
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: #FF7500;
color: #fff !important;
border-radius: 5px;
font-size: 12px;
padding: 0 10px;
}
a.rest-btn-ver {
cursor: not-allowed;
background: #ccc;
}
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.rest-btn-ver {
cursor: not-allowed;
background: #ccc;
}
.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;
}
.white-btn {
text-align: center;
cursor: pointer;
display: inline-block;
padding: 0px 8px;
border: 1px solid #ccc;
color: #666;
letter-spacing: 1px;
font-size: 14px;
height: 26px;
line-height: 26px;
border-radius: 3px;
}
.white-btn-h40 {
text-align: center;
cursor: pointer;
display: inline-block;
padding: 5px 10px;
border: 1px solid #ccc;
color: #666;
letter-spacing: 1px;
font-size: 14px;
height: 26px;
line-height: 26px;
border-radius: 3px;
}
a.white-btn.green-btn {
color: #29bd8b;
border: 1px solid #29bd8b;
}
a.white-btn.gery-btn {
color: #aaa;
border: 1px solid #aaa
}
a.white-btn.gery-btn:hover {
color: #FFFFFF;
border: 1px solid #aaa;
background: #aaa
}
a.white-btn.orange-btn,
a.white-btn-h40.orange-btn {
color: #FF7500;
border: 1px solid #FF7500
}
a.white-btn.orange-btn:hover,
a.white-btn-h40.orange-btn:hover {
color: #FFFFFF;
border: 1px solid #FF7500;
background: #ff7500
}
a.white-btn.orange-bg-btn,
a.white-btn-h40.orange-bg-btn {
color: #FFFFFF;
border: 1px solid #FF7500;
background: #ff7500
}
a.grey-btn {
padding: 0px 8px;
height: 30px;
line-height: 30px;
background-color: #eaeaea;
color: #7f7f7f;
font-size: 14px;
border-radius: 3px;
}
.invite-btn {
display: block;
padding: 1px 10px;
background: #fff;
color: #333;
border-radius: 4px;
}
a.decoration {
text-decoration: underline !important;
}
/*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;
}
a.course-bth-orange {
cursor: pointer;
background-color: #ff6530;
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;
}
.topic-hover a:hover {
background: #ff7500;
color: #fff;
}
/*.topic-hover li a:hover{color:#fff;}*/
/*提示条*/
.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;
}
.pre_word {
white-space: pre-wrap;
word-wrap: break-word;
word-break: normal;
}
.pr {
position: relative;
}
.df {
display: flex;
display: -webkit-flex;
display: -ms-flex;
}
.df-js-ac {
justify-content: space-around;
-webkit-justify-content: space-around;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.w28 {
width: 28px;
}
.w40 {
width: 40px;
}
.w50 {
width: 50px;
}
.edu-txt-w50 {
width: 50px;
}
.w60 {
width: 60px;
}
.w70 {
width: 70px;
}
.w80 {
width: 80px;
}
.w100 {
width: 100px;
}
.w120 {
width: 120px;
}
.w150 {
width: 150px;
}
.w200 {
width: 200px;
}
.w300 {
width: 300px;
}
.w320 {
width: 320px;
}
.edu-w245 {
width: 245px;
}
.w266 {
width: 266px;
}
.w780 {
width: 780px;
}
.w850 {
width: 850px;
}
.w900 {
width: 900px;
}
.with10 {
width: 10%;
}
.with15 {
width: 15%;
}
.with20 {
width: 20%;
}
.with25 {
width: 25%;
}
.with30 {
width: 30%;
}
.with35 {
width: 35%;
}
.with40 {
width: 40%;
}
.with45 {
width: 45%;
}
.with49 {
width: 49%;
}
.with50 {
width: 50%;
}
.with55 {
width: 55%;
}
.with52 {
width: 52%;
}
.with48 {
width: 48%;
}
.with60 {
width: 60%;
}
.with65 {
width: 65%;
}
.with70 {
width: 70%;
}
.with73 {
width: 73%;
}
.with75 {
width: 75%;
}
.with70 {
width: 70%;
}
.with73 {
width: 73%;
}
.with75 {
width: 75%;
}
.with80 {
width: 80%;
}
.with85 {
width: 85%;
}
.with87 {
width: 87%;
}
.with90 {
width: 90%;
}
.with95 {
width: 95%;
}
.with100 {
width: 100%;
}
.edu-bg {
background: #fff !important;
}
.disabled-bg {
background: #eee !important;
}
.disabled-grey-bg {
background: #a4a4a4 !important;
}
/* 课程共用 后期再添加至公共样式 bylinda*/
a.link-name-dark {
color: #666;
max-width: 140px;
display: block;
}
a:hover.link-name-dark {
color: #ff7500;
}
/* 超过宽度省略 */
.edu-name-dark {
max-width: 100px;
display: block;
}
.edu-info-dark {
max-width: 345px;
display: block;
}
.edu-max-h200 {
height: 200px;
overflow: auto;
}
.edu-h260 {
height: 260px;
}
.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-w280,
.edu-txt-w280 {
width: 280px;
display: inline-block;
text-align: center
}
a.edu-txt-w190,
.edu-txt-w190 {
width: 190px;
display: inline-block;
text-align: center
}
a.edu-txt-w160,
.edu-txt-w160 {
width: 160px;
display: inline-block;
text-align: center
}
a.edu-txt-w140,
.edu-txt-w140 {
width: 141px;
display: inline-block;
text-align: center
}
a.edu-txt-w130,
.edu-txt-w130 {
width: 130px;
display: inline-block;
text-align: center
}
a.edu-txt-w120,
.edu-txt-w120 {
width: 120px;
display: inline-block;
text-align: center
}
a.edu-txt-w100,
.edu-txt-w100 {
width: 100px;
display: inline-block;
text-align: center
}
a.edu-txt-w90,
.edu-txt-w90 {
width: 90px;
display: inline-block;
text-align: center
}
a.edu-txt-w80,
.edu-txt-w80 {
width: 80px;
display: inline-block;
text-align: center
}
.overellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* 筛选按钮 */
.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: #f3f3f3;
text-align: center;
border-radius: 15px;
font-size: 12px;
line-height: 20px !important;
}
.edu-cir-grey1 {
display: inline-block;
padding: 0px 5px;
margin-left: 5px;
color: #666;
background: #ccc;
text-align: center;
border-radius: 15px;
font-size: 12px;
line-height: 20px !important;
}
.edu-cir-grey-q {
display: inline-block;
padding: 0px 7px;
color: #666;
background: #f3f3f3;
text-align: center;
border-radius: 15px;
font-size: 12px;
line-height: 20px !important;
}
.edu-cir-orange {
display: inline-block;
padding: 0px 7px;
color: #fff;
background: #FF7500;
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 3px;
color: #666;
background: #fff;
text-align: center;
border-radius: 3px;
font-size: 12px;
height: 20px;
line-height: 20px;
}
.edu-filter-btn-blue {
border: 1px solid #3498db;
color: #3498db;
}
.edu-filter-btn-orange {
border: 1px solid #ff5055;
color: #ff5055;
}
.edu-filter-btn-red {
border: 1px solid #d72e36;
color: #d72e36;
}
.edu-filter-btn-green {
border: 1px solid #6fbb9d;
color: #6fbb9d;
}
.edu-filter-btn-yellow {
border: 1px solid #ef9324;
color: #ef9324;
}
.edu-filter-btn-danger {
background: #d72e36;
color: #fff;
}
.edu-filter-btn-late {
border: 1px solid #3fbcff;
color: #3fbcff;
}
.edu-filter-btn-no-late {
border: 1px solid #8c8c8c;
color: #8c8c8c;
}
.edu-filter-btn-end {
border: 1px solid #b6b6b6;
color: #b6b6b6;
}
.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;
cursor: default
}
.edu-pop-table tr {
height: 40px;
}
.edu-pop-table tr.edu-bg-grey {
background: #f5f5f5;
}
.edu-txt-center {
text-align: center;
}
.edu-txt-left {
text-align: left;
}
.edu-txt-right {
text-align: right;
}
.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;
}
.edu-pop-table tr td .alink-name {
color: #333 !important;
}
.edu-pop-table tr td .alink-name:hover {
color: #FF7500 !important;
}
.edu-pop-table tr td .alink-operate {
color: #cccccc !important;
}
.edu-pop-table tr td .alink-operate:hover {
color: #FF7500 !important;
}
/*th行有背景颜色且table无边框*/
.edu-pop-table.head-color thead tr {
background: #fafbfb
}
.edu-pop-table.head-color {
border: none
}
.edu-pop-table.head-color tr:last-child td {
border: none
}
/*--表格行间隔背景颜色-*/
.edu-pop-table.interval-td thead tr {
background: #fafbfb
}
.edu-pop-table.interval-td tbody tr:nth-child(even) {
background: #fafbfb
}
.edu-pop-table.interval-td tbody tr td {
border: none
}
/*--表格行间隔背景颜色(th也没有边框)-*/
.edu-pop-table.interval-all {
border: none
}
.edu-pop-table.interval-all thead th {
border: none
}
.edu-pop-table.interval-all thead tr {
background: #fafbfb
}
.edu-pop-table.interval-all tbody tr:nth-child(even) {
background: #fafbfb
}
.edu-pop-table.interval-all tbody tr td {
border: none;
padding: 5px 0px
}
/*--表格行移入背景颜色-*/
.edu-pop-table.hover-td tbody tr:hover {
background: #EFF9FD
}
/*悬浮颜色为天蓝色*/
.edu-pop-table.hover-td_1 tbody tr:hover {
background: #FCF2EC
}
/*悬浮颜色为浅橙色*/
/* 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: 100000;
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: 100000;
}
/*----------------------列表结构*/
.forum_table .forum_table_item:nth-child(odd) {
background: #fafbfb
}
.forum_table_item {
padding: 20px 15px;
display: flex;
}
.forum_table_item .item_name {
color: #333
}
.forum_table_item .item_name:hover {
color: #FF7500
}
.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: #eeeeee;
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 !important;
width: auto;
padding: 0px 15px;
text-align: center;
background: #f3f3f3;
border-radius: 10px;
display: block;
height: 25px;
line-height: 25px;
}
.edu-filter-cir-grey:hover {
background: #FF7500;
color: #ffffff !important;
}
.edu-filter-cir-grey.active {
background: #FF7500;
color: #ffffff !important;
}
.edu-find .edu-find-input {
border-bottom: 1px solid #EEEEEE;
}
.edu-find .edu-find-input input {
border: none;
outline: none
}
.edu-find .edu-close {
position: absolute;
top: -1px;
right: 7px;
font-size: 18px;
cursor: pointer;
}
.edu-find .edu-open {
position: absolute;
top: 1px;
right: -18px
}
/*最新和最热导航条的公用样式*/
.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;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.nav_check_item li a {
display: block;
width: 100%;
}
.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
}
.mh580 {
min-height: 580px
}
.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
}
.mh240 {
min-height: 240px
}
.mh200 {
min-height: 200px
}
/*---------------操作部分虚线边框-----------------*/
.border-dash-orange {
border: 1px dashed #ffbfaa
}
/*错误、危险、失败提示边框*/
.border-error-result {
border: 1px dashed #ff5252
}
.border-dash-ccc {
border-top: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
}
.login-error {
border: 1px solid #ff5252 !important;
}
/*登录时,输入的手机号码或者密码错误,边框变红*/
.error-red {
border: 1px solid #DB6666;
background: #FFE6E5;
border-radius: 3px;
padding: 2px 10px;
}
.error-red i {
color: #FF6666
}
/*---------------tab公用背景颜色-----------------*/
.background-blue {
background: #5ECFBA !important;
}
.background-orange {
background: #FC7033 !important;
}
.back-orange-main {
background: #FC7500 !important;
color: #FFFFff !important;
}
/*主流橙色*/
.back-orange-01 {
background: #FF9e6a !important;
}
/*带背景标题、带色彩分割线和操作入口*/
.back-f6-grey {
background: #F6F6F6;
}
.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;
}
.bor-grey-d {
border: 1px solid #ddd;
}
.bor-grey01 {
border: 1px solid #E6EAEB;
}
.bor-blue {
border: 1px solid #5faee3;
}
.bor-red {
border: 1px solid #db0505 !important;
}
.bor-none {
border: none;
}
.bor-outnone {
outline: none;
border: 0px;
}
/*延时*/
.delay {
border: 1px solid #db0505;
padding: 0px 10px;
height: 23px;
line-height: 23px;
border-radius: 12px;
display: block;
float: left;
color: #db0505
}
/*
tip公共样式的设置
*/
.-task-title {
opacity: 0;
position: absolute;
left: 0;
top: 0;
display: none;
z-index: 100000;
}
/*1*/
.data-tip-down,
.data-tip-left,
.data-tip-right,
.data-tip-top {
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,
.data-tip-top:after,
.data-tip-top:before {
/*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: -10px;
border-left: 10px solid #000;
}
/*14*/
.data-tip-top:after,
.data-tip-top:before {
left: 45%;
bottom: -10px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 10px solid #000;
}
.data-tip-top:before {
bottom: -11px;
}
/*-------------------------圆角-------------------------*/
.bor-radius-upper {
border-radius: 4px 4px 0px 0px;
}
.bor-radius4 {
border-radius: 4px;
}
.bor-radius20 {
border-radius: 20px;
}
.bor-radius-all {
border-radius: 50%;
}
/*-------------------------旋转-------------------------*/
.transform90 {
transform: rotate(90deg);
}
/*---------------------编辑器边框------------------------*/
.kindeditor {
background: #F0F0EE;
height: 22px;
border: 1px solid #CCCCCC;
border-bottom: none
}
/*文本框只有下边框*/
.other_input {
border: none;
border-bottom: 1px solid #aaa;
outline: none
}
/*两端对齐*/
.justify {
text-align: justify !important;
}
/**/
#edu-tab-nav .edu-position-hidebox li a {
font-size: 12px
}
/*在线课堂*/
.courseRefer {
float: left;
max-height: 120px;
margin-bottom: 10px;
overflow: auto;
overflow-x: hidden;
}
.logo {
width: 295px;
height: 30px;
border-style: none;
position: absolute;
top: 50%;
left: 39%;
}
/**/
.task-header-info .fork {
font-weight: bold;
font-size: 14px;
color: #666;
}
.memos_con a {
color: #3b94d6 !important;
}
.memos_con ul li {
list-style-type: disc !important;
}
.memos_con ol li {
list-style-type: decimal !important;
}
.memos_con li {
margin-bottom: 0 !important;
}
.memos_con pre {
overflow-x: auto;
}
/*详情a标签默认显示样式*/
.a_default_show a {
color: #136ec2 !important
}
/*消息机制右侧小三角*/
.tiding {
width: 100%;
height: 50px;
position: relative
}
.triangle {
position: absolute;
right: -1px;
top: 0px;
width: 0;
height: 0;
border-top: 35px solid #29bd8b;
border-left: 60px solid transparent;
z-index: 1
}
.triangle-new {
position: absolute;
right: 1px;
top: 0px;
z-index: 2;
font-size: 14px;
color: white;
transform: rotate(30deg);
}
.news_list_item {
padding: 10px 0px;
}
.news_list_item:nth-child(odd) {
background-color: #FAFBFB
}
.listItem_right {
line-height: 45px;
float: right;
max-width: 100px;
margin-right: 15px;
color: #888888
}
.listItem_middle {
max-width: 980px;
}
.news_fa {
font-size: 30px;
color: #888;
margin: 7px 16px;
}
.tiding_logo {
text-align: center;
background: #f3f3f3;
width: 200px;
height: 100px
}
.tr-position {
position: absolute;
left: 54%;
width: 20px;
text-align: center;
border: none !important;
}
.two_lines_show {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 60px;
word-wrap: break-word;
}
.two_lines_show_my {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 40px;
word-wrap: break-word;
}
.three_lines_show {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
height: 66px;
line-height: 22px;
word-wrap: break-word;
}
/*新版讨论区*/
.discuss-tab a:hover {
border-bottom: 2px solid #FC7033 !important;
color: #000;
}
.discuss-lh40 {
line-height: 40px;
}
.discuss-lh16 {
line-height: 16px
}
.discuss-lh20 {
line-height: 20px;
}
.discuss-lh20 {
line-height: 20px;
}
.discuss-lh30 {
line-height: 30px;
}
.discuss-lh50 {
line-height: 50px;
}
.discuss-lh60 {
line-height: 60px
}
.discuss-lh80 {
line-height: 80px;
}
.discuss-lh100 {
line-height: 100px;
}
.discuss-bor-l {
border-left: 4px solid #ff7500;
}
.page-turn:hover {
background: #fff;
color: #FF7500;
}
/*实训路径/镜像类别图片*/
.hor-ver-center {
width: 80px;
height: 80px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
}
.hor-ver-center100 {
width: 100px;
height: 100px;
position: absolute;
left: 50%;
top: 25%;
margin-left: -50px;
margin-top: -25px;
}
.mirror-shade {
background: rgba(0, 0, 0, 0.4);
z-index: 3;
display: none;
}
.position20 {
position: absolute;
top: -60px;
left: 7%;
}
/*--------TA的主页、关注*/
.user_watch {
width: 78px;
padding: 2px 0px !important;
}
/*-------------主页块的背景颜色----------------*/
.edu-index-bg-green {
background: #5bcab1;
}
.edu-index-bg-blue {
background: #75b9de;
}
.edu-index-bg-purple {
background: #8f97df;
}
.edu-index-bg-yellow {
background: #f7bb74;
}
.edu-index-bg-orange {
background: #e48a81;
}
/*-------------提示框颜色----------------*/
.bor-reds {
border: 1px solid #FF0000 !important;
border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}