.box[data-v-556da0e4]{width:100%}.box .tabbar[data-v-556da0e4]{width:100%;background-color:#fff}.box .tabbar img[data-v-556da0e4]{margin:20px 50px;width:130px}.box .navBarFixed[data-v-556da0e4]{position:fixed;top:0;z-index:999}.box .banner[data-v-556da0e4]{width:100%;display:block;height:600px;cursor:pointer}.box .banners[data-v-556da0e4]{display:none;cursor:pointer}.box .btncount[data-v-556da0e4]{position:absolute;top:63%;left:28%;width:25%;height:100px;z-index:20}.box .count[data-v-556da0e4]{position:absolute;top:62%;left:28%}.box .top-box[data-v-556da0e4]{position:relative;width:100%}.box .content[data-v-556da0e4]{width:100%;height:auto;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;background:url(/subject/frendbonst/bg.png) no-repeat;background-size:100% 100%}.box .content .parent-container[data-v-556da0e4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.box .content .parent-container .dujia[data-v-556da0e4]{margin-top:130px}.box .content .part[data-v-556da0e4]{width:73%;margin:0 auto;padding:0 13% 10%}.box .content .part .part1[data-v-556da0e4]{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:1204px;margin:0 auto;display:block;position:relative}.box .content .part .part1 img[data-v-556da0e4]{width:100%}.box .content .part .part1 .rule[data-v-556da0e4]{position:absolute;top:20%;left:2%;width:200px;height:auto;cursor:pointer}.box .content .part .part1 .requests[data-v-556da0e4]{position:absolute;right:8%;bottom:22%;width:177px;height:auto}.box .content .part .wappart1[data-v-556da0e4]{display:none}.box .content .part .part2[data-v-556da0e4]{max-width:1204px;margin:0 auto;margin-top:60px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.box .content .part .part2 img[data-v-556da0e4]{width:100%}.box .content .part .part2 .part2-bottom[data-v-556da0e4]{position:absolute;width:80%;left:10%;bottom:10%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.box .content .part .part2 .part2-bottom img[data-v-556da0e4]{width:40%;height:auto;cursor:pointer}.box .content .part .part2 .inputcont[data-v-556da0e4]{font-weight:600;font-size:30px}.box .content .part .part2 .inputcont input[data-v-556da0e4]{background:#c5e2ff;width:44px;height:40px;text-align:center;line-height:40px;border:none;position:absolute;top:32%;right:24.5%}.box .content .part .part2 .inputcont .packet[data-v-556da0e4]{position:absolute;top:47%;right:25%}.box .content .part .part2 .inputcont .total[data-v-556da0e4]{position:absolute;top:61%;right:22.5%}.box .content .part .wappart2[data-v-556da0e4],.box .content .part .wappart3[data-v-556da0e4]{display:none}.box .content .part .part3[data-v-556da0e4]{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:1204px;margin:0 auto;display:block;margin-top:60px;position:relative}.box .content .part .part3 .app-box[data-v-556da0e4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;bottom:10%;left:8%}.box .content .part .part3 .codeBody>div[data-v-556da0e4]:first-child{font-weight:700;margin-bottom:20px;font-size:20px;text-align:center;color:#fff}.box .content .part .part3 .codeBody .codeBox[data-v-556da0e4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:15px;margin-right:30px}.box .content .part .part3 .codeBody .codeBox .codeItem[data-v-556da0e4]:first-child{margin-right:15px}.box .content .part .part3 .codeBody .codeBox .codeItem .canvasCode[data-v-556da0e4]{border-radius:6px}.box .content .part .part3 .codeBody .codeBox .codeItem div[data-v-556da0e4]{line-height:32px;background:linear-gradient(150deg,#ff2c41,#ff1232),#f33;color:#fff;border-radius:4px;margin-top:6px;font-size:14px}.box .content .part .part4[data-v-556da0e4]{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:1204px;height:auto;margin:0 auto;display:block;margin-top:60px;position:relative;color:#fff;background:url(/subject/frendbonst/bg4.png) no-repeat;background-size:100% 100%;padding:78px 90px;font-size:28px}.box .content .part .part4 .title[data-v-556da0e4]{font-size:30px;font-weight:600;margin-bottom:20px}.box .content .part .part4 .flex[data-v-556da0e4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:end;margin-top:30px}.box .content .part .part4 .wapflex[data-v-556da0e4]{display:none}.box .content .part .part4 .icon[data-v-556da0e4]{height:172px}.box .content .part .part4 p span[data-v-556da0e4]{color:#fff70c}.box .content .part .part4 .detailTable[data-v-556da0e4]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(/subject/frendbonst/bg5.png) no-repeat;background-size:100% 100%!important;padding:20px;margin-bottom:20px}.box .content .part .part4 .detailTable[data-v-556da0e4] .el-table__row,.box .content .part .part4 .detailTable[data-v-556da0e4] .el-table__row--striped{height:60px}.box .content .part .part4 .detailTable[data-v-556da0e4] .el-table__row td{color:#222!important;font-size:18px!important}.box .content .part .part4 .detailTable[data-v-556da0e4] .el-table .cell{white-space:pre-line;font-size:18px}.box .content .part .part4 .detailTable[data-v-556da0e4] .el-table{background:url(/subject/frendbonst/bg5.png) no-repeat!important;background-size:100% 100%!important}.box .content .part .part4 .detailTable[data-v-556da0e4] .el-table .el-table__body-wrapper,.box .content .part .part4 .detailTable[data-v-556da0e4] .el-table .el-table__header-wrapper,.box .content .part .part4 .detailTable[data-v-556da0e4] .el-table .el-table__row{background-color:transparent}.box .content .part .part4 .detailTable[data-v-556da0e4] .el-table .el-table__cell{background-color:hsla(0,0%,100%,.8)}.box .content .part .part4 .waptable[data-v-556da0e4]{display:none}.box .content .part .part4 .button1[data-v-556da0e4]{width:30%;height:auto;margin:0 auto;margin-top:20px;margin-left:35%}.box[data-v-556da0e4] .el-dialog__header{display:none!important}.box[data-v-556da0e4] .el-dialog__body{border:none!important;background:none!important}.box .popup[data-v-556da0e4]{overflow-x:hidden;width:1100px;height:900px;border-radius:20px;background:#fdf5e6;position:fixed;top:57%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px;-webkit-box-shadow:0 0 95px 0 rgba(43,53,105,.1);box-shadow:0 0 95px 0 rgba(43,53,105,.1);overflow-y:scroll;padding-bottom:40px;z-index:99999999999999}.box .popup .closer1[data-v-556da0e4]{float:right;cursor:pointer;margin-top:8px;margin-right:10px}.box .popup .popContent[data-v-556da0e4]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 50px 20px}.box .popup .popContent .top-tit[data-v-556da0e4]{font-weight:600;color:#000;font-size:30px;margin-bottom:30px}.box .popup .popContent li[data-v-556da0e4]{font-size:18px;color:#a86e4f;line-height:36px}.box .popup .popContent li span[data-v-556da0e4]{font-weight:600;color:#e34a3f}.box .popup .popContent li img[data-v-556da0e4]{width:100%;height:auto;margin:20px 0}.box .popup .popContent li table[data-v-556da0e4]{border:1px solid #e34a3f;border-radius:15px;width:100%}.box .popup .popContent li table tr th[data-v-556da0e4]{text-align:center;font-weight:500;line-height:50px;border-bottom:1px solid #d2a765;border-right:1px solid #d2a765;padding:5px}.box .popup .popContent li table tr th[data-v-556da0e4]:last-child{border-right:1px solid transparent}.box .popup .popContent li table tr:first-child th[data-v-556da0e4]{font-weight:600}@media screen and (min-width:1745px) and (max-width:1897px){.box .popup[data-v-556da0e4]{height:800px}}@media screen and (min-width:1264px) and (max-width:1517px){.box .content .part .part1 .img-box1 div img[data-v-556da0e4]{width:238px;height:auto}}@media screen and (max-width:500px){.box[data-v-556da0e4]{width:100%}.box .btncount[data-v-556da0e4]{width:70%;height:60px;z-index:20}.box .btncount[data-v-556da0e4],.box .count[data-v-556da0e4]{position:absolute;top:30%;left:20%}.box .navBarFixed[data-v-556da0e4]{position:fixed;top:0;z-index:999}.box .banner[data-v-556da0e4]{width:100%;display:none}.box .banners[data-v-556da0e4]{display:block;width:100%}.box .content[data-v-556da0e4]{width:100%;height:auto;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;background:url(/subject/frendbonst/wap/bg.png) no-repeat;background-size:100% 100%}.box .content .parent-container[data-v-556da0e4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.box .content .parent-container .dujia[data-v-556da0e4]{margin-top:130px}.box .content .part[data-v-556da0e4]{width:100%;margin:0 auto;padding:4% 0 10%}.box .content .part .part1[data-v-556da0e4]{display:none}.box .content .part .wappart1[data-v-556da0e4]{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;width:100%;padding:0 .5rem;position:relative}.box .content .part .wappart1 img[data-v-556da0e4]{width:100%}.box .content .part .wappart1 .rule[data-v-556da0e4]{position:absolute;top:8%;left:32%;width:34%}.box .content .part .wappart1 .recommon[data-v-556da0e4]{position:absolute;bottom:10%;right:10%;width:50%}.box .content .part .part2[data-v-556da0e4]{display:none}.box .content .part .wappart2[data-v-556da0e4]{display:block;margin:0 auto;margin-top:60px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0 .5rem;position:relative}.box .content .part .wappart2 img[data-v-556da0e4]{width:100%}.box .content .part .wappart2 .request[data-v-556da0e4]{position:absolute;top:40%;left:24%;width:50%}.box .content .part .wappart2 .recommon[data-v-556da0e4]{position:absolute;bottom:7%;left:24%;width:50%}.box .content .part .wappart2 .inputcont[data-v-556da0e4]{font-weight:600;font-size:16px;background:#ff1232}.box .content .part .wappart2 .inputcont input[data-v-556da0e4]{background:#c5e2ff;width:22px;height:20px;text-align:center;line-height:40px;border:none;position:absolute;top:59.5%;right:46.5%}.box .content .part .wappart2 .inputcont .packet[data-v-556da0e4]{position:absolute;top:68.5%;right:48%}.box .content .part .wappart2 .inputcont .total[data-v-556da0e4]{position:absolute;top:77%;right:42.5%}.box .content .part .part3[data-v-556da0e4]{display:none}.box .content .part .wappart3[data-v-556da0e4]{display:block;margin:0 auto;margin-top:60px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0 .5rem;position:relative}.box .content .part .wappart3 img[data-v-556da0e4]{width:100%}.box .content .part .wappart3 .download[data-v-556da0e4]{position:absolute;bottom:7%;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.box .content .part .wappart3 .download img[data-v-556da0e4]:first-child{margin-bottom:20px}.box .content .part .wappart3 .download img[data-v-556da0e4]{width:60%}.box .content .part .part4[data-v-556da0e4]{display:block;margin:0 auto;margin-top:60px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:30px 2rem;position:relative;color:#fff;background:url(/subject/frendbonst/wap/bg3.png) no-repeat;background-size:100% 100%;font-size:14px}.box .content .part .part4 .title[data-v-556da0e4]{font-size:1.1rem;font-weight:600;margin-bottom:0}.box .content .part .part4 .tit[data-v-556da0e4]{font-size:1.1rem;font-weight:600;margin:20px 0}.box .content .part .part4 .flex[data-v-556da0e4]{display:none}.box .content .part .part4 .wapflex[data-v-556da0e4]{display:block;margin-left:1rem;position:relative;margin-top:14%}.box .content .part .part4 .icon[data-v-556da0e4]{height:86px;position:absolute;bottom:-30px;right:-4%}.box .content .part .part4 p span[data-v-556da0e4]{color:#fff70c}.box .content .part .part4 .detailTable[data-v-556da0e4]{display:none}.box .content .part .part4 .waptable[data-v-556da0e4]{display:block;color:#000;position:absolute;top:35%;left:1rem;width:100%}.box .content .part .part4 .waptable .tables[data-v-556da0e4]{background:url(/subject/frendbonst/wap/bg4.png) no-repeat;background-size:100% 100%;font-size:12px;padding:.5rem;width:92%}.box .content .part .part4 .waptable .tables th[data-v-556da0e4]{height:30px}.box .content .part .part4 .button1[data-v-556da0e4]{width:50%;height:auto;margin:20px 0 20px 25%}.box .content .part .part4 .wapcont[data-v-556da0e4]{margin-top:14rem}.box .popup[data-v-556da0e4]{width:95%;height:480px;-webkit-box-shadow:0 0 95px 0 rgba(187,188,192,.1);box-shadow:0 0 95px 0 rgba(187,188,192,.1);background-color:#fdf5e6;border-radius:15px;overflow-y:scroll;z-index:99999999}.box .popup .closer1[data-v-556da0e4]{width:16px;height:30px;height:auto;position:absolute;top:5px;right:5px;font-size:20px}.box .popup .popContent[data-v-556da0e4]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px;overflow:hidden}.box .popup .popContent .top-tit[data-v-556da0e4]{font-size:16px;margin-top:20px}.box .popup .popContent li[data-v-556da0e4]{font-size:14px;color:#a86e4f;line-height:24px}.box .popup .popContent li span[data-v-556da0e4]{font-weight:600;color:#e34a3f}.box .popup .popContent li img[data-v-556da0e4]{width:100%;height:auto;margin:20px 0}.box .popup .popContent li table[data-v-556da0e4]{width:100%;border:1px solid #e34a3f;border-radius:10px}.box .popup .popContent li table tr th[data-v-556da0e4]{text-align:center;font-weight:500;line-height:24px;border-bottom:1px solid #d2a765;border-right:1px solid #d2a765;padding:5px}.box .popup .popContent li table tr th[data-v-556da0e4]:last-child{border-right:1px solid transparent}.box .popup .popContent li table tr:first-child th[data-v-556da0e4]{font-weight:600}.box[data-v-556da0e4] .el-dialog__header{display:none!important}.box[data-v-556da0e4] .el-dialog__body{background:none!important;border:none!important;padding:0!important}}