.panel[data-v-63c72cd9]{padding:40px 0}.codeIntroduction .screenMain[data-v-63c72cd9]{width:100%;min-height:600px;background:#f8f8f8}.codeIntroduction .screenMain .topBanner[data-v-63c72cd9]{width:100%}.codeIntroduction .screenMain .mainBox[data-v-63c72cd9]{padding-bottom:100px;display:flex;margin-top:60px}.codeIntroduction .screenMain .mainBox .tabBox[data-v-63c72cd9]{flex-shrink:0;margin-right:50px;margin-top:3px}.codeIntroduction .screenMain .mainBox .tabBox .tabLi[data-v-63c72cd9]{width:188px;height:60px;line-height:60px;color:#333330;font-size:16px;background:#fff;padding-left:25px;display:flex;align-items:center;border-bottom:2px solid #f5f5f5;cursor:pointer;position:relative}.codeIntroduction .screenMain .mainBox .tabBox .tabLi .dot[data-v-63c72cd9]{width:6px;height:6px;background:#e0e0e0;margin-right:14px}.codeIntroduction .screenMain .mainBox .tabBox .liActive[data-v-63c72cd9],.codeIntroduction .screenMain .mainBox .tabBox .tabLi[data-v-63c72cd9]:hover{color:#fff;background:#007eff;font-weight:700}.codeIntroduction .screenMain .mainBox .tabBox .liActive .dot[data-v-63c72cd9],.codeIntroduction .screenMain .mainBox .tabBox .tabLi:hover .dot[data-v-63c72cd9]{background:#fff}.codeIntroduction .screenMain .mainBox .tabBox .liActive[data-v-63c72cd9]:after,.codeIntroduction .screenMain .mainBox .tabBox .tabLi[data-v-63c72cd9]:hover:after{content:"";display:inline-block;border-top:6px solid transparent;border-right:10px solid transparent;border-left:10px solid #007eff;border-bottom:6px solid transparent;position:absolute;top:40%;right:-18px}.codeIntroduction .screenMain .mainBox .tabPanel[data-v-63c72cd9]{min-height:800px;flex:1;padding:0 30px 0 5px}.codeIntroduction .screenMain .mainBox .tabPanel .panelUl[data-v-63c72cd9]{height:40px;line-height:40px;display:flex;border-bottom:2px solid #009de1}.codeIntroduction .screenMain .mainBox .tabPanel .panelUl .panelLi[data-v-63c72cd9]{min-width:140px;font-size:18px;text-align:center;cursor:pointer;background-color:#f8f8f8;border-radius:8px 8px 0 0;color:#333;margin-right:20px}.codeIntroduction .screenMain .mainBox .tabPanel .panelUl .ActiveLabel[data-v-63c72cd9]{color:#fff;background-color:#009de1;font-weight:700}.codeIntroduction .screenMain .mainBox .tabPanel .modeImg[data-v-63c72cd9]{width:782px;position:relative;left:50%;transform:translateX(-50%);margin-top:20px}.codeIntroduction .screenMain .mainBox .tabPanel .panelCon .topTitleName[data-v-63c72cd9]{width:200px;height:20px;font-size:18px;font-weight:700;margin-bottom:10px;line-height:20px}.codeIntroduction .screenMain .mainBox .tabPanel .panelCon .topTitleName .cube[data-v-63c72cd9]{width:7px;height:16px;background-color:#007eff;display:inline-block;margin-right:2px;position:relative;top:50%;transform:translateY(-57%)}.codeIntroduction .screenMain .mainBox .tabPanel .panelCon .conTop[data-v-63c72cd9]{font-size:16px;margin-bottom:20px}.codeIntroduction .screenMain .mainBox .tabPanel .panelCon .conTop .topWords[data-v-63c72cd9]{color:#333;text-indent:2em;line-height:1.6}.codeIntroduction .screenMain .mainBox .tabPanel .panelCon .conCenter[data-v-63c72cd9]{font-size:16px;color:#333}.codeIntroduction .screenMain .mainBox .tabPanel .panelCon .conCenter .titleName[data-v-63c72cd9]{font-weight:700}.codeIntroduction .screenMain .mainBox .tabPanel .panelCon .conCenter .modeCon[data-v-63c72cd9]{margin-bottom:25px;margin-left:2px}.codeIntroduction .screenMain .mainBox .tabPanel .panelCon .conCenter .modeCon .titleBox[data-v-63c72cd9]{display:flex;color:#007eff;font-weight:700;margin:10px 0 3px 0}.codeIntroduction .screenMain .mainBox .tabPanel .panelCon .conCenter .modeCon .titleBox .numIcon[data-v-63c72cd9]{width:26px;margin-right:3px}.codeIntroduction .screenMain .mainBox .tabPanel .panelCon .conCenter .modeCon .words[data-v-63c72cd9]{text-indent:2em;margin-bottom:2px;line-height:1.5}.codeIntroduction .screenMain .mainBox .tabPanel .panelCon .conCenter .modeCon .words .num[data-v-63c72cd9]{color:#007eff;font-weight:700;margin-right:7px}