2 lines
5.4 KiB
CSS
2 lines
5.4 KiB
CSS
@charset "UTF-8";.leftBorder[data-v-876facb1]{position:absolute;top:9%;left:0;width:25%;height:90%;background:url(../png/leftBorder-2a21c8cb.png) no-repeat left center;background-size:100% 100%}.leftBorder .title[data-v-876facb1]{width:100%;height:50px;margin:0 0 0 40px;font-family:YouSheBiaoTiHei;color:#fff;background:url(../png/littleTitle-7eb7aa3f.png) no-repeat left center;background-size:75%}.leftBorder .title .text[data-v-876facb1]{padding:0 0 0 50px;font-size:18px}.leftBorder .projectNum[data-v-876facb1]{display:flex;width:90%;height:100px;margin-left:50px}.leftBorder .projectNum .numItem[data-v-876facb1]{width:56px;height:62px;margin-left:10px;font-family:DigitalRegular;font-size:48px;line-height:62px;color:#fff;text-align:center;background:url(../png/frame-05597b60.png) no-repeat;background-size:100%}.leftBorder .companyAll[data-v-876facb1]{display:flex;justify-content:space-evenly;width:90%;margin:0 0 20px 45px}.leftBorder .companyAll .companyItemLeft[data-v-876facb1]{width:190px;height:75px;margin:0 0 15px;background:url(../png/blueSquare-ba905502.png) no-repeat center center;background-size:100%}.leftBorder .companyAll .companyItemLeft .flex[data-v-876facb1]{display:flex}.leftBorder .companyAll .companyItemLeft .flex .leftIcon[data-v-876facb1]{flex:4}.leftBorder .companyAll .companyItemLeft .flex .leftIcon img[data-v-876facb1]{width:70px;height:70px;margin-top:3px}.leftBorder .companyAll .companyItemLeft .flex .rightMessage[data-v-876facb1]{flex:6;margin-top:11px}.leftBorder .companyAll .companyItemLeft .flex .rightMessage .unitName[data-v-876facb1]{font-family:SourceHanSansCNR;font-size:16px;color:#fff}.leftBorder .companyAll .companyItemLeft .flex .rightMessage .unitNumber[data-v-876facb1]{font-family:DigitalRegular;font-size:28px;color:#558adb}.leftBorder .companyAll .companyItemRight[data-v-876facb1]{width:190px;height:75px;margin:0 0 15px;background:url(../png/greenSquare-f3e101a9.png) no-repeat;background-size:100%}.leftBorder .companyAll .companyItemRight .flex[data-v-876facb1]{display:flex}.leftBorder .companyAll .companyItemRight .flex .leftIcon[data-v-876facb1]{flex:4}.leftBorder .companyAll .companyItemRight .flex .leftIcon img[data-v-876facb1]{width:70px;height:70px}.leftBorder .companyAll .companyItemRight .flex .rightMessage[data-v-876facb1]{flex:6;margin-top:11px}.leftBorder .companyAll .companyItemRight .flex .rightMessage .unitName[data-v-876facb1]{font-family:SourceHanSansCNR;font-size:16px;color:#fff}.leftBorder .companyAll .companyItemRight .flex .rightMessage .unitNumber[data-v-876facb1]{font-family:DigitalRegular;font-size:28px;color:#30ac7c}.leftBorder .realNameSystem[data-v-876facb1]{position:relative;height:290px}.leftBorder .realNameSystem .bluebg[data-v-876facb1]{position:relative;width:161px;height:161px;margin:0 0 0 50px;text-align:center;background:url(../png/blueCirclebg-28e0662a.png) no-repeat center center;background-size:100%}.leftBorder .realNameSystem .bluebg img[data-v-876facb1]{width:130px;height:130px;margin:16px 0 0 -2px}.leftBorder .realNameSystem .bluebg .centerTitle[data-v-876facb1]{position:absolute;top:55px;left:50px}.leftBorder .realNameSystem .bluebg .centerTitle .titleNumber[data-v-876facb1]{font-family:DigitalRegular;font-size:32px;color:#fff;text-align:center}.leftBorder .realNameSystem .bluebg .centerTitle .titleName[data-v-876facb1]{font-family:SourceHanSansCNR;font-size:12px;color:#558adb;text-align:centerb}.leftBorder .realNameSystem .greenbg[data-v-876facb1]{position:relative;position:absolute;top:10%;left:43%;width:150px;height:140px;margin:0 0 0 35px;background:url(../png/greenCirclebg-ba3b337f.png) no-repeat center center;background-size:100%}.leftBorder .realNameSystem .greenbg img[data-v-876facb1]{width:120px;height:120px;margin:10px 0 0 15px}.leftBorder .realNameSystem .greenbg .centerTitle[data-v-876facb1]{position:absolute;top:45px;left:50px}.leftBorder .realNameSystem .greenbg .centerTitle .titleNumber[data-v-876facb1]{font-family:DigitalRegular;font-size:32px;color:#fff;text-align:center}.leftBorder .realNameSystem .greenbg .centerTitle .titleName[data-v-876facb1]{font-family:SourceHanSansCNR;font-size:12px;color:#558adb;text-align:center}.leftBorder .realNameSystem .greenbg .percent[data-v-876facb1]{position:absolute;top:37px;left:155px;width:76px;height:30px;font-family:OPPOSansH;font-size:17px;color:#30ac7c;text-align:center;border-bottom:5px solid #dddddd;border-image:linear-gradient(to right,rgba(48,172,124,0),rgb(48,172,124)) 30 30}.leftBorder .realNameSystem .redbg[data-v-876facb1]{position:relative;position:absolute;top:55%;left:25%;width:130px;height:120px;margin:0 0 0 35px;background:url(../png/redCirclebg-5299e728.png) no-repeat center center;background-size:100%}.leftBorder .realNameSystem .redbg img[data-v-876facb1]{width:100px;height:100px;margin:10px 0 0 15px}.leftBorder .realNameSystem .redbg .centerTitle[data-v-876facb1]{position:absolute;top:35px;left:40px}.leftBorder .realNameSystem .redbg .centerTitle .titleNumber[data-v-876facb1]{font-family:DigitalRegular;font-size:32px;color:#fff;text-align:center}.leftBorder .realNameSystem .redbg .centerTitle .titleName[data-v-876facb1]{font-family:SourceHanSansCNR;font-size:12px;color:#558adb;text-align:center}.leftBorder .realNameSystem .redbg .percent[data-v-876facb1]{position:absolute;top:32px;left:135px;width:76px;height:30px;font-family:OPPOSansH;font-size:17px;color:#ee501e;text-align:center;border-bottom:5px solid #dddddd;border-image:linear-gradient(to right,rgba(238,80,30,0),rgb(238,80,30)) 30 30}
|