forked from Gitlink/forgeplus-react
3511 lines
44 KiB
CSS
Executable File
3511 lines
44 KiB
CSS
Executable File
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;
|
||
} |