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__Classrooms__Lists__Onlin...

797 lines
32 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.3.18@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.18@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Classrooms/Lists/OnlineLearning/index.less?modules ***!
\**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flex_box_center___Eli3_ {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___b9mMZ {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center___HDlqC {
align-items: center;
box-align: center;
}
.flex_box_center_end___wxSjo {
justify-content: flex-end;
align-items: center;
-webkit-justify-content: flex-end;
-webkit-align-items: center;
-webkit-box-align: center;
-webkit-box-pack: end;
box-align: center;
box-pack: end;
}
.flex_box_column___riQIC {
flex-direction: column;
box-orient: block-axis;
}
.icons___fU5ZJ {
color: #0152d9;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
border-radius: 18px;
display: inline-block;
}
.icons___fU5ZJ img {
width: 14px;
}
.shixuns___HhH4T [class~='ant-row'] {
min-height: 40px;
padding: 0 20px;
cursor: pointer;
}
.shixuns___HhH4T [class~='ant-row'] aside {
display: none;
}
.shixuns___HhH4T [class~='ant-row']:hover {
background-color: #f2f8ff;
}
.shixuns___HhH4T [class~='ant-row']:hover aside {
display: inline;
}
.shixuns___HhH4T [class~='ant-row']:hover [class~='experiment-number'] {
display: none;
}
.buttons___Xd62N {
text-align: right;
padding-bottom: 30px;
padding-right: 20px;
}
.buttons___Xd62N button {
width: 130px;
text-align: center;
margin-left: 25px;
}
.addStage___Ap4gr {
margin-top: 10px;
text-align: center;
height: 90px;
line-height: 90px;
background-color: #fff;
cursor: pointer;
color: #999999;
}
.color4CA___dMAG4 {
color: #0152d9;
}
.color204___ySVKY {
color: #cccccc;
}
.completed___pNt1x {
font-size: 12px;
padding: 2px;
color: #07b318;
border: 1px solid #07b318;
margin-left: 5px;
}
.actionTabs___x3cPl {
height: 76px;
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 16px;
background-color: #fff;
border-bottom: 1px solid #f5f5f5;
}
.actionTabs___x3cPl .tab___BFnIn {
margin: 0 20px 0 30px;
}
.actionTabs___x3cPl .tab___BFnIn .s1___O6K2P {
cursor: pointer;
}
.actionTabs___x3cPl .tabActive___v3_qF {
margin: 0 20px 0 30px;
position: relative;
}
.actionTabs___x3cPl .tabActive___v3_qF .s1___O6K2P {
cursor: pointer;
}
.actionTabs___x3cPl .tabActive___v3_qF .s1___O6K2P {
color: #0152d9;
}
.actionTabs___x3cPl .tabActive___v3_qF::after {
content: '';
height: 3px;
background-color: #0152d9;
position: absolute;
left: 0;
bottom: -25px;
z-index: 1;
width: 100%;
}
.total___oZdqK {
padding: 20px 0 0 30px;
font-size: 14px;
color: #333333;
background-color: #fff;
}
.total___oZdqK > span {
color: #0152d9;
margin: 0 4px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.3.18@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.18@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Classrooms/Lists/OnlineLearning/components/SelectShixuns/index.less?modules ***!
\***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flex_box_center___bI3gK {
justify-content: center;
align-items: center;
-webkit-justify-content: center;
box-align: center;
}
.flex_space_between___ZyemH {
justify-content: space-between;
-webkit-box-pack: justify;
}
.flex_box_vertical_center___vOG6y {
align-items: center;
box-align: center;
}
.flex_box_center_end___g0YQU {
justify-content: flex-end;
align-items: center;
-webkit-justify-content: flex-end;
-webkit-align-items: center;
-webkit-box-align: center;
-webkit-box-pack: end;
box-align: center;
box-pack: end;
}
.flex_box_column___a7oLH {
flex-direction: column;
box-orient: block-axis;
}
.wrp___wYwtQ {
background: #fff;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04);
padding-top: 10px;
}
.drawer___UVA9h [class='ant-drawer-content'] {
background: #f5f5f5 !important;
}
.menu___s5Hi1 {
padding: 0;
margin: 15px 0;
position: relative;
z-index: 2;
}
.menu___s5Hi1:hover {
z-index: 3;
}
.menu___s5Hi1 > li {
display: inline-block;
position: relative;
margin-right: 10px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
height: 32px;
line-height: 32px;
border-radius: 32px;
padding: 0 18px;
}
.menu___s5Hi1 > li a {
color: #4b4b4b;
}
.menu___s5Hi1 > li strong {
cursor: pointer;
font-size: 14px;
}
.menu___s5Hi1 > li:hover {
color: #fff;
background: #0152d9;
}
.actived___GavBb {
background: #0152d9;
color: #fff;
}
.actived2___XNyxe {
color: #0152d9 !important;
}
.listItem___OyHb7 {
padding: 25px 30px 25px 30px;
display: box;
display: flex;
background: white;
margin-top: 20px;
cursor: pointer;
}
.listItem___OyHb7 > div {
flex: 1 1;
}
.listItem___OyHb7:hover {
box-shadow: 0 0 10px #ccc;
}
.info___UU9rA {
margin-left: 20px;
}
.info___UU9rA p {
margin-top: 18px;
}
.title___CmRLc {
display: box;
display: flex;
align-items: center;
box-align: center;
}
.title___CmRLc strong {
color: #333;
}
.titleLeft___xWCXz {
flex: 1 1;
}
.titleRight___PeYdC {
margin-top: 18px;
}
.titleRight___PeYdC a {
margin-right: 20px;
font-weight: bold;
}
.search___CzPOL {
width: 600px;
margin: 30px 0 30px 0;
}
.search___CzPOL input,
.search___CzPOL [class='ant-input-group-addon'] button {
height: 50px;
line-height: 50px;
padding: 0 30px;
font-size: 16px;
}
.description___TEI_C {
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
}
.menuCourse___Z8Z9h {
color: #999;
}
.menuCourse___Z8Z9h ul,
.menuCourse___Z8Z9h li {
margin: 0;
padding: 0;
list-style: none;
}
.menuCourse___Z8Z9h li {
display: inline-block;
margin-right: 30px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.3.18@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.18@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Classrooms/Lists/OnlineLearning/components/Head/index.less?modules ***!
\**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wrap___UWG0f {
background-color: #ffff;
padding: 30px;
border-bottom: 1px solid #eeeeee;
}
.name___LIQSC {
height: 40px;
text-align: center;
font-size: 19px;
color: #212121;
}
.button___CSggN {
height: 40px;
}
.progress___AQo_Y {
width: 400px;
}
.havaLearn___fq9Cb {
height: 40px;
font-size: 19px;
color: #212121;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.3.18@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.18@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Video/Detail/components/AddVideoModal/index.less?modules ***!
\****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modal___EKlPQ [class~='ant-modal-body'] {
padding-left: 60px;
padding-right: 60px;
}
.uploadWrap___YGxav {
display: flex;
flex-flow: row;
align-items: center;
}
.upload___ouqG9 {
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
height: 31px;
width: 120px;
padding: 3px 11px;
font-size: 14px;
color: #fff;
background: #0152d9;
border-color: #0152d9;
text-align: center;
cursor: pointer;
border-radius: 2px;
}
.uploadLink___nuif6 {
color: #0152d9;
background: #fff;
border: 1px solid #0152d9;
}
.fileProgress___tf4qy {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.fileCancel___Bh3Wh {
cursor: pointer;
font-size: 14px;
color: #ff0000;
}
.videoName___Ra0NM {
color: #0152d9;
}
.contentItem___zMdIq [class~='ant-form-item-label'] label::before {
display: inline-block;
margin-right: 4px;
color: #ff4d4f;
font-size: 12px;
font-family: SimSun, sans-serif;
line-height: 1;
content: '*';
}
.tagsList-content___sDVph {
margin-left: 78px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.3.18@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.18@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/CoverUpload/index.less?modules ***!
\*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.img___BgL9D {
position: relative;
width: 400px;
height: auto;
background-color: #f4f3f4;
display: flex;
align-items: center;
justify-content: center;
}
.img___BgL9D > div {
position: absolute;
right: -6px;
top: -6px;
cursor: pointer;
background-color: #fff;
width: 16px;
height: 16px;
border-radius: 50%;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.3.18@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.18@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/ChunkedUpload/index.less?modules ***!
\*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.upload___jpwPD {
display: inline-block;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.3.18@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.18@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/components/MultiUpload/index.less ***!
\***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.upload_button {
width: 108px;
height: 32px;
background: #F6F7F9 linear-gradient(180deg, #FFFFFF 0%, #F6F7F9 100%);
box-shadow: 0px 2px 4px 0px #E0DFE1, inset 0px 1px 3px 0px rgba(255, 255, 255, 0.5);
border-radius: 2px;
border: 1px solid #BACFFE;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #3061D0;
display: inline-block;
text-align: center;
align-items: center;
align-content: center;
}
.upload_button .aBtn_img {
width: 14px;
height: 14px;
margin-top: -3px;
margin-right: 8px;
}
.upload_button:hover {
width: 108px;
height: 32px;
background: #F6F7F9 linear-gradient(180deg, #FFFFFF 0%, #F6F7F9 100%);
box-shadow: 0px 2px 4px 0px #E0DFE1, inset 0px 1px 3px 0px rgba(255, 255, 255, 0.5);
border-radius: 2px;
border: 1px solid #BACFFE;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #3061D0;
}
.upload_button:active {
width: 108px;
height: 32px;
background: #F6F7F9 linear-gradient(180deg, #FFFFFF 0%, #F6F7F9 100%);
box-shadow: 0px 2px 4px 0px #E0DFE1, inset 0px 1px 3px 0px rgba(255, 255, 255, 0.5);
border-radius: 2px;
border: 1px solid #BACFFE;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #3061D0;
}
.upload_text {
width: 129px;
height: 20px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #5F6367;
line-height: 20px;
margin-left: 16px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.3.18@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.18@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Paths/Detail/components/Sort/index.less?modules ***!
\*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
#educoder .tree___SHCwq [class~='ant-tree-switcher'] {
display: none;
}
#educoder .tree___SHCwq [class~='ant-tree-indent'] {
line-height: 0;
height: 0;
}
#educoder .tree___SHCwq [class~='ant-tree-node-content-wrapper'] {
padding: 0 !important;
min-height: 0 !important;
}
#educoder .tree___SHCwq [class~='drag-over'] * {
color: white;
}
#educoder .tree___SHCwq [class~='ant-tree-treenode']:has([class~='ant-tree-title']:empty) {
display: none;
}
#educoder .tree___SHCwq [class~="ant-tree-draggable-icon"] {
visibility: hidden;
}
#educoder .tree___SHCwq [class~='ant-row'] {
min-height: 40px;
padding: 0 20px 0 0;
cursor: pointer;
}
#educoder .tree___SHCwq [class~='ant-row'] aside {
display: none;
}
#educoder .tree___SHCwq [class~='ant-row']:hover {
background-color: #f2f8ff;
}
#educoder .tree___SHCwq [class~='ant-row']:hover aside {
display: inline;
}
#educoder .tree___SHCwq [class~='ant-row']:hover [class~='experiment-number'] {
display: none;
}
#educoder .tree___SHCwq .learn___buOG9 {
display: inline-flex;
align-items: center;
}
#educoder .tree___SHCwq .learn___buOG9 .name___dwQwe {
display: inline-block;
max-width: 400px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#educoder .tree___SHCwq .learn___buOG9 .sign___aQzc5 {
display: inline-block;
width: 54px;
height: 18px;
background: #F8B023;
border-radius: 8px;
font-size: 12px;
color: #FFFFFF;
line-height: 18px;
margin-left: 5px;
text-align: center;
}
#educoder .pdf_name___m1wEX {
display: inline-block;
max-width: 650px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #3061d0 !important;
}
#educoder .name_style___CnJ7d {
display: inline-block;
max-width: 520px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #333 !important;
}
#educoder .color333___TbHdH {
color: #333 !important;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.3.18@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.18@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/pages/Classrooms/Lists/OnlineLearning/components/Discuss/index.less ***!
\*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.pagination-container {
padding: 12px 0 0;
}
.discuss-warp-container .CodeMirror-scroll,
.discuss-warp-container .CodeMirror-sizer,
.discuss-warp-container .CodeMirror-gutter,
.discuss-warp-container .CodeMirror-gutters,
.discuss-warp-container .CodeMirror-linenumber {
box-sizing: content-box !important;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.3.18@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.18@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/Spinner/index.less?modules ***!
\***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ldsRing___mpBZC {
position: relative;
width: 40px;
height: 40px;
margin: 0 auto;
}
.idsRingWrapper___Of9_n {
position: absolute;
z-index: 1000;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
flex-flow: column nowrap;
justify-content: center;
}
.idsRingWrapper___Of9_n p {
text-align: center;
margin-top: 12px;
}
.ldsRing___mpBZC div {
box-sizing: border-box;
display: block;
position: absolute;
width: 32px;
height: 32px;
margin: 4px;
border: 4px solid #1976d2;
border-radius: 50%;
animation: ldsring___o0w2t 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #1976d2 transparent transparent transparent;
}
.ldsRing___mpBZC div:nth-child(1) {
animation-delay: -0.45s;
}
.ldsRing___mpBZC div:nth-child(2) {
animation-delay: -0.3s;
}
.ldsRing___mpBZC div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes ldsring___o0w2t {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.3.18@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.18@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/pages/Classrooms/Lists/OnlineLearning/components/Discuss/discuss-editor/index.less ***!
\************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.discuss-item-editor {
width: 100%;
overflow: hidden;
}
.discuss-item-editor .btn-send {
cursor: pointer;
border: none;
padding: 0 12px;
color: #fff;
letter-spacing: 1px;
text-align: center;
font-size: 14px;
height: 30px;
line-height: 30px;
border-radius: 2px;
font-weight: 400;
margin-right: 22px;
margin-top: 6px;
background: #0152d9;
float: right;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.3.18@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.18@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/pages/Classrooms/Lists/OnlineLearning/components/Discuss/discuss-item/index.less ***!
\**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.discuss-item-container {
display: flex;
flex-flow: row nowrap;
width: 100%;
padding: 15px;
border-bottom: 1px solid #e3e3e3;
overflow: hidden;
}
.discuss-item-container section {
margin-left: 15px;
flex: 1 1 auto;
width: 100%;
}
.discuss-item-container .grey {
color: #ccc;
}
.discuss-content {
margin: 4px 0;
word-break: break-word;
word-wrap: break-word;
}
.discuss-content img {
max-width: 200px;
}
.discuss-info {
display: flex;
flex-flow: row wrap;
align-items: center;
color: #999;
line-height: 16px;
font-size: 12px;
}
.discuss-info .top {
color: #ffffff;
padding: 0 8px;
background: #ff4343;
border-radius: 8px;
text-align: center;
}
.discuss-info .gift {
cursor: default;
}
.discuss-info .view-code {
color: #4cacff;
}
.discuss-info a {
color: #999;
}
.discuss-info a,
.discuss-info span {
margin-right: 15px;
}
.hidden {
display: none;
}
.btn-group {
display: flex;
flex-flow: row nowrap;
justify-content: flex-end;
margin-bottom: 8px;
}
.btn-group .btn-top .iconfont {
transform: rotate(180deg);
display: inline-block;
}
.btn-group a {
width: 31px;
text-align: center;
color: #888;
}
.btn-group a .iconfont {
font-size: 14px !important;
}
.second-level-discuss {
padding: 2px 8px;
}
.second-level-discuss .btn-group {
opacity: 0;
}
.second-level-discuss:hover {
background: #ebebeb;
}
.second-level-discuss:hover .btn-group {
opacity: 1;
}
.discuss-info-body {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: space-between;
}
.reply-discuss-container {
background: #f4f4f4;
border-radius: 4px;
margin-bottom: 6px;
position: relative;
margin-top: 6px;
}
.reply-discuss-container:before {
content: ' ';
position: absolute;
border-color: black;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
left: 13px;
top: -9px;
border-bottom: 10px solid #f4f4f4;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** 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.3.18@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[2]!./node_modules/_@umijs_bundler-webpack@4.3.18@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[1].use[3]!./src/components/image-preview/index.less ***!
\*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.image-preview-container {
display: flex;
flex-flow: column nowrap;
position: fixed;
align-items: center;
justify-content: center;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99999;
background: rgba(0, 0, 0, 0.8);
}
.image-preview-container .image-preview {
transition: transform 0.4s linear;
max-width: 86%;
}
.image-preview-container .button-group {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-end;
position: absolute;
z-index: 101;
right: 10px;
top: 10px;
}
.image-preview-container .button-group a,
.image-preview-container .button-group button {
color: rgba(0, 0, 0, 0.65);
margin-right: 10px;
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.preview-wrp-group {
overflow: auto;
width: 100%;
text-align: center;
}