| 1 |
- .top-module[data-v-6e6126c2]{width:100%;height:154px;display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-radius:8px;margin-bottom:10px;padding:0 13px;box-sizing:border-box}.top-leftsidebar[data-v-6e6126c2]{width:226px;display:flex;flex-direction:column;align-items:center}.top-middlesidebar[data-v-6e6126c2]{width:calc(100% - 536px);display:flex;flex-direction:column;margin:0 10px}.search-bar[data-v-6e6126c2]{width:100%;height:40px;border:2px solid #f2501a;background-color:#fff;box-sizing:border-box;border-radius:50px;display:flex;align-items:center}.search-input[data-v-6e6126c2]{flex:1;font-size:12px}.search-btn[data-v-6e6126c2]{width:86px;height:34px;line-height:34px;display:flex;justify-content:center;align-items:center;border-radius:50px;background-color:#f2501a;margin-right:1.5px;color:#f8f8f8;font-size:16px}.placeholder[data-v-6e6126c2]{color:#919191}.search-icon[data-v-6e6126c2]{width:12px;height:12px;margin-left:12px;margin-right:6px}.tag-list[data-v-6e6126c2]{width:100%;height:50px;display:flex;flex-wrap:wrap;margin-top:5px}.tag-list>li[data-v-6e6126c2]{margin-right:12px}.tag-list>li>a[data-v-6e6126c2]{height:-webkit-max-content;height:-moz-max-content;height:max-content;color:#505050;font-size:12px}.top-leftsidebar-top[data-v-6e6126c2]{display:flex;align-items:center}.logo-img[data-v-6e6126c2]{width:79px;margin-right:21px}.title-1[data-v-6e6126c2]{width:64px;margin-bottom:15px}.title-2[data-v-6e6126c2]{width:200px}.top-rightsidebar[data-v-6e6126c2]{width:290px;display:flex;align-items:flex-start}.top-rightsidebar-btnBox[data-v-6e6126c2]{display:flex;align-items:center;margin-right:23px}.top-rightsidebar-btnBox button[data-v-6e6126c2]{width:-webkit-max-content;width:-moz-max-content;width:max-content;display:flex;flex-direction:column;align-items:center;color:#505050;font-size:12px;margin-right:20px}.top-rightsidebar-btnBox button[data-v-6e6126c2]:last-child{margin-right:0}.top-rightsidebar-btnBox button img[data-v-6e6126c2]{height:22px;margin-bottom:4px}.code-box[data-v-6e6126c2],.code-wrap[data-v-6e6126c2]{display:flex;align-items:center}.code-box[data-v-6e6126c2]{text-align:center;flex-direction:column;justify-content:center;border:1px solid #f2f2f2;border-radius:4px;box-sizing:border-box;font-size:9px;color:#f2501a;padding:8px;margin-right:20px}.code-box[data-v-6e6126c2]:last-child{margin-right:0}.code-box>img[data-v-6e6126c2]{width:60px;height:60px;margin-bottom:3px}.tab-list[data-v-6e6126c2]{width:100%;white-space:nowrap;overflow:auto}.tab-list>li[data-v-6e6126c2]{display:inline-block;margin-right:36px}.tab-list>li[data-v-6e6126c2]:last-child{margin-right:0}.tab-list>li>a[data-v-6e6126c2]{color:#202020;font-size:16px;font-weight:700}.tab-list>li.active>a[data-v-6e6126c2]{color:#f2501a}.swiper[data-v-e3dd6a1c]{width:100%;height:336px;border-radius:8px;margin:0 auto 10px}.swiper-pagination[data-v-e3dd6a1c] .swiper-pagination-bullet{background:#fff!important;opacity:1!important}.swiper-pagination[data-v-e3dd6a1c] .swiper-pagination-bullet-active{opacity:1;background:#f2501a!important}.bannerImg[data-v-e3dd6a1c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.wrap[data-v-e3dd6a1c]{width:100%;display:flex;flex-direction:column;padding-top:40px}.container-wrap[data-v-e3dd6a1c]{width:100%;display:flex;flex-direction:column;align-items:center}.content-width[data-v-e3dd6a1c]{width:1200px;display:flex;flex-direction:column}.top-module[data-v-e3dd6a1c]{width:100%;height:154px;display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-radius:8px;padding:0 13px;box-sizing:border-box;margin:20px 0}.top-leftsidebar[data-v-e3dd6a1c]{width:226px;display:flex;flex-direction:column;align-items:center}.top-middlesidebar[data-v-e3dd6a1c]{width:calc(100% - 536px);display:flex;flex-direction:column;margin:0 10px}.search-bar[data-v-e3dd6a1c]{width:100%;height:40px;border:2px solid #f2501a;background-color:#fff;box-sizing:border-box;border-radius:50px;display:flex;align-items:center}.search-input[data-v-e3dd6a1c]{flex:1;font-size:12px}.search-btn[data-v-e3dd6a1c]{width:86px;height:34px;line-height:34px;display:flex;justify-content:center;align-items:center;border-radius:50px;background-color:#f2501a;margin-right:1.5px;color:#f8f8f8;font-size:16px}.placeholder[data-v-e3dd6a1c]{color:#919191}.search-icon[data-v-e3dd6a1c]{width:12px;height:12px;margin-left:12px;margin-right:6px}.tag-list[data-v-e3dd6a1c]{width:100%;height:50px;display:flex;flex-wrap:wrap;margin-top:5px}.tag-list>li[data-v-e3dd6a1c]{margin-right:12px}.tag-list>li>a[data-v-e3dd6a1c]{height:-webkit-max-content;height:-moz-max-content;height:max-content;color:#505050;font-size:12px}.top-leftsidebar-top[data-v-e3dd6a1c]{display:flex;align-items:center}.logo-img[data-v-e3dd6a1c]{width:79px;margin-right:21px}.title-1[data-v-e3dd6a1c]{width:64px;margin-bottom:15px}.title-2[data-v-e3dd6a1c]{width:200px}.top-rightsidebar[data-v-e3dd6a1c]{width:290px;display:flex;align-items:flex-start}.top-rightsidebar-btnBox[data-v-e3dd6a1c]{display:flex;align-items:center;margin-right:23px}.top-rightsidebar-btnBox button[data-v-e3dd6a1c]{width:-webkit-max-content;width:-moz-max-content;width:max-content;display:flex;flex-direction:column;align-items:center;color:#505050;font-size:12px;margin-right:20px}.top-rightsidebar-btnBox button[data-v-e3dd6a1c]:last-child{margin-right:0}.top-rightsidebar-btnBox button img[data-v-e3dd6a1c]{height:22px;margin-bottom:4px}.code-box[data-v-e3dd6a1c],.code-wrap[data-v-e3dd6a1c]{display:flex;align-items:center}.code-box[data-v-e3dd6a1c]{text-align:center;flex-direction:column;justify-content:center;border:1px solid #f2f2f2;border-radius:4px;box-sizing:border-box;font-size:9px;color:#f2501a;padding:8px;margin-right:20px}.code-box[data-v-e3dd6a1c]:last-child{margin-right:0}.code-box>img[data-v-e3dd6a1c]{width:60px;height:60px;margin-bottom:3px}.tab-list[data-v-e3dd6a1c]{width:100%;white-space:nowrap;overflow:auto}.tab-list>li[data-v-e3dd6a1c]{display:inline-block;margin-right:36px}.tab-list>li[data-v-e3dd6a1c]:last-child{margin-right:0}.tab-list>li>a[data-v-e3dd6a1c]{color:#202020;font-size:16px;font-weight:700}.tab-list>li.active>a[data-v-e3dd6a1c]{color:#f2501a}.center-module[data-v-e3dd6a1c]{width:100%;display:flex;justify-content:space-between;align-items:center;border-radius:8px;margin-bottom:20px}.center-leftsidebar[data-v-e3dd6a1c]{width:226px;height:516px;display:flex;flex-direction:column;align-items:center;background-color:#fff;border-radius:8px;padding:0 8px;box-sizing:border-box}.center-leftsidebar-top[data-v-e3dd6a1c]{width:100%;height:107px;display:flex;align-items:center;border-bottom:1px solid #eee;box-sizing:border-box}.center-leftsidebar-top-img[data-v-e3dd6a1c]{width:66px;margin-right:10px}.center-leftsidebar-top-row[data-v-e3dd6a1c]{display:flex;flex-direction:column}.center-leftsidebar-top-row>span[data-v-e3dd6a1c]:first-child{color:#202020;font-size:20px;font-weight:700;margin-bottom:3px}.center-leftsidebar-top-row>span[data-v-e3dd6a1c]:nth-child(2){font-size:16px;color:grey}.red-color[data-v-e3dd6a1c]{color:#f2501a}.center-leftsidebar-list[data-v-e3dd6a1c]{width:100%;height:calc(100% - 107px);overflow:auto}.center-leftsidebar-list>li[data-v-e3dd6a1c]{width:100%;height:14.285%;display:flex;align-items:center;border-bottom:1px solid #eee;padding:0 2px;box-sizing:border-box}.center-leftsidebar-list>li[data-v-e3dd6a1c]:last-child{border-bottom:none}.center-leftsidebar-list>li>p[data-v-e3dd6a1c]{width:100%;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;color:#202020;font-size:14px}.center-middlesidebar[data-v-e3dd6a1c]{width:calc(100% - 536px);height:516px;display:flex;flex-direction:column;margin:0 10px}.center-menuList[data-v-e3dd6a1c]{width:100%;height:calc(100% - 346px);display:flex;flex-wrap:wrap}.center-menuList>li[data-v-e3dd6a1c]{display:inline-block;width:32.3333%;height:calc(50% - 5px);margin-top:10px;margin-right:1.5%}.center-menuList>li[data-v-e3dd6a1c]:first-child,.center-menuList>li[data-v-e3dd6a1c]:nth-child(2),.center-menuList>li[data-v-e3dd6a1c]:nth-child(3){margin-top:0}.center-menuList>li[data-v-e3dd6a1c]:nth-child(3n){margin-right:0}.center-menuList>li.red[data-v-e3dd6a1c]{background:url(../img/bg-1.c7d3b922.png) no-repeat;background-size:100% 100%}.center-menuList>li.blue[data-v-e3dd6a1c]{background:url(../img/bg-2.d331f138.png) no-repeat;background-size:100% 100%}.center-menuList>li.pink[data-v-e3dd6a1c]{background:url(../img/bg-3.7d471af5.png) no-repeat;background-size:100% 100%}.center-menuList>li.green[data-v-e3dd6a1c]{background:url(../img/bg-4.95c4f707.png) no-repeat;background-size:100% 100%}.center-menuList>li.yellow[data-v-e3dd6a1c]{background:url(../img/bg-5.229ebd10.png) no-repeat;background-size:100% 100%}.center-menuList>li.purple[data-v-e3dd6a1c]{background:url(../img/bg-6.b8c3640b.png) no-repeat;background-size:100% 100%}.center-menuList>li>a[data-v-e3dd6a1c]{width:100%;height:100%;display:flex;align-items:center;padding:0 10px 0 16px;box-sizing:border-box}.center-menuRow[data-v-e3dd6a1c]{flex:1;display:flex;flex-direction:column;justify-content:center}.center-menuTitle[data-v-e3dd6a1c]{color:#fff;font-size:24px;font-weight:700}.center-menuMsg[data-v-e3dd6a1c]{color:#fff;font-weight:400;font-size:18px}.center-menuIcon[data-v-e3dd6a1c]{height:51px}.center-rightsidebar[data-v-e3dd6a1c]{width:290px;height:516px;background-color:#fff;border-radius:8px;overflow:auto;padding:0 10px 10px;box-sizing:border-box}.change-btn[data-v-e3dd6a1c]{width:100%;height:45px;display:flex;justify-content:center;align-items:center;color:#919191;font-size:11px}.change-btn>img[data-v-e3dd6a1c]{width:10px;margin-right:6px}.logo-banner[data-v-e3dd6a1c]{width:100%;height:80px}.recommended-list[data-v-e3dd6a1c]{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.recommended-list>li[data-v-e3dd6a1c]{width:calc(50% - 5px);text-align:center;height:30px;line-height:30px;background-color:#f8f9fc;border-radius:50px;color:#202020;font-size:12px;font-weight:700;margin-top:10px;display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.video-box[data-v-e3dd6a1c]{width:100%;height:140px;box-sizing:border-box;border-radius:8px;margin-top:10px;position:relative;overflow:hidden}.video-box-img[data-v-e3dd6a1c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.play-icon[data-v-e3dd6a1c]{width:30px;height:30px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.bottom-module[data-v-e3dd6a1c]{width:100%;display:flex;flex-direction:column;padding-bottom:20px}.bottom-tab-list[data-v-e3dd6a1c]{width:100%;height:92px;background-color:#fff;border-radius:8px;margin-bottom:20px;white-space:nowrap;overflow:auto;padding:0 20px;box-sizing:border-box}.bottom-tab-list>li[data-v-e3dd6a1c]{width:25%;display:inline-block}.bottom-tab-list>li>a[data-v-e3dd6a1c]{width:100%;height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center}.child-column-name[data-v-e3dd6a1c]{color:#202020;font-size:22px;font-weight:700}.child-column-msg[data-v-e3dd6a1c]{color:#919191;font-size:16px;display:flex;align-items:center}.bottom-tab-list>li.active .child-column-msg[data-v-e3dd6a1c],.bottom-tab-list>li.active .child-column-name[data-v-e3dd6a1c]{color:#f2501a}.border-img[data-v-e3dd6a1c]{width:7px;display:none;margin-right:-5px!important;margin-bottom:-20px!important}.bottom-tab-list>li.active .border-img[data-v-e3dd6a1c]{display:block}.list[data-v-e3dd6a1c]{width:100%;display:flex;flex-wrap:wrap}.list>li[data-v-e3dd6a1c]{width:32.8%;display:flex;flex-direction:column;margin-right:.8%;margin-bottom:.8%;border-radius:8px;overflow:hidden;background-color:#fff}.list>li[data-v-e3dd6a1c]:nth-child(3n){margin-right:0}.item-img[data-v-e3dd6a1c]{width:100%;line-height:236px;-o-object-fit:cover;object-fit:cover}.item-title[data-v-e3dd6a1c]{width:100%;color:#202020;font-size:18px;font-weight:700;padding:10px 12px 0;box-sizing:border-box}.item-tag[data-v-e3dd6a1c]{height:15px;margin-right:6px;vertical-align:middle}.item-bottom[data-v-e3dd6a1c]{width:100%;height:55px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;box-sizing:border-box}.browse-number[data-v-e3dd6a1c],.select-row[data-v-e3dd6a1c]{color:#919191;font-size:16px;font-weight:700}.select-row[data-v-e3dd6a1c]{display:flex;align-items:center}.select-row>img[data-v-e3dd6a1c]{width:18px;margin-right:4px}.wrap[data-v-e3dd6a1c] .el-dialog{width:375px!important;position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;border-radius:20px!important;overflow:hidden!important}.wrap[data-v-e3dd6a1c] .el-dialog__header{background-color:#eee!important;padding:20px 22px 30px!important}.cancel-box[data-v-e3dd6a1c] .el-dialog__title{width:100%!important;display:flex!important;justify-content:center!important}.cancel-box[data-v-e3dd6a1c] .el-dialog__header{background-color:#fff!important}.cancel-box[data-v-e3dd6a1c] .el-dialog__body{padding:0 24px!important}.cancel-box[data-v-e3dd6a1c] .el-dialog__footer{width:calc(100% - 115px)!important;margin:0 auto!important;padding:0 0 0 0!important;display:flex!important}.cancel-footer[data-v-e3dd6a1c]{width:100%;display:flex;justify-content:center;align-items:center;border-radius:8px;overflow:hidden;margin:18px 0 20px}.cancel-footer[data-v-e3dd6a1c] .el-button{width:100%!important;margin:0!important;border-radius:initial!important;background-color:#f28a1a!important;color:#fff!important;border:none!important}.cancel-footer[data-v-e3dd6a1c] .el-button--primary{background-color:#f2501a!important}.checkBoxlist[data-v-e3dd6a1c]{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.checkBoxitem[data-v-e3dd6a1c]{width:calc(50% - 5.5px);height:30px;display:flex;align-items:center;justify-content:center;color:#202020;font-size:12px;background-color:#f8f9fc;border-radius:8px;margin-bottom:12px;box-sizing:border-box}.checkBoxitem.active[data-v-e3dd6a1c]{color:#f2501a;background-color:#feeee6;border:1px solid #e63d23;box-sizing:border-box}.red-color[data-v-e3dd6a1c]{color:#f2501a!important}.normal-box[data-v-e3dd6a1c]{width:100%;display:flex;flex-direction:column;align-items:center;color:#999;font-size:13px;padding:100px 0}.normal-box>img[data-v-e3dd6a1c]{width:40%;margin:6px}.normal-box-middle[data-v-e3dd6a1c]{width:100%;display:flex;flex-direction:column;align-items:center;color:#999;font-size:13px;padding:100px 0}.normal-box-middle>img[data-v-e3dd6a1c]{width:90%;margin:6px}
|
