You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
NewEduCoderBuild/p__Forums__Detail__index.f8...

781 lines
22 KiB

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Forums/Detail/index.less?modules ***!
\****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flex___fgmSn {
display: flex;
flex-direction: row;
}
.gMAmTc___xHfuA {
background-color: #ffffff;
padding: 20px 30px;
border-bottom: 1px solid #eeeeee;
font-size: 16px;
color: #333333;
display: flex;
justify-content: space-between;
align-items: center;
}
.kJYYQv____gfuQ {
background-color: #ffffff;
border-radius: 5px;
}
.kTLhbM___x7tXi {
display: flex;
align-items: center;
color: #999999;
}
.listPagin___ZdCQB {
padding: 25px 0;
text-align: center;
}
.listPagin___ZdCQB [class~='ant-pagination'] [class~='ant-pagination-jump-next'],
.listPagin___ZdCQB [class~='ant-pagination'] [class~='ant-pagination-jump-prev'],
.listPagin___ZdCQB [class~='ant-pagination'] [class~='ant-pagination-next'],
.listPagin___ZdCQB [class~='ant-pagination'] [class~='ant-pagination-prev'],
.listPagin___ZdCQB [class~='ant-pagination'] [class~='ant-pagination-item'],
.listPagin___ZdCQB [class~='ant-pagination'] [class~='ant-pagination-options-quick-jumper'],
.listPagin___ZdCQB [class~='ant-pagination'] [class~='ant-select-selector'] {
min-width: 32px;
height: 32px;
}
.listPagin___ZdCQB [class~='ant-pagination'] [class~='ant-select-selection-item'],
.listPagin___ZdCQB [class~='ant-pagination'] [class~='ant-select-show-arrow'],
.listPagin___ZdCQB [class~='ant-pagination'] [class~='ant-pagination-item'],
.listPagin___ZdCQB [class~='ant-pagination'] [class~='ant-select-selector'],
.listPagin___ZdCQB [class~='ant-pagination'] [class~='ant-pagination-options-quick-jumper'] {
line-height: 32px;
}
.listPagin___ZdCQB [class~='ant-pagination'] [class~='ant-pagination-options-quick-jumper'] input {
height: 32px;
}
.iwMcWy___qVg0y {
font-size: 12px;
position: relative;
margin-left: 20px;
height: 18px;
line-height: 18px;
}
.iwMcWy___qVg0y::before {
position: absolute;
left: -10px;
top: 50%;
margin-top: -6px;
height: 12px;
width: 1px;
content: '';
background: #cccccc;
}
.kgxtyB___dt5f4 {
width: 72%;
height: 100%;
border-radius: 5px;
background-color: #ffffff;
}
.cPointer___s95xo {
cursor: pointer;
}
.forumList___LXmWI {
padding: 0 30px;
}
.forumList___LXmWI > li {
border-bottom: 1px solid #eee;
padding: 15px 0;
}
.forumList___LXmWI > li:last-child {
border-bottom: none;
}
.cOuXkk___thSYv {
display: flex;
align-items: center;
justify-content: space-between;
}
.tag___tAi2O {
display: inline-block;
height: 18px;
line-height: 18px;
padding: 0 8px;
font-size: 12px;
color: #fff;
border-radius: 12px;
margin-left: 8px;
}
.tagRed___df3Op {
background-color: #fa4a4a;
}
.tagOrange___VQP6f {
background-color: #fa6400;
}
.tagBlue___f6udl {
background-color: #50c7ff;
}
.tag_Red___r6Vrk {
color: #fa4a4a;
}
.tag_Orange___iFVNw {
color: #fa6400;
}
.tag_Blue___wGDC9 {
color: #50c7ff;
}
.orange___JZ1Qs {
color: #fa6400 !important;
}
.blue___X3_GC {
color: #5091ff !important;
}
.iconWrap___gdfTU {
margin-left: 30px;
color: #ccc;
float: left;
line-height: 20px;
display: flex;
align-items: center;
}
.iconWrap___gdfTU svg {
cursor: default;
font-size: 18px !important;
}
.spanText___w35GO {
margin-left: 3px;
}
.dGqnMq___ykTQH {
width: 20px;
height: 20px;
border-radius: 50%;
margin-right: 10px;
}
.dicrWo___JhqyH {
color: #999999;
}
.task-hide___ygKO7 {
white-space: nowrap;
text-overflow: ellipsis;
}
.textTitle___SUnff,
.textTitle___SUnff:active,
.textTitle___SUnff:hover {
max-width: 700px;
color: #333;
}
.textType___Gs9OI,
.textType___Gs9OI:active,
.textType___Gs9OI:hover {
color: #999;
}
.educontent___Vix4p {
min-height: 400px;
width: 1200px;
margin: 0px auto;
box-sizing: border-box;
clear: both;
zoom: 1;
padding-top: 30px;
}
.row___sP7fy {
display: flex;
flex-direction: column;
}
.row___sP7fy a {
color: #05101a;
margin-top: 10px;
font-size: 14px;
display: flex;
align-items: center;
}
.box___C33k4 {
display: flex;
}
.long___GFYcY {
width: 72%;
border-radius: 5px;
margin-bottom: 15px;
}
.whiteBack___AODVe {
background-color: #fff;
border-radius: 5px;
}
.headerInfo___YgKvo {
padding: 20px 0 !important;
position: relative;
align-items: flex-start !important;
}
.headerInfoLeft___T8KoH {
display: flex;
flex: 1 1;
align-items: center;
width: 0;
line-height: 36px;
}
.originalTag___AgJPD {
position: absolute;
right: 50px;
top: 20px;
z-index: 10;
}
.titleStyle___QNiCE {
margin-bottom: 0px;
max-width: 514px;
color: #333 !important;
font-size: 18px !important;
}
.igfjXB___NKzLU {
display: flex;
align-items: center;
}
.igfjXB___NKzLU img {
width: 30px;
height: 30px;
border-radius: 50%;
}
.igfjXB___NKzLU span {
margin-left: 8px;
color: #05101a;
max-width: 84px;
text-align: center;
}
.igfjXB___NKzLU span:hover {
color: #40a9ff;
}
.taskHide___AxSVb {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.iconWrap___gdfTU {
margin-left: 30px;
color: #ccc;
float: left;
line-height: 20px;
display: flex;
align-items: center;
margin-left: 20px;
}
.iconWrap___gdfTU svg {
font-size: 14px !important;
cursor: pointer;
}
.iconWrap___gdfTU span {
margin-left: 4px;
}
.content___Qm2no {
margin-bottom: 15px !important;
border-bottom: 1px solid #eeeeee !important;
padding-bottom: 20px;
}
.mt15___GWBMN {
margin-top: 15px;
}
.greenLiftLine___l1WA9 {
font-size: 16px;
color: #333;
height: 22px;
line-height: 22px;
margin-left: 14px;
position: relative;
}
.greenLiftLine___l1WA9:before {
position: absolute;
left: -14px;
height: 100%;
width: 6px;
content: '';
top: 0;
background-color: #21b350;
}
.title___Ny8kL {
background-color: #fff;
padding: 20px 30px;
border-bottom: 1px solid #eee;
font-size: 16px;
color: #333;
display: flex;
justify-content: space-between;
align-items: center;
}
.title___Ny8kL a:hover {
color: #5091ff !important;
}
.Short___htLHK {
width: 28%;
border-radius: 5px;
margin-bottom: 15px;
padding-left: 15px;
box-sizing: border-box;
}
.BestUl___U_qmQ {
padding: 15px 25px;
min-height: 288px;
}
.BestUl___U_qmQ li {
padding: 6px 0 5px 13px;
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 14px;
}
.BestUl___U_qmQ li a {
color: #05101a;
line-height: 28px;
}
.BestUl___U_qmQ li a:hover {
color: #40a9ff;
}
.BestUl___U_qmQ li:before {
position: absolute;
width: 4px;
height: 4px;
content: '';
border-radius: 50%;
background-color: #21b350;
left: 0;
top: 19px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Forums/Detail/components/Prise/index.less?modules ***!
\*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.priseBox___BYSWh {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px 0;
}
.priseBox___BYSWh i.iconfont___c3D_7 {
cursor: pointer;
}
.priseBox___BYSWh span:first-child {
height: 70px;
width: 70px;
line-height: 70px;
border-radius: 50%;
background-color: #f3f7f5;
text-align: center;
cursor: pointer;
}
.priseBox___BYSWh span:first-child i {
font-size: 30px !important;
color: #21b350;
position: relative;
top: 5px;
}
.priseBox___BYSWh span:last-child {
margin-top: 10px;
color: #888;
font-size: 14px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/pages/Forums/Detail/components/comments/index.less ***!
\****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.comments-lists {
padding: 10px 30px 15px 30px;
}
.comments-lists .ant-list-item {
padding: 16px 20px !important;
}
.comments-lists .new-comment-head {
background-color: #fafafa;
}
.comments-lists .user-image {
width: 30px;
height: 30px;
border-radius: 50%;
}
.comments-lists .add_reply_button {
background-color: #fff !important;
color: #bbb;
width: 100%;
text-align: left;
border: 1px solid #eee;
box-shadow: none;
}
.grid-item {
display: grid;
grid-template-columns: -webkit-max-content 1fr;
grid-template-columns: max-content 1fr;
align-items: center;
}
.grid-item-4 {
display: grid;
grid-template-columns: -webkit-max-content -webkit-max-content -webkit-max-content 1fr;
grid-template-columns: max-content max-content max-content 1fr;
align-items: center;
}
.grid-item-4 .link-btn {
display: flex;
align-items: center;
}
.grid-item-4 .ban-icon {
width: 18px;
height: 18px;
fill: #888;
}
.grid-item-4 .relieve-icon {
width: 18px;
height: 18px;
fill: #0152d9;
}
.grid-item-4 .allow-comment {
color: #0152d9;
}
.grid-item-left {
display: grid;
grid-template-columns: 1fr -webkit-max-content;
grid-template-columns: 1fr max-content;
align-items: center;
}
.ver-middle {
vertical-align: middle;
}
.grid-item-top {
display: grid;
align-items: center;
grid-template-columns: -webkit-max-content 1fr;
grid-template-columns: max-content 1fr;
align-items: flex-start;
}
.pd20 {
padding: 20px;
}
.width100 {
width: 100%;
}
.color-grey-8 {
color: #888;
}
.children-memo-item {
background-color: #fafafa;
margin-top: 10px;
}
.color-green {
color: #21b350;
}
.user-is-star {
background-color: #21b350 !important;
color: #fff !important;
}
.title {
background-color: #fff;
padding: 20px 30px;
border-bottom: 1px solid #eee;
font-size: 16px;
color: #333;
display: flex;
justify-content: space-between;
align-items: center;
}
.greenLiftLine {
font-size: 16px;
color: #333;
height: 22px;
line-height: 22px;
margin-left: 14px;
position: relative;
}
.greenLiftLine:before {
position: absolute;
left: -14px;
height: 100%;
width: 6px;
content: '';
top: 0;
background-color: #21b350;
}
.btnSize {
height: 32px;
padding: 0 15px;
}
.commentBtn {
background-color: #21b350 !important;
border-color: #21b350 !important;
}
.commentBtn:hover {
color: #fff;
background-color: #21b350;
border-color: #21b350;
opacity: 0.8;
}
.tip_tag {
font-size: 12px;
background: #eee;
border-radius: 10px;
color: #888;
margin-left: 8px;
padding: 1px 8px;
}
.color-black {
color: #05101a;
}
.fs14 {
font-size: 14px;
}
.edu-text-center {
text-align: center;
}
.mt10 {
margin-top: 10px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Forums/Index/components/ListItem/index.less?modules ***!
\***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flex___eARTA {
display: flex;
flex-direction: row;
}
.gMAmTc___lGbG_ {
background-color: #ffffff;
padding: 20px 30px;
border-bottom: 1px solid #eeeeee;
font-size: 16px;
color: #333333;
display: flex;
justify-content: space-between;
align-items: center;
}
.kJYYQv___QtsiV {
background-color: #ffffff;
border-radius: 5px;
}
.kTLhbM___LsxGI {
display: flex;
align-items: center;
color: #999999;
}
.listPagin___AANwv {
padding: 25px 0;
text-align: center;
}
.listPagin___AANwv [class~='ant-pagination'] [class~='ant-pagination-jump-next'],
.listPagin___AANwv [class~='ant-pagination'] [class~='ant-pagination-jump-prev'],
.listPagin___AANwv [class~='ant-pagination'] [class~='ant-pagination-next'],
.listPagin___AANwv [class~='ant-pagination'] [class~='ant-pagination-prev'],
.listPagin___AANwv [class~='ant-pagination'] [class~='ant-pagination-item'],
.listPagin___AANwv [class~='ant-pagination'] [class~='ant-pagination-options-quick-jumper'],
.listPagin___AANwv [class~='ant-pagination'] [class~='ant-select-selector'] {
min-width: 32px;
height: 32px;
}
.listPagin___AANwv [class~='ant-pagination'] [class~='ant-select-selection-item'],
.listPagin___AANwv [class~='ant-pagination'] [class~='ant-select-show-arrow'],
.listPagin___AANwv [class~='ant-pagination'] [class~='ant-pagination-item'],
.listPagin___AANwv [class~='ant-pagination'] [class~='ant-select-selector'],
.listPagin___AANwv [class~='ant-pagination'] [class~='ant-pagination-options-quick-jumper'] {
line-height: 32px;
}
.listPagin___AANwv [class~='ant-pagination'] [class~='ant-pagination-options-quick-jumper'] input {
height: 32px;
}
.iwMcWy___ZYE3E {
font-size: 12px;
position: relative;
margin-left: 20px;
height: 18px;
line-height: 18px;
}
.iwMcWy___ZYE3E::before {
position: absolute;
left: -10px;
top: 50%;
margin-top: -6px;
height: 12px;
width: 1px;
content: '';
background: #cccccc;
}
.kgxtyB___tIUuB {
width: 72%;
height: 100%;
border-radius: 5px;
background-color: #ffffff;
}
.cPointer___Kz_aU {
cursor: pointer;
}
.forumList___lFpN6 {
padding: 0 30px;
}
.forumList___lFpN6 > li {
border-bottom: 1px solid #eee;
padding: 15px 0;
}
.forumList___lFpN6 > li:last-child {
border-bottom: none;
}
.cOuXkk___NaYdD {
display: flex;
align-items: center;
justify-content: space-between;
}
.tag___FmK71 {
display: inline-block;
height: 18px;
line-height: 18px;
padding: 0 8px;
font-size: 12px;
color: #fff;
border-radius: 12px;
margin-left: 8px;
}
.tagRed___iYUXx {
background-color: #fa4a4a;
}
.tagOrange___iiaBw {
background-color: #fa6400;
}
.tagBlue___iV1_Z {
background-color: #50c7ff;
}
.tag_Red___R1aSz {
color: #fa4a4a;
}
.tag_Orange___xkdLE {
color: #fa6400;
}
.tag_Blue___TaePK {
color: #50c7ff;
}
.orange___g238b {
color: #fa6400 !important;
}
.blue___HqZNF {
color: #5091ff !important;
}
.iconWrap____jGlq {
margin-left: 30px;
color: #ccc;
float: left;
line-height: 20px;
display: flex;
align-items: center;
}
.iconWrap____jGlq svg {
cursor: default;
font-size: 18px !important;
}
.spanText___AlivR {
margin-left: 3px;
}
.dGqnMq___Hp9vj {
width: 20px;
height: 20px;
border-radius: 50%;
margin-right: 10px;
}
.dicrWo___o1yQM {
color: #999999;
}
.task-hide___oGAxf {
white-space: nowrap;
text-overflow: ellipsis;
}
.textTitle___n_yp2,
.textTitle___n_yp2:active,
.textTitle___n_yp2:hover {
max-width: 700px;
color: #333;
}
.textType___XlSnX,
.textType___XlSnX:active,
.textType___XlSnX:hover {
color: #999;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/pages/Forums/Index/components/Drop/index.less ***!
\***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.gengduo {
cursor: pointer;
font-size: 18px !important;
color: #05101a;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.4.11@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/pages/Forums/Detail/components/AuthorCard/index.less ***!
\******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Grid {
display: grid;
grid-template-columns: repeat(3, 33.33%);
grid-template-rows: 65px;
width: 100%;
}
.mt20 {
margin-bottom: 20px;
}
.whiteBack {
background-color: #fff;
border-radius: 5px;
}
.authorCard {
padding: 35px;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
}
.authorCard img {
height: 60px !important;
width: 60px !important;
margin-bottom: 10px;
border-radius: 50%;
}
.UDStructure {
display: flex;
flex-direction: column;
align-items: center;
}
.UDStructure span:first-child {
color: #333;
font-size: 20px;
margin-bottom: 6px;
line-height: 40px;
}
.UDStructure span:last-child {
font-size: 14px;
line-height: 28px;
}
.jFmXKX span:first-child {
color: #333333;
font-size: 20px;
margin-bottom: 6px;
}
.jFmXKX span:last-child {
font-size: 14px;
}
.kvFNwe {
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
}
.authorCard img + span {
color: #333;
font-size: 16px;
line-height: 32px;
}
.edu-text-center {
text-align: center;
}
.task-hide {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.grey-8 {
color: #888 !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.hzIFCd {
display: grid;
grid-template-columns: repeat(3, 33.33%);
grid-template-rows: 65px;
width: 100%;
}
.mt20 {
margin-top: 20px !important;
}