.promotion{padding-bottom:50px;font-family:Microsoft YaHei;background-image:url(/images/promotions/bg.png),linear-gradient(180deg,#fbf4df,#eaf7fb,#f3f0e7,#f7f0db);background-repeat:no-repeat;background-position:center top}.promotion .banner{margin:22px auto 0;border-radius:20px;overflow:hidden}.promotion .banner img{width:100%}.promotion .tabList{width:1000px;margin:0 auto;padding:11px 0 14px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.promotion .tab{width:160px;height:98px;position:relative;text-align:center;font-size:16px;color:#474545;line-height:24px;cursor:pointer}.promotion .tab:not(:first-child)::before{content:"";width:1px;height:44px;background:#d9caad;position:absolute;left:-25px;top:50%;transform:translateY(-50%)}.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%)}.promotion .tabPanel{width:1014px;margin:0 auto}.promotion .tabPanel:not(:first-child){display:none}.promotion .tabPanel .list{margin:0;padding:0}.promotion .tabPanel .list li{height:584px;padding:33px 37px 0;position:relative;box-sizing:border-box;list-style:none;background:url(/images/promotions/bg1.png) no-repeat center top}.promotion .tabPanel .list li:not(:first-child){margin-top:44px}.promotion .tabPanel .list li.over{background:url(/images/promotions/bg2.png) no-repeat center top}.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}.promotion .tabPanel .time{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding-right:10px;font-size:20px;color:#666;line-height:24px}.promotion .tabPanel .time img{margin-right:25px}.promotion .tabPanel .item-banner{width:940px;height:300px;margin-top:26px;border-radius:10px;overflow:hidden}.promotion .tabPanel .item-banner img{max-width:100%}.promotion .tabPanel .item-banner.with-video{position:relative;cursor:pointer}.promotion .tabPanel .item-banner.with-video::before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background-color:#333;opacity:.5}.promotion .tabPanel .item-banner.with-video::after{content:'';width:48px;height:48px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url(/images/promotions/video.png) no-repeat center center/100%}.promotion .tabPanel .title{margin-top:18px;font-size:28px;font-weight:700;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.promotion .tabPanel .desc{height:24px;margin-top:10px;font-size:16px;color:#333;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.promotion .tabPanel .tags{height:32px;display:-ms-flexbox;display:flex;margin-top:12px}.promotion .tabPanel .tags .tag{min-width:100px;height:32px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:14px;color:#b38136;line-height:24px;background:#fff9f0;border:1px solid #cc943f;border-radius:16px 0 16px 0}.promotion .tabPanel .tags .tag:not(:first-child){margin-left:20px}.promotion .tabPanel .tags .tag:nth-child(2){color:#3552c3;background:#f2f5ff;border:1px solid #91a5f2}.promotion .tabPanel .tags .tag:nth-child(3){color:#c92414;background:#fff3f0;border:1px solid #cc5a3d}.promotion .tabPanel .btn{width:240px;height:60px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack: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);border-radius:10px;transform:translateX(-50%);cursor:pointer}.promotion .paginator{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:56px auto 0;padding:0}.promotion .paginator .ui-pager{list-style:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack: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}.promotion .paginator .ui-pager.ui-pager-disabled{opacity:.7}.promotion .paginator .ui-pager.focus{color:#fff;background:#ff8b3d;border-color:#ff8b3d}.promotion .paginator .js-page-first,.promotion .paginator .js-page-last,.promotion .paginator .totalPage{display:none}.promotion .paginator .js-page-prev{margin-right:20px}.promotion .paginator .js-page-next{margin-left:10px}.promotion .null{padding:76px 0 98px;text-align:center;font-size:16px;color:#666;line-height:24px}.promotion .null img{margin-bottom:14px}.promotion .video-modal{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3);z-index:9999!important}.promotion .video-modal .video-content{width:50%;min-width:500px;max-height:615px;position:relative}.promotion .video-modal .close{position:absolute;top:9px;right:9px;width:26px;height:26px;background:#fff url(/images/promotions/close.png) no-repeat center center;border-radius:50%;overflow:hidden;cursor:pointer;z-index:10}