/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/CodeBox/index.less?modules ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .codeBox___WpkVl { display: flex; } .codeBox___WpkVl > aside { margin-right: 20px; height: 50px; } .codeBox___WpkVl > aside > div { color: #f23838; } .codeBox___WpkVl > div { display: flex; flex-direction: column; align-items: center; } .codeBox___WpkVl > div > div { color: #999; margin-top: 6px; } /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/ShixunHomeworks/components/TrfList/index.less?modules ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .leftdiv___aBzsX { flex: 1 1; margin-right: 8px; height: 340px; border-radius: 4px; border: 1px solid #d9d9d9; padding: 14px; } .leftdiv___aBzsX .listClass___bxIEW { display: flex; align-items: center; } .leftdiv___aBzsX .spantitle___v_Vc4 { word-break: break-all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 108px; display: inline-block; } .rightdiv___xWu4M { margin-left: 8px; flex: 1 1; height: 340px; border-radius: 4px; border: 1px solid #d9d9d9; padding: 14px; } /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/ShixunHomeworks/Detail/components/ConfigWorks/index.less?modules ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .flex_box_center___IBr6x { justify-content: center; align-items: center; -webkit-justify-content: center; box-align: center; } .flex_space_between___n2Iz0 { justify-content: space-between; -webkit-box-pack: justify; } .flex_box_vertical_center___1umwO { align-items: center; box-align: center; } .flex_box_center_end___SRZYb { 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___b90Da { flex-direction: column; box-orient: block-axis; } .form___V3fAH strong { font-weight: normal; color: #333; font-size: 16px; } .form___V3fAH h1 { font-weight: 600; color: #333; font-size: 16px; } .form___V3fAH [class~='ant-form-item'] { margin-bottom: 0; } .efficiency___Lmou1 { background: #fafafa; padding: 20px; font-size: 12px; position: relative; } .efficiency___Lmou1:before { width: 0; height: 0; content: ''; position: absolute; left: -20px; top: 27px; border-right: 15px solid #fafafa; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } div[class~="ant-modal-confirm-content"] { margin-left: none; } .tip___hVaw_ { color: #fb0303; margin-left: 110px; } /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/CutOffNow/index.less?modules ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .tips___e8J4O { margin-bottom: 14px; background-color: #fafafa; padding: 10px; border-radius: 4px; } .homeworkType___ZjN2X { margin-bottom: 8px; } .antdTable___amDdp tbody[class~='ant-table-tbody'] td { border-bottom: none; } .modalWrapper___XPojI div[class~='ant-modal-header'] { padding-bottom: 14px; } .modalWrapper___XPojI div[class~='ant-modal-body'] { padding-top: 0; } /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/GroupHomework/components/SelectPolls.less?modules ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .flex_box_center___ABrmR { justify-content: center; align-items: center; -webkit-justify-content: center; box-align: center; } .flex_space_between___vTOmX { justify-content: space-between; -webkit-box-pack: justify; } .flex_box_vertical_center___txnfs { align-items: center; box-align: center; } .flex_box_center_end___fhlTP { 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___NGqFB { flex-direction: column; box-orient: block-axis; } .line1___kzLLz { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; word-break: break-all; } .form___JNFp_ label { display: box; display: flex; align-items: center; box-align: center; } /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/Classrooms/Lists/GroupHomework/index.less?modules ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .flex_box_center___orPjN { justify-content: center; align-items: center; -webkit-justify-content: center; box-align: center; } .flex_space_between___fhNpW { justify-content: space-between; -webkit-box-pack: justify; } .flex_box_vertical_center___l3I2N { align-items: center; box-align: center; } .flex_box_center_end___gJb9S { 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___juTss { flex-direction: column; box-orient: block-axis; } .bg___WElBH { background: #fafafa; } .containerTitle___W1Ql2 { height: 88px; line-height: 88px; font-size: 18px; padding: 0 30px; color: #333; border-bottom: 1px solid #eee; display: box; display: flex; align-items: center; box-align: center; } .containerTitle___W1Ql2 div:nth-child(1) { flex: 1 1; } .containerDesc___v298I { background-color: #fff; } .listItem___zymUe { padding: 25px 30px 25px 0px; display: box; display: flex; background: white; margin-top: 20px; cursor: pointer; } .listItem___zymUe > div { flex: 1 1; } .listItem___zymUe:hover { box-shadow: 0 0 10px #ccc; } .info___OKtSD { margin-left: 20px; } .info___OKtSD p { margin-top: 18px; } .title___KuRLT { display: box; display: flex; align-items: center; box-align: center; } .titleLeft___OMSvE { flex: 1 1; display: box; display: flex; align-items: center; box-align: center; } .titleLeft___OMSvE strong { color: #333; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 580px; } .titleLeft___OMSvE strong:hover { color: #0152d9; } .titleRight___TAV1P { margin-top: 18px; } .titleRight___TAV1P a { margin-right: 20px; font-weight: bold; } .acitons___TSujO { background: white; display: box; display: flex; align-items: center; box-align: center; padding: 0 30px; padding-bottom: 20px; } .acitons___TSujO > div:nth-child(1) { flex: 1 1; } .acitons___TSujO > div:nth-child(2) { display: box; display: flex; align-items: center; box-align: center; } .acitons___TSujO > div:nth-child(2) span { cursor: pointer; color: #999; } .acitons___TSujO > div:nth-child(2) span:hover { color: #333; } .moveCategory___Bm4dh { padding: 30px 0; position: relative; top: -25px; } .moveCategory___Bm4dh ul { box-shadow: 0 0 6px 0 rgba(76, 76, 76, 0.2) !important; background: white; padding: 10px 0; } .moveCategory___Bm4dh ul li { padding: 0; margin: 5px 0; font-size: 14px; } .spanSize___npoSj { font-size: 16px; font-weight: 400; color: #0152d9; cursor: pointer; } /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/CommonHomework/components/TabMenu/index.less?modules ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .tabMenuContainer___xbZhu .ant-menu { background-color: transparent; border: 0; } .tabMenuContainer___xbZhu .ant-menu .ant-menu-item { width: 125px; height: 38px; background: #f5f5f5; border-radius: 4px 4px 0px 0px; border: 0 !important; margin: 0 3px 0 0 !important; text-align: center; font-size: 14px; } .tabMenuContainer___xbZhu .ant-menu .ant-menu-item::after { display: none !important; } .tabMenuContainer___xbZhu .ant-menu .ant-menu-item-selected { background: #ffffff; box-shadow: 0 -1px 2px #ededed; } .tabMenuContainer___xbZhu .ant-menu .ant-menu-item-selected .ant-menu-title-content > span { color: #3061D0 !important; } .tabMenuContainer___xbZhu .control___tg7XY { display: flex; align-items: center; } .tabMenuContainer___xbZhu .control___tg7XY .iconH___CDXCm { margin-right: 10px; font-size: 16px; color: #666; } .tabMenuContainer___xbZhu .control___tg7XY .iconH___CDXCm:hover { color: #0152d9; } .tabMenuContainer___xbZhu .control___tg7XY .selectBtn___Da4jv { display: inline-block; padding: 0 12px; height: 30px; background: #0152d9; border-radius: 4px; line-height: 30px; text-align: center; color: #fff; cursor: default; } .tabMenuContainer___xbZhu .control___tg7XY .selectBtn___Da4jv > span:first-child { margin-right: 3px; transform: scale(0.7); display: inline-block; } /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/GroupHomework/components/List/index.less?modules ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .listContainer___x25sx { padding: 20px 10px 25px 10px; display: flex; align-items: baseline; background: white; margin-top: 10px; cursor: pointer; position: relative; transition: all 0.3s; } .listContainer___x25sx:hover { box-shadow: 0 0 10px #ccc; } .listContainer___x25sx .info___pPoXs { flex: 1 1; margin-left: 7px; } .listContainer___x25sx .info___pPoXs .title___hyvJ4 { display: flex; justify-content: space-between; } .listContainer___x25sx .info___pPoXs .title___hyvJ4 .left___PcXqY { display: flex; flex: 1 1; align-items: center; } .listContainer___x25sx .info___pPoXs .title___hyvJ4 .left___PcXqY > span > a { font-size: 16px; font-weight: 500; color: #333; } .listContainer___x25sx .info___pPoXs .title___hyvJ4 .right___Gm2iB .flexBox____dxaA { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; color: #666666; margin-right: 20px; cursor: pointer; } .listContainer___x25sx .info___pPoXs .title___hyvJ4 .right___Gm2iB .flexBox____dxaA:last-child { margin-right: 6px; cursor: default; } .listContainer___x25sx .info___pPoXs .title___hyvJ4 .right___Gm2iB .flexBox____dxaA:hover { color: #0152d9; } .listContainer___x25sx .info___pPoXs .title___hyvJ4 .right___Gm2iB .flexBox____dxaA i { margin-bottom: 6px; } .listContainer___x25sx .info___pPoXs .title___hyvJ4 .right___Gm2iB .flexBox____dxaA div { font-size: 12px; font-weight: 400; } .listContainer___x25sx .info___pPoXs .detail___Bps1Y { display: flex; margin-top: 7px; font-size: 12px; } .listContainer___x25sx .info___pPoXs .detail___Bps1Y .iconV___AsCHz { margin-left: auto; padding-right: 7px; text-align: end; color: #888888; } .listContainer___x25sx .info___pPoXs .detail___Bps1Y .iconV___AsCHz i { color: #cccccc; font-size: 14px; transform: scale(0.7); display: inline-block; } .listContainer___x25sx .info___pPoXs .detail___Bps1Y .iconV___AsCHz:hover i { color: #0152d9; } /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/GroupHomework/components/BottomControl/index.less?modules ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .bottomControlContainer___yUX9N { width: 916px; height: 60px; z-index: 100; align-items: center; transition: bottom 0.5s; box-shadow: 0px -1px 4px 0px #f1f1f1; border-radius: 4px 4px 0px 0px; background: #ffffff; display: flex; justify-content: space-between; align-content: center; padding: 0 20px; } .bottomControlContainer___yUX9N > div:first-child { display: flex; align-items: center; } .bottomControlContainer___yUX9N > div:first-child > div { margin-right: 5px; cursor: pointer; } .bottomControlContainer___yUX9N > div:last-child .ant-btn { min-width: 76px; min-height: 30px; font-size: 12px; border-radius: 4px; } .bottomControlContainer___yUX9N .buttonWrap___A3uZF { position: relative; z-index: 999; } .bottomControlContainer___yUX9N .buttonWrap___A3uZF { min-height: 30px; border-radius: 4px; padding: 0px 6px; display: flex; align-items: center; } .bottomControlContainer___yUX9N .buttonWrap___A3uZF > i { margin-right: 5px; } .bottomControlContainer___yUX9N .moveCategory___pCGhW { position: relative; top: 40px; left: -6px; z-index: 200; padding-bottom: 60px; } .bottomControlContainer___yUX9N .moveCategory___pCGhW ul { box-shadow: 0 0 6px 0 rgba(76, 76, 76, 0.2) !important; background: white; padding: 10px; } .bottomControlContainer___yUX9N .moveCategory___pCGhW ul li { margin: 5px 0; font-size: 14px; } /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/CommonHomework/components/SearchSortController/index.less?modules ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .searchSortControllerContainer___AAq4n { background-color: white; display: flex; align-items: center; height: 74px; padding: 0 20px; } .searchSortControllerContainer___AAq4n .btn___bMc0x { text-align: center; font-size: 14px; color: #666666; margin-right: 30px; cursor: default; } .searchSortControllerContainer___AAq4n .btn___bMc0x.btnSort___vBpNG { margin-right: 8px; } .searchSortControllerContainer___AAq4n .btn___bMc0x:hover { color: #0152d9; } .searchSortControllerContainer___AAq4n .tips___egWVQ { cursor: pointer; } .searchSortControllerContainer___AAq4n .tips___egWVQ > i { font-size: 14px; } .searchSortControllerContainer___AAq4n .tips___egWVQ:hover { color: #0152d9; } /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/CommonHomework/components/SortShixunPanel/index.less ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .sort-list-panel { z-index: 1; } .sort-list-panel .sort-list-tip { width: 80%; height: 80px; margin: 0 auto; background: #fff; box-shadow: 3px 3px 3px #ededed; opacity: 1; border-radius: 2px 2px 0 0; padding: 24px; box-sizing: border-box; line-height: 34px; display: flex; flex-flow: row nowrap; align-items: center; } .sort-list-panel .sort-list-tip span { flex: 1 0; } .sort-list-panel .ant-drawer-content { background: #f5f5f5; } .dragging-li { list-style: none; padding: 0; margin: 0; z-index: 10000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 1px solid blue; cursor: -webkit-grab; cursor: grab; width: 80%; background: #fff; opacity: 1; margin: 0 auto; padding: 10px 6px 10px 40px; margin-top: 30px; } .dragging-li h3 { line-height: 28px; font-size: 16px; } .dragging-li p { color: #888; font-size: 12px; margin: 16px 0 0 0; } .task-list-container { padding: 0; margin: 0; } .task-list-container li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: -webkit-grab; cursor: grab; width: 80%; background: #fff; opacity: 1; margin: 0 auto; padding: 10px 6px 10px 40px; margin-top: 30px; } .task-list-container li:hover { box-shadow: 0 2px 6px rgba(51, 51, 51, 0.09); } .task-list-container li h3 { line-height: 28px; font-size: 16px; } .task-list-container li p { color: #888; font-size: 12px; margin: 16px 0 0 0; }