.homeBg[data-v-f8dc4764]{width:100%;padding-top:5.208333vw;min-height:100vh;padding-bottom:18.75vw;background-image:url(../img/surnameBg.83fcfe92.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%}.homeMain[data-v-f8dc4764]{width:100%;padding-top:2.604167vw}.homeMain .titleBox[data-v-f8dc4764]{width:36.458333vw;height:19.791667vw;background-image:url(../img/surnameTitle.44ca3334.png);background-size:contain;background-repeat:no-repeat;background-position:50%;margin:0 auto;display:flex;justify-content:center;align-items:center}.homeMain .titleBox .titleCss[data-v-f8dc4764]{font-size:5.208333vw;background:-webkit-linear-gradient(180deg,#5d412b,#231816);background:linear-gradient(180deg,#5d412b,#231816);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:textXingKai}.homeMain .mainBox[data-v-f8dc4764]{width:100%;min-height:26.041667vw}.homeMain .mainBox .topBox[data-v-f8dc4764]{margin:0 auto;width:72.916667vw;font-family:textXingKai;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.041667vw}.homeMain .mainBox .topBox .topItem[data-v-f8dc4764]{width:11.458333vw;height:3.125vw;font-size:1.458333vw;background-image:url(../img/surnamePai1.2cafa65b.png);background-repeat:no-repeat;background-size:100% 100%;cursor:pointer;padding:0 1.5625vw 0 1.5625vw;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.homeMain .mainBox .topBox .topItem .topNum[data-v-f8dc4764]{font-family:DIN-BOLD;font-size:1.145833vw}.homeMain .mainBox .resBox[data-v-f8dc4764]{width:78.125vw;margin:0 auto;background-image:url(../img/suranmeBg.b53ebd20.png);background-size:100% 100%;background-repeat:no-repeat}.homeMain .mainBox .resBox .resultMian[data-v-f8dc4764]{width:67.708333vw;margin:0 auto;padding:1.041667vw 2.34375vw 2.604167vw 2.34375vw;box-sizing:border-box}.homeMain .mainBox .resBox .resultMian .resultTop[data-v-f8dc4764]{width:100%;height:5.208333vw;display:flex;justify-content:space-between;align-items:center}.homeMain .mainBox .resBox .resultMian .resultTop .resLeft .tips[data-v-f8dc4764]{color:#333;margin-bottom:.260417vw}.homeMain .mainBox .resBox .resultMian .resultTop .resLeft .tipsSurname[data-v-f8dc4764]{display:flex;justify-content:flex-start;align-items:center;width:100%}.homeMain .mainBox .resBox .resultMian .resultTop .resLeft .tipsSurname .textItem[data-v-f8dc4764]{width:1.5625vw;height:1.5625vw;display:block;text-align:center;line-height:1.5625vw;text-decoration:none;background-color:#b6a88f;color:#fff;margin-right:.416667vw;border-radius:.15625vw;cursor:pointer}.homeMain .mainBox .resBox .resultMian .resultTop .resLeft .tipsSurname .textItem[data-v-f8dc4764]:hover{background-color:rgba(203,151,91,.4392156863)}.homeMain .mainBox .resBox .resultMian .resultTop .resRight[data-v-f8dc4764]{width:10.416667vw;height:2.083333vw;border:1px solid #999;border-radius:2.083333vw;background-color:#fff;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.homeMain .mainBox .resBox .resultMian .resultTop .resRight .input_box[data-v-f8dc4764]{flex:1}.homeMain .mainBox .resBox .resultMian .resultTop .resRight .input_box[data-v-f8dc4764] .el-input__wrapper{background-color:transparent;box-shadow:none}.homeMain .mainBox .resBox .resultMian .resultTop .resRight .input_box[data-v-f8dc4764] .el-input__inner{font-size:.729167vw}.homeMain .mainBox .resBox .resultMian .resultTop .resRight .btn_box[data-v-f8dc4764]{width:3.645833vw;padding:.15625vw;box-sizing:border-box;height:100%}.homeMain .mainBox .resBox .resultMian .surnameTotal[data-v-f8dc4764]{width:100%;height:36.458333vw;overflow:auto;border-top:1px solid #708f96;border-left:1px solid #708f96;border-bottom:1px solid #708f96;box-sizing:border-box}.homeMain .mainBox .resBox .resultMian .surnameTotal .letterBox[data-v-f8dc4764]{width:100%;display:flex;justify-content:space-between;box-sizing:border-box}.homeMain .mainBox .resBox .resultMian .surnameTotal .letterBox .letterLeft[data-v-f8dc4764]{width:2.604167vw;color:#333;border-top:1px solid #708f96;display:flex;justify-content:center;align-items:center}.homeMain .mainBox .resBox .resultMian .surnameTotal .letterBox .letterRight[data-v-f8dc4764]{width:calc(100% - 2.60417vw);display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.homeMain .mainBox .resBox .resultMian .surnameTotal .letterBox .letterRight .letterText[data-v-f8dc4764]{width:11.979167vw;height:9.375vw;padding:.520833vw;cursor:pointer;border:1px solid #c7c7c7;box-sizing:border-box;background-color:hsla(0,0%,100%,.5);color:#666;transition:all .5s}.homeMain .mainBox .resBox .resultMian .surnameTotal .letterBox .letterRight .letterText .letterTexttop[data-v-f8dc4764]{width:100%;margin-bottom:.520833vw;height:4.166667vw;border-bottom:.104167vw solid #dadada;box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center;position:relative}.homeMain .mainBox .resBox .resultMian .surnameTotal .letterBox .letterRight .letterText .letterTexttop .tipsBox[data-v-f8dc4764]{position:absolute;top:-.520833vw;right:0;width:2.34375vw;height:3.125vw;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAABBCAMAAAB2Bw20AAAAclBMVEXqz58AAADqz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/76MXu1Kf/7c3w16v65cHx2a7+7Mvz27H237j03bX34rzr0aIcOGfeAAAAGXRSTlPSALvz4DQE6NbJv7KijnlhPi4K/lBIJR8Qj/7m0AAAAL1JREFUSMft0MsSgjAMheFEEO8KeD2U9AL4/q/oMMjgBqhu7b/t10wmRPgm+sEXpW9F5xX8UsEHH3zwwQcffPD/6LfQ4u83tEdVe3rXYE8XSCl+463gRAnBWePBjXWIE+IsghSzH5TWBtGSiXkZQ4o5rx2wSrn1nEewzxlf4nx8cOd5gcbNLK+xZu79CWJlirfPx8EnaxhbGRnJ1KVDnA+ebyuoWo9WqfY0H57vW0y2ybj379LDbjHS7nDlvheNEhfidEL//AAAAABJRU5ErkJggg==);background-size:100% 100%;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#000;font-weight:700}.homeMain .mainBox .resBox .resultMian .surnameTotal .letterBox .letterRight .letterText .letterTexttop .letter[data-v-f8dc4764]{width:100%}.homeMain .mainBox .resBox .resultMian .surnameTotal .letterBox .letterRight .letterText .letterTexttop .letter .name[data-v-f8dc4764]{width:7.8125vw;overflow:hidden;text-overflow:ellipsis;font-family:textXingKai;white-space:nowrap;font-size:1.5625vw;color:#000}.homeMain .mainBox .resBox .resultMian .surnameTotal .letterBox .letterRight .letterText .flexCss[data-v-f8dc4764]{display:flex;justify-content:space-between;align-items:center;margin-top:.260417vw}.homeMain .mainBox .resBox .resultMian .surnameTotal .letterBox .letterRight .letterText .flexCss div[data-v-f8dc4764]{width:49%;height:1.354167vw;border-radius:1.041667vw;line-height:1.354167vw;text-align:center;border:1px solid grey;box-sizing:border-box;font-size:.625vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.homeMain .mainBox .resBox .resultMian .surnameTotal .letterBox .letterRight .letterActive[data-v-f8dc4764]{background-color:rgba(246,246,126,.511)}.homeMain .mainBox .resBox .resultMian .surnameTotal[data-v-f8dc4764]::-webkit-scrollbar{width:.260417vw;height:.260417vw;background:#b4ccce;border-radius:.260417vw}.homeMain .mainBox .resBox .resultMian .surnameTotal[data-v-f8dc4764]::-webkit-scrollbar-thumb{border-radius:.260417vw;background:#346766;overflow:hidden}.homeMain .mainBox .resBox .resultMian2 .surnameTotal2 .surnameItemBox[data-v-f8dc4764]{width:100%;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.homeMain .mainBox .resBox .resultMian2 .surnameTotal2 .surnameItemBox .surnameItem[data-v-f8dc4764]{width:7.8125vw;height:7.8125vw;padding:.520833vw;cursor:pointer;border:1px solid #c7c7c7;box-sizing:border-box;background-color:#fff;color:#666}.disableCss[data-v-f8dc4764]{cursor:not-allowed!important;color:#9f9f9f;pointer-events:none}@font-face{font-family:DIN-BOLD;src:url(../fonts/DIN-BOLD.20720c3a.OTF)}@font-face{font-family:textXingKai;src:url(../fonts/STXINGKA.242a828d.TTF)}.homeBg[data-v-9437841e]{width:100%;padding-bottom:150px;box-sizing:border-box;min-height:100vh;background-image:url(../img/surnameBg.d663b1fb.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%}.homeBanner[data-v-9437841e]{width:100%;padding-top:50px;padding-bottom:0}.homeBanner .titleBox[data-v-9437841e]{width:100%;height:200px;background-image:url(../img/surnameTitle.44ca3334.png);background-size:contain;background-repeat:no-repeat;background-position:50%;margin:0 auto;display:flex;justify-content:center;align-items:center}.homeBanner .titleBox .titleCss[data-v-9437841e]{font-size:40px;background:-webkit-linear-gradient(180deg,#5d412b,#231816);background:linear-gradient(180deg,#5d412b,#231816);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:textXingKai}.mainBox[data-v-9437841e]{width:100%;padding-top:0}.mainBox .affixBox[data-v-9437841e]{width:100%}.mainBox .affixBox .topBox[data-v-9437841e]{width:100%;overflow-x:auto;padding-top:0;padding-bottom:10px;font-family:textXingKai;box-sizing:border-box}.mainBox .affixBox .topBox .TopBoxCss[data-v-9437841e]{width:1150px;display:flex;justify-content:space-between;align-items:center}.mainBox .affixBox .topBox .TopBoxCss .topItem[data-v-9437841e]{width:182px;height:45px;padding:0 30px;font-size:20px;background-image:url(../img/surnamePai1.2cafa65b.png);background-repeat:no-repeat;background-size:100% 100%;cursor:pointer;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.mainBox .affixBox .topBox .TopBoxCss .topItem .topNum[data-v-9437841e]{font-family:DIN-BOLD;font-size:20px}.mainBox .affixBox .searchMain[data-v-9437841e]{width:100%;padding:10px 10px 40px 10px;box-sizing:border-box}.mainBox .affixBox .searchMain .searchBox[data-v-9437841e]{width:100%;height:40px;border:1px solid #bfbfbf;border-radius:10px;background-color:#f4efe6;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.mainBox .affixBox .searchMain .searchBox .input_box[data-v-9437841e]{flex:1}.mainBox .affixBox .searchMain .searchBox .input_box[data-v-9437841e] .el-input__wrapper{background-color:transparent;box-shadow:none}.mainBox .affixBox .searchMain .searchBox .input_box[data-v-9437841e] .el-input__inner{font-size:14px}.mainBox .affixBox .searchMain .searchBox .btn_box[data-v-9437841e]{width:70px;padding:3px;box-sizing:border-box;height:100%}.mainBox .affixBox .leftLetter[data-v-9437841e]{position:relative}.mainBox .affixBox .leftLetter .letterBox[data-v-9437841e]{position:absolute;left:0;top:0;width:30px}.mainBox .affixBox .leftLetter .letterBox .tipsSurname[data-v-9437841e]{width:100%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.mainBox .affixBox .leftLetter .letterBox .tipsSurname .textItem[data-v-9437841e]{font-size:12px;width:30px;height:30px;display:block;text-align:center;line-height:30px;text-decoration:none;background-color:#b6a88f;color:#fff;cursor:pointer}.mainBox .affixBox .leftLetter .letterBox .tipsSurname .textItem[data-v-9437841e]:hover{background-color:rgba(203,151,91,.4392156863)}.mainBox .resBox[data-v-9437841e]{width:100%;padding-left:30px;box-sizing:border-box}.mainBox .resBox .listBox[data-v-9437841e]{width:100%;font-size:14px}.mainBox .resBox .listBox .surnameTotal[data-v-9437841e]{width:100%;height:800px;overflow:auto;border-top:1px solid #c7c7c7;border-left:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;box-sizing:border-box}.mainBox .resBox .listBox .surnameTotal .letterBox2[data-v-9437841e]{width:100%;display:flex;justify-content:space-between;box-sizing:border-box}.mainBox .resBox .listBox .surnameTotal .letterBox2 .letterLeft[data-v-9437841e]{width:30px;color:#333;border-top:1px solid #c7c7c7;display:flex;justify-content:center;align-items:center}.mainBox .resBox .listBox .surnameTotal .letterBox2 .letterRight[data-v-9437841e]{width:calc(100% - 30px);display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.mainBox .resBox .listBox .surnameTotal .letterBox2 .letterRight .letterText[data-v-9437841e]{width:calc(50% - 5px);padding:8px;cursor:pointer;border:1px solid #c7c7c7;box-sizing:border-box;background-color:hsla(0,0%,100%,.5);color:#666;transition:all .5s}.mainBox .resBox .listBox .surnameTotal .letterBox2 .letterRight .letterText .letterTexttop[data-v-9437841e]{width:100%;margin-bottom:10px;height:60px;border-bottom:2px solid #dadada;box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center;position:relative}.mainBox .resBox .listBox .surnameTotal .letterBox2 .letterRight .letterText .letterTexttop .tipsBox[data-v-9437841e]{position:absolute;top:-8px;right:0;width:40px;height:50px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAABBCAMAAAB2Bw20AAAAclBMVEXqz58AAADqz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/qz5/76MXu1Kf/7c3w16v65cHx2a7+7Mvz27H237j03bX34rzr0aIcOGfeAAAAGXRSTlPSALvz4DQE6NbJv7KijnlhPi4K/lBIJR8Qj/7m0AAAAL1JREFUSMft0MsSgjAMheFEEO8KeD2U9AL4/q/oMMjgBqhu7b/t10wmRPgm+sEXpW9F5xX8UsEHH3zwwQcffPD/6LfQ4u83tEdVe3rXYE8XSCl+463gRAnBWePBjXWIE+IsghSzH5TWBtGSiXkZQ4o5rx2wSrn1nEewzxlf4nx8cOd5gcbNLK+xZu79CWJlirfPx8EnaxhbGRnJ1KVDnA+ebyuoWo9WqfY0H57vW0y2ybj379LDbjHS7nDlvheNEhfidEL//AAAAABJRU5ErkJggg==);background-size:100% 100%;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#000;font-weight:700}.mainBox .resBox .listBox .surnameTotal .letterBox2 .letterRight .letterText .letterTexttop .letter[data-v-9437841e]{width:100%}.mainBox .resBox .listBox .surnameTotal .letterBox2 .letterRight .letterText .letterTexttop .letter .name[data-v-9437841e]{width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:textXingKai;font-size:22px;margin-right:10px;color:#000}.mainBox .resBox .listBox .surnameTotal .letterBox2 .letterRight .letterText .flexCss[data-v-9437841e]{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.mainBox .resBox .listBox .surnameTotal .letterBox2 .letterRight .letterText .flexCss div[data-v-9437841e]{width:49%;border-radius:20px;text-align:center;border:1px solid grey;box-sizing:border-box;font-size:12px}.mainBox .resBox .listBox .surnameTotal .letterBox2 .letterRight .letterActive[data-v-9437841e]{background-color:rgba(246,246,126,.511)}.disableCss[data-v-9437841e]{cursor:not-allowed!important;color:#9f9f9f;pointer-events:none}.boxCss[data-v-3b2b7cbc],.boxLay1[data-v-3b2b7cbc],.boxLay2[data-v-3b2b7cbc]{width:100%}@media screen and (max-width:960px){.boxLay1[data-v-3b2b7cbc]{display:none}}@media screen and (min-width:960px){.boxLay2[data-v-3b2b7cbc]{display:none}}