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

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;
}