/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/Statistics/index.less?modules ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ body { background: #f5f5f5; } .bg____jkAB { width: 1200px; margin: 0px auto; } .bg____jkAB .header___PPltR { padding: 23px 20px 23px 0; display: flex; align-items: flex-start; } .bg____jkAB .header___PPltR .titleWrap___pTIp8 { flex: 1 1; display: flex; align-items: flex-start; } .bg____jkAB .header___PPltR .titleWrap___pTIp8 i { flex-shrink: 0; margin-top: 4px; } .bg____jkAB .header___PPltR .titleWrap___pTIp8 .title___qTNRH { font-size: 16px; font-weight: 600; margin-left: 10px; padding-right: 10px; flex: 1 1; } .bg____jkAB .header___PPltR .titleWrap___pTIp8 .title___qTNRH .name___dLrvE { padding-right: 10px; } .bg____jkAB .header___PPltR a { color: #165dff; } .bg____jkAB .info___qGW_V { width: 1200px; height: 154px; background: #FFFFFF; padding: 20px; margin-bottom: 30px; } .bg____jkAB .info___qGW_V .title___qTNRH { font-size: 16px; font-weight: 600; color: #333333; } .bg____jkAB .info___qGW_V .boxWrap___n5Uc1 { padding: 0 80px; display: flex; justify-content: space-between; align-items: center; margin-top: 20px; } .bg____jkAB .info___qGW_V .boxWrap___n5Uc1 > div { display: flex; align-items: center; } .bg____jkAB .info___qGW_V .boxWrap___n5Uc1 > div .icon___BdgVN { width: 46px; height: 46px; border-radius: 50%; background: rgba(22, 93, 255, 0.06); display: flex; align-items: center; justify-content: center; } .bg____jkAB .info___qGW_V .boxWrap___n5Uc1 > div .icon___BdgVN i { font-size: 18px; color: #165DFF; } .bg____jkAB .info___qGW_V .boxWrap___n5Uc1 > div aside { margin-left: 20px; } .bg____jkAB .info___qGW_V .boxWrap___n5Uc1 > div aside div:first-child { font-size: 24px; font-weight: 600; color: #165DFF; } .bg____jkAB .info___qGW_V .boxWrap___n5Uc1 > div aside div:last-child { font-size: 14px; color: #434D6C; line-height: 14px; margin-top: 5px; } .bg____jkAB .bigTabs___wqKPl { height: 64px; display: flex; background-color: #fff; padding-top: 20px; } .bg____jkAB .bigTabs___wqKPl > div { height: 100%; font-size: 16px; font-weight: 600; color: #434d6c; margin-left: 40px; position: relative; cursor: pointer; } .bg____jkAB .bigTabs___wqKPl .active___rYKNJ { color: #165dff; } .bg____jkAB .bigTabs___wqKPl .active___rYKNJ::after { content: ''; width: 100%; height: 2px; background-color: #165dff; position: absolute; bottom: 0; left: 0; } .bg____jkAB .main___MUCpu { margin-bottom: 140px; padding-top: 5px; border-radius: 5px; margin-top: 20px; } .bg____jkAB .main___MUCpu div[class~='ant-tabs-nav'] { background: #fff; height: 73px; padding: 0px 40px; margin: 0; } .bg____jkAB .main___MUCpu button[class~='ant-tabs-tab'] { padding: 12px 16px; font-size: 14px; } .titleItem___qDOI5 { display: flex; padding: 32px 20px 30px 40px; font-size: 16px; align-items: center; color: #333333; border-bottom: 1px solid #eeeeee; } .countcenter___rEj8o { display: flex; justify-content: center; align-items: center; } .tabdiv___ShIOl { margin-top: 13px; background: #fff; } .radiusdiv___GU9SO { width: 15px; height: 15px; border-radius: 50%; margin-right: 20px; border: 1px solid #ffffff; } /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/Statistics/SPOC/index.less?modules ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .row3___CeXjd { width: 1200px; height: 122px; background: #ffffff; display: flex; margin-top: 10px; } .row3___CeXjd aside { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 60px; } .row3___CeXjd aside span:first-child { font-size: 20px; font-weight: 600; color: #165dff; } .row3___CeXjd aside span:last-child { margin-top: 12px; font-size: 14px; color: #434d6c; } .info___eN7xx { padding: 20px; background-color: #fff; margin-top: 10px; } .info___eN7xx .title___xxaug { margin-bottom: 20px; } .info___eN7xx .title___xxaug b { font-size: 16px; font-weight: 600; color: #333333; } .info___eN7xx .title___xxaug span { margin: 10px; font-size: 12px; color: #434d6c; } .row5___MDHEi { width: 1200px; height: 180px; margin-top: 10px; } .row5___MDHEi .title___xxaug { height: 56px; line-height: 56px; padding: 0 20px; background: #ffffff; } .row5___MDHEi .title___xxaug b { font-size: 16px; font-weight: 600; color: #333333; } .row5___MDHEi .title___xxaug span { margin: 10px; font-size: 12px; color: #434d6c; } .row5___MDHEi section { display: flex; height: 122px; margin-top: 2px; justify-content: space-around; background: #ffffff; } .row5___MDHEi section aside { display: flex; flex-direction: column; align-items: center; justify-content: center; } .row5___MDHEi section aside span:first-child { font-size: 20px; font-weight: 600; color: #165dff; } .row5___MDHEi section aside span:last-child { margin-top: 12px; font-size: 14px; color: #434d6c; } .rule___Fgl4o { background-color: #fff; padding: 20px; margin-top: 10px; } .rule___Fgl4o .title___xxaug { font-size: 16px; font-weight: 600; color: #333333; margin-bottom: 18px; } .rule___Fgl4o .tabWrap___oSS3J { display: flex; align-items: center; } .rule___Fgl4o .tabWrap___oSS3J > div { font-size: 12px; font-weight: 400; color: #9096a3; margin-right: 7px; } .rule___Fgl4o .tabWrap___oSS3J .tab___DEpgx { display: flex; height: 32px; background: #f6f7f9; box-shadow: inset 0px 1px 3px 0px #d7d8d9; border-radius: 4px; padding: 0; } .rule___Fgl4o .tabWrap___oSS3J .tab___DEpgx li { flex: 1 1; line-height: 34px; text-align: center; font-size: 14px; color: #9096a3; position: relative; cursor: pointer; padding: 0 10px; } .rule___Fgl4o .tabWrap___oSS3J .tab___DEpgx .active___JpKfZ { background: linear-gradient(180deg, #ffffff 0%, #f6f7f9 100%); box-shadow: 0px 0px 2px 0px #e8effb; border-radius: 4px; border: 1px solid #c8d2ea; color: #165dff; line-height: 32px; } .rule___Fgl4o .tabWrap___oSS3J .tab___DEpgx .active___JpKfZ::after { width: 0px !important; } .rule___Fgl4o .tabWrap___oSS3J .tab___DEpgx .active___JpKfZ::before { width: 0px !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/pages/Paths/Detail/Statistics/OWN/index.less?modules ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .row4___lgLCU { width: 1200px; margin-top: 10px; display: flex; height: 122px; justify-content: space-around; background: #ffffff; } .row4___lgLCU aside { display: flex; flex-direction: column; align-items: center; justify-content: center; } .row4___lgLCU aside span:first-child { font-size: 20px; font-weight: 600; color: #165dff; } .row4___lgLCU aside span:last-child { margin-top: 12px; font-size: 14px; color: #434d6c; } .row4___lgLCU aside span:last-child i { font-size: 14px; margin-left: 4px; } .info___TeImt { background-color: #fff; padding: 20px; margin-top: 10px; } .info___TeImt .title___gQi2u { height: 37px; line-height: 20px; background: #ffffff; } .info___TeImt .title___gQi2u b { font-size: 16px; font-weight: 600; color: #333333; } .info___TeImt .title___gQi2u span { margin: 10px; font-size: 12px; color: #434d6c; } .info___TeImt .tabWrap___CrXoM { display: flex; align-items: center; margin-bottom: 20px; } .info___TeImt .tabWrap___CrXoM > aside { font-size: 12px; font-weight: 400; color: #9096a3; margin-right: 7px; } .info___TeImt .tabWrap___CrXoM > span { font-size: 12px; font-weight: 500; color: #fa6400; margin-left: 20px; }