.m #main-content{padding:55px 0 0}.m .promotion{padding:15px 0;font-family:Microsoft YaHei;background-image:url(https://prostatic.vvvava.cn/static/images/promotions/m/bg.png),linear-gradient(180deg,#fbf4df,#eaf7fb,#f3f0e7,#f7f0db);background-repeat:no-repeat;background-position:center top}.m .promotion .m-banner{margin:0 12.5px;border-radius:10px;overflow:hidden}.m .promotion .m-banner img{width:100%}.m .promotion .tabs{overflow-y:auto}.m .promotion .tabList{margin:0 auto;padding:5px 0 12.5px;display:flex;justify-content:space-between}.m .promotion .tab{width:70px;height:80px;box-sizing:border-box;padding-top:11.5px;flex-shrink:0;position:relative;text-align:center;font-size:13px;color:#474545;line-height:12px;cursor:pointer}.m .promotion .tab img{width:36px;height:36px;margin-bottom:8px}.m .promotion .tab:not(:first-child){margin-left:15px}.m .promotion .tab:not(:first-child)::before{content:"";width:1px;height:20px;background:#d9caad;position:absolute;left:-12.5px;top:30px;transform:translateY(-50%)}.m .promotion .tab.active::after{content:"";width:40px;height:3px;position:absolute;bottom:0;left:50%;background:linear-gradient(90deg,#ffd279,#ff5c37);border-radius:3px;transform:translateX(-50%)}.m .promotion .m-tabPanel{box-sizing:border-box;width:375px;margin:0 auto;padding:0 7px}.m .promotion .m-tabPanel:not(:first-child){display:none}.m .promotion .m-tabPanel .m-list{margin:0;padding:0}.m .promotion .m-tabPanel .m-list li{width:361px;height:341px;padding:15px 20px 0;position:relative;box-sizing:border-box;list-style:none;background:url(https://prostatic.vvvava.cn/static/images/promotions/m/bg1.png) no-repeat center top/100%}.m .promotion .m-tabPanel .m-list li:not(:first-child){margin-top:44px}.m .promotion .m-tabPanel .m-list li.over{background:url(https://prostatic.vvvava.cn/static/images/promotions/m/bg2.png) no-repeat center top/100%}.m .promotion .m-tabPanel .state{position:absolute;top:17.5px;left:0;width:95px;font-size:14px;color:#fff;text-align:center;font-style:italic}.m .promotion .m-tabPanel .time{display:flex;align-items:center;justify-content:flex-end;font-size:12px;color:#666;line-height:12px}.m .promotion .m-tabPanel .time img{width:20.5px;height:18.5px;margin-right:10px}.m .promotion .m-tabPanel .item-banner{width:320px;height:130px;margin-top:26px;border-radius:5px;overflow:hidden}.m .promotion .m-tabPanel .item-banner img{max-width:100%}.m .promotion .m-tabPanel .item-banner.with-video{position:relative;cursor:pointer}.m .promotion .m-tabPanel .item-banner.with-video::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:#333;opacity:.5}.m .promotion .m-tabPanel .item-banner.with-video::after{content:"";width:48px;height:48px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url(https://prostatic.vvvava.cn/static/images/promotions/m/video.png) no-repeat center center/100%}.m .promotion .m-tabPanel .title{margin-top:9px;font-size:18px;font-weight:700;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m .promotion .m-tabPanel .desc{height:44px;margin-top:4px;position:relative;font-size:12px;color:#333;line-height:22px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.m .promotion .m-tabPanel .tags{height:20px;display:flex;margin-top:8px}.m .promotion .m-tabPanel .tags .tag{min-width:80px;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#b38136;line-height:12px;background:#fff9f0;border:1px solid #cc943f;border-radius:8px 0 8px 0}.m .promotion .m-tabPanel .tags .tag:not(:first-child){margin-left:10px}.m .promotion .m-tabPanel .tags .tag:nth-child(2){color:#3552c3;background:#f2f5ff;border:1px solid #91a5f2}.m .promotion .m-tabPanel .tags .tag:nth-child(3){color:#c92414;background:#fff3f0;border:1px solid #cc5a3d}.m .promotion .m-tabPanel .btn{width:160px;height:40px;display:flex;align-items:center;justify-content:center;position:absolute;left:50%;bottom:-10px;font-size:15px;font-weight:700;color:#fff;text-shadow:0 2px 1px rgba(148,23,3,.28);background:linear-gradient(-90deg,#e06816,#ffc34f);background-repeat:no-repeat;border-radius:10px;transform:translateX(-50%);cursor:pointer}.m .promotion .paginator{display:flex;justify-content:center;margin:28px auto 0;padding:0}.m .promotion .paginator .ui-pager{list-style:none;display:flex;align-items:center;justify-content:center;width:25px;height:25px;margin-right:5px;box-sizing:border-box;color:#666;font-size:12px;border:1px solid #bfbfbf;background:linear-gradient(180deg,#fafcff 0,#e1e3e6 100%);border-radius:4px}.m .promotion .paginator .ui-pager.ui-pager-disabled{opacity:.7}.m .promotion .paginator .ui-pager.focus{color:#fff;background:#ff8b3d;border-color:#ff8b3d}.m .promotion .paginator .js-page-first,.m .promotion .paginator .js-page-last,.m .promotion .paginator .totalPage{display:none}.m .promotion .paginator .ui-paging-ellipse{width:25px;height:25px}.m .promotion .paginator .js-page-prev{width:50px;margin-right:10px}.m .promotion .paginator .js-page-next{width:50px;margin-left:5px}.m .promotion .null{padding:75px 0 120px;text-align:center;font-size:13px;color:#666}.m .promotion .null img{width:146px}.m .promotion .video-modal{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3);z-index:9999!important}.m .promotion .video-modal .video-content{max-width:360px;max-height:615px;position:relative}.m .promotion .video-modal .close{position:absolute;top:9px;right:9px;width:20px;height:20px;background:#fff url(https://prostatic.vvvava.cn/static/images/promotions/m/close.png) no-repeat center center/100%;border-radius:50%;overflow:hidden;cursor:pointer;z-index:10}.pc .mainbox{padding-top:100px}.pc .promotion{padding-bottom:50px;font-family:Microsoft YaHei;background-image:url(https://prostatic.vvvava.cn/static/images/promotions/bg.png),linear-gradient(180deg,#fbf4df,#eaf7fb,#f3f0e7,#f7f0db);background-repeat:no-repeat;background-position:center top}.pc .promotion .banner{margin:22px auto 0;border-radius:20px;overflow:hidden;line-height:0;width:1000px}.pc .promotion .banner img{width:100%}.pc .promotion .tabList{width:1000px;margin:0 auto;padding:11px 0 14px;display:flex;justify-content:space-between}.pc .promotion .tab{width:160px;height:98px;position:relative;text-align:center;font-size:16px;color:#474545;line-height:24px;cursor:pointer}.pc .promotion .tab:not(:first-child)::before{content:"";width:1px;height:44px;background:#d9caad;position:absolute;left:-25px;top:50%;transform:translateY(-50%)}.pc .promotion .tab.active::after{content:"";width:60px;height:4px;position:absolute;bottom:0;left:50%;background:linear-gradient(90deg,#ffd279,#ff5c37);border-radius:2px;transform:translateX(-50%)}.pc .promotion .tabPanel{width:1014px;margin:0 auto}.pc .promotion .tabPanel:not(:first-child){display:none}.pc .promotion .tabPanel .list{margin:0;padding:0}.pc .promotion .tabPanel .list li{height:584px;padding:33px 37px 0;position:relative;box-sizing:border-box;list-style:none;background:url(https://prostatic.vvvava.cn/static/images/promotions/bg1.png) no-repeat center top}.pc .promotion .tabPanel .list li:not(:first-child){margin-top:44px}.pc .promotion .tabPanel .list li.over{background:url(https://prostatic.vvvava.cn/static/images/promotions/bg2.png) no-repeat center top}.pc .promotion .tabPanel .state{position:absolute;top:29px;left:0;width:208px;font-size:24px;color:#fff;font-style:italic;line-height:24px;text-align:center}.pc .promotion .tabPanel .time{display:flex;align-items:center;justify-content:flex-end;padding-right:10px;font-size:20px;color:#666;line-height:24px}.pc .promotion .tabPanel .time img{margin-right:25px}.pc .promotion .tabPanel .item-banner{width:940px;height:300px;margin-top:26px;border-radius:10px;overflow:hidden}.pc .promotion .tabPanel .item-banner img{max-width:100%}.pc .promotion .tabPanel .item-banner.with-video{position:relative;cursor:pointer}.pc .promotion .tabPanel .item-banner.with-video::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:#333;opacity:.5}.pc .promotion .tabPanel .item-banner.with-video::after{content:"";width:48px;height:48px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url(https://prostatic.vvvava.cn/static/images/promotions/video.png) no-repeat center center/100%}.pc .promotion .tabPanel .title{margin-top:18px;font-size:28px;font-weight:700;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc .promotion .tabPanel .desc{height:24px;margin-top:10px;font-size:16px;color:#333;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc .promotion .tabPanel .tags{height:32px;display:flex;margin-top:12px}.pc .promotion .tabPanel .tags .tag{min-width:100px;height:32px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#b38136;line-height:24px;background:#fff9f0;border:1px solid #cc943f;border-radius:16px 0 16px 0}.pc .promotion .tabPanel .tags .tag:not(:first-child){margin-left:20px}.pc .promotion .tabPanel .tags .tag:nth-child(2){color:#3552c3;background:#f2f5ff;border:1px solid #91a5f2}.pc .promotion .tabPanel .tags .tag:nth-child(3){color:#c92414;background:#fff3f0;border:1px solid #cc5a3d}.pc .promotion .tabPanel .btn{width:240px;height:60px;display:flex;align-items:center;justify-content:center;position:absolute;left:50%;bottom:-4px;font-size:24px;font-weight:700;color:#fff;text-shadow:0 2px 1px rgba(148,23,3,.28);background:linear-gradient(-90deg,#e06816,#ffc34f);background-repeat:no-repeat;border-radius:10px;transform:translateX(-50%);cursor:pointer}.pc .promotion .paginator{display:flex;justify-content:center;margin:56px auto 0;padding:0}.pc .promotion .paginator .ui-pager{list-style:none;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;margin-right:10px;box-sizing:border-box;color:#666;font-size:14px;border:1px solid #bfbfbf;background:linear-gradient(180deg,#fafcff 0,#e1e3e6 100%);border-radius:4px}.pc .promotion .paginator .ui-pager.ui-pager-disabled{opacity:.7}.pc .promotion .paginator .ui-pager.focus{color:#fff;background:#ff8b3d;border-color:#ff8b3d}.pc .promotion .paginator .js-page-first,.pc .promotion .paginator .js-page-last,.pc .promotion .paginator .totalPage{display:none}.pc .promotion .paginator .js-page-prev{margin-right:20px}.pc .promotion .paginator .js-page-next{margin-left:10px}.pc .promotion .null{padding:76px 0 98px;text-align:center;font-size:16px;color:#666;line-height:24px}.pc .promotion .null img{margin-bottom:14px}.pc .promotion .video-modal{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3);z-index:9999!important}.pc .promotion .video-modal .video-content{width:50%;min-width:500px;max-height:615px;position:relative}.pc .promotion .video-modal .close{position:absolute;top:9px;right:9px;width:26px;height:26px;background:#fff url(https://prostatic.vvvava.cn/static/images/promotions/close.png) no-repeat center center;border-radius:50%;overflow:hidden;cursor:pointer;z-index:10}