.homePage { .homeBox { width: 100%; height: calc(100% - 50px); overflow: auto; .intervalRow { width: 100%; height: 5px; background-color: #f5f5f5; } .nameDeviceRow { // height: 40px; flex-direction: row; align-items: center; background: url("../../assets/home/line.png") bottom center no-repeat; background-size: 100% auto; font-size: 0.4rem; color: rgba(135, 135, 166, 1); text-align: left; font-family: PingFangSC-Medium; justify-content: space-between; padding: 0.3rem 0.5rem; .lineCon { width: 1px; height: 0.8rem; border: 1px solid #B9BAD0; transform: scale(0.6); } .txt3 { // flex:1; // height: 16px; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 0.4rem; white-space: nowrap; line-height: 0.4rem; display: block; } .info3 { // width: 47px; // height: 16px; overflow-wrap: break-word; white-space: nowrap; line-height: 0.4rem; font-size: 0.4rem; // margin-left: 36px; display: block; } .word2 { font-size: 0.4rem; // height: 0.5rem; overflow-wrap: break-word; white-space: nowrap; line-height: 0.4rem; // margin-left: 14px; display: block; } } .titleBox { // height: 30px; margin: 0.3rem 0; padding: 0 0.3rem; .layer2 { // height: 25px; width: 2.15rem; .section5 { width: 0.4rem; height: 0.4rem; background: url("../../assets/home/titleIcon.png") top center no-repeat; background-size: 100%; // margin-left: 15px; } .TextGroup2 { // width: 56px; // height: 14px; .txt4 { overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 0.4rem; font-family: PingFangSC-Semibold; text-align: left; white-space: nowrap; line-height: 0.4rem; display: block; } } .surveybyantdv { // width: au; height: 27px; margin-left: auto; margin-right: 10px; } } } .salesData { background: url("../../assets/home/outer.png") top center no-repeat; background-size: 100% 100%; // width: 100%; margin-top: 0.5rem; padding: 0.5rem 0.5rem; // .block5 { // width: 100%; // cursor: pointer; .topTitle { width: 100%; // height: 17px; .txt10 { // height: 17px; overflow-wrap: break-word; color: #4d6add; font-size: 0.35rem; text-align: center; white-space: nowrap; line-height: 0.5rem; } .layer4 { width: 0.5rem; height: 0.5rem; background: url('../../assets/home/gotoRight.png') top center no-repeat; background-size: 100%; } } .salesDataBox { margin: 0.6rem 0; .dataGroup { width: 33.3%; // height: 58px; .dataGroupBox { // width: 100%; // height: 30px; .currencySymbol { // width: auto; // height: 20px; // padding-right: 0.5rem; overflow-wrap: break-word; color: rgba(223, 94, 76, 1); font-size: 0.4rem; font-family: PingFangSC-Semibold; text-align: center; white-space: nowrap; line-height: 0.4rem; margin-top: 0.25rem; display: block; } .dataNum { // width: 49px; // height: 30px; overflow-wrap: break-word; color: rgba(223, 94, 76, 1); font-size: 0.6rem; font-family: PingFangSC-Semibold; text-align: center; white-space: nowrap; line-height: 0.6rem; // margin-left: -20px; margin-top: 0.1rem; display: block; } } .dataText { // width: 100%; // height: 17px; overflow-wrap: break-word; color: rgba(135, 135, 166, 1); font-size: 0.35rem; text-align: center; white-space: nowrap; line-height: 0.35rem; display: block; margin-top: 0.35rem; } } } // .main4 { // width: 33%; // height: 58px; // .main5 { // width: 100%; // height: 30px; // .word8 { // width: auto; // height: 20px; // padding-right: 21px; // overflow-wrap: break-word; // color: rgba(223, 94, 76, 1); // font-size: 14px; // font-family: PingFangSC-Semibold; // text-align: center; // white-space: nowrap; // line-height: 20px; // margin-top: 8px; // display: block; // } // .word9 { // height: 30px; // overflow-wrap: break-word; // color: rgba(223, 94, 76, 1); // font-size: 22px; // font-family: PingFangSC-Semibold; // text-align: center; // white-space: nowrap; // line-height: 30px; // margin-left: -20px; // display: block; // } // } // .info5 { // width: 100%; // height: 17px; // overflow-wrap: break-word; // color: rgba(135, 135, 166, 1); // font-size: 15px; // text-align: center; // white-space: nowrap; // line-height: 17px; // display: block; // margin-top: 11px; // } // } // .TextGroup7 { // height: 58px; // width: 33%; // .mod3 { // width: 100%; // height: 58px; // align-items: center; // .txt8 { // height: 30px; // overflow-wrap: break-word; // color: rgba(223, 94, 76, 1); // font-size: 22px; // font-family: PingFangSC-Semibold; // text-align: center; // white-space: nowrap; // line-height: 30px; // display: block; // } // .info6 { // height: 17px; // overflow-wrap: break-word; // color: rgba(135, 135, 166, 1); // font-size: 15px; // text-align: center; // white-space: nowrap; // line-height: 17px; // margin-top: 11px; // display: block; // } // } // } // .TextGroup8 { // height: 58px; // width: 33%; // .outer6 { // width: 100%; // height: 58px; // align-items: center; // .txt9 { // height: 30px; // overflow-wrap: break-word; // color: rgba(223, 94, 76, 1); // font-size: 22px; // font-family: PingFangSC-Semibold; // text-align: center; // white-space: nowrap; // line-height: 30px; // display: block; // } // .word10 { // height: 17px; // overflow-wrap: break-word; // color: rgba(135, 135, 166, 1); // font-size: 15px; // text-align: center; // white-space: nowrap; // line-height: 17px; // margin-top: 11px; // display: block; // } // } // } // } } .Chart1 { background-color: rgba(255, 255, 255, 1); height: 350px; width: 100%; } .outer9 { // width: 100%; // height: 54px; background: rgba(255, 255, 255, 1) url("../../assets/home/line.png") bottom center no-repeat; background-size: 100% auto; padding: 0.2rem 0.5rem; .main24 { // width: 100%; .ImageText10 { // height: 14px; // margin-left: 20px; width: 2.2rem; .wrap2 { // width: 78px; // height: 14px; .outer10 { // z-index: 2; position: relative; width: 0.35rem; height: 0.4rem; border: 2px rgba(128, 150, 236, 1); background: url("../../assets/home/commonTools.png") center no-repeat; background-size: 100%; } .TextGroup13 { // height: 14px; // width: 56px; .txt13 { // width: 56px; // height: 0.4rem; overflow-wrap: break-word; color: rgba(64, 77, 116, 1); font-size: 0.4rem; font-family: PingFangSC-Semibold; text-align: left; white-space: nowrap; line-height: 0.4rem; display: block; } } } } } } .outer11 { width: 90%; flex-wrap: wrap; margin: 5%; .main25 { width: 33%; height: 3rem; justify-content: space-around; // margin: 0 26px 27px 0; // margin-bottom: 27px; /* &:nth-last-child(-n + 5) { margin-bottom: 0; } */ .mod7 { height: 50px; width: 50px; margin: 0 auto; align-items: center; justify-content: center; } .TextGroup14 { width: 100%; .info15 { width: 100%; // height: 14px; overflow-wrap: break-word; color: rgba(135, 135, 166, 1); font-size: 14px; text-align: center; // white-space: nowrap; line-height: 15px; display: block; } } } } } } .van-floating-bubble { background-color: #557ffd; }