.recent-box{height:625px;background:#f8f8f8;overflow:hidden}.recent-box .recent-main{width:1200px;height:625px;margin:0 auto}.recent-box .recent-main .left-box{width:780px;height:585px;float:left}.recent-box .recent-main .left-box .img-salon-box{width:780px;height:430px;background:#fff;padding:20px}.recent-box .recent-main .left-box .img-salon-box .salon-img{width:415px;height:385px;float:left}.recent-box .recent-main .left-box .img-salon-box .salon-img img{width:100%;height:100%}.recent-box .recent-main .left-box .img-salon-box .salon-item-box{float:left;margin-left:30px;width:295px;height:100%}.recent-box .recent-main .left-box .img-salon-box .salon-item-box .sns-box{height:40px;line-height:40px;font-size:16px;color:#999}.recent-box .recent-main .left-box .img-salon-box .salon-item-box .salon-title{font-size:20px;color:#1b1b1b;font-weight:700;height:60px}.recent-box .recent-main .left-box .img-salon-box .salon-item-box .salon-desc{font-size:14px;color:#999;height:210px;padding:20px 0}.recent-box .recent-main .left-box .img-salon-box .salon-item-box .salon-time{font-size:14px;color:#1b1b1b;height:30px}.recent-box .recent-main .left-box .img-salon-box .salon-item-box .salon-btn{height:45px}.recent-box .recent-main .left-box .img-salon-box .salon-item-box .salon-btn button{width:100%;height:45px;line-height:45px;padding:0;text-align:center;color:#fff;font-size:16px}.recent-box .recent-main .left-box .salon-box{width:380px;height:135px;float:left;background:#fff;margin-right:20px;margin-top:20px;padding:20px}.recent-box .recent-main .left-box .salon-box .salon-name-box{font-size:14px;color:#1b1b1b;font-weight:700}.recent-box .recent-main .left-box .salon-box .salon-time-box{height:35px;line-height:35px;margin-top:20px}.recent-box .recent-main .left-box .salon-box .salon-time-box .time-span{font-size:14px;color:#535353}.recent-box .recent-main .left-box .salon-box .salon-time-box button{font-size:14px;width:90px;height:35px;line-height:35px;color:#fff;float:right;padding:0;text-align:center}.recent-box .recent-main .left-box :last-child{margin-right:0}.recent-box .recent-main .right-box{width:400px;height:585px;float:left;margin-left:20px;background:#fff;padding:10px}.recent-box .recent-main .right-box .label-box{height:70px;line-height:70px;font-size:18px;color:#1b1b1b;padding-left:20px}.recent-box .recent-main .right-box .border-box{height:6px;line-height:6px;margin-bottom:5px}.recent-box .recent-main .right-box .border-box .left-line-span{display:inline-block;padding:2px 10px;border-bottom:1px solid #eee}.recent-box .recent-main .right-box .border-box .blue-line-span{display:inline-block;padding:2px 36px;border-bottom:3px solid #3f78ff}.recent-box .recent-main .right-box .border-box .right-line-span{display:inline-block;padding:2px 144px;border-bottom:1px solid #eee}.recent-box .recent-main .right-box .salon-list{font-size:14px;padding:20px}.recent-box .recent-main .right-box .salon-list .salon-title{color:#1b1b1b}.recent-box .recent-main .right-box .salon-list .time-box{margin-bottom:10px}.recent-box .recent-main .right-box .salon-list .time-box .salon-time{color:#535353}.recent-box .recent-main .right-box .salon-list .time-box .salon-state{color:#fe950d;padding:0 20px}.recent-box .recent-main .right-box .salon-list .salon-title:hover{color:#3f78ff;cursor:pointer}.v50{max-width:50vw}.el-tooltip__popper.is-dark{max-width:30vw}.activity-component{height:750px}.activity-component .title-box{height:120px;text-align:center;padding:35px 0}.activity-component .title-box p{margin:0;font-size:18px;color:#1b1b1b;font-weight:700}.activity-component .title-box .line-span{display:inline-block;padding:2px 24px;border-bottom:2px solid #999;margin-bottom:1px}.activity-component .activity-list{width:1200px;margin:0 auto;height:580px}.activity-component .activity-list .activity-item{width:386px;height:280px;margin-right:20px;margin-bottom:20px;float:left;box-shadow:0 0 2px 2px rgba(43,48,55,.2)}.activity-component .activity-list .activity-item .activity-img{height:164px}.activity-component .activity-list .activity-item .activity-img img{width:100%;height:100%}.activity-component .activity-list .activity-item .activity-name{height:56px;line-height:56px;font-size:16px;color:#000;font-weight:700;padding:0 20px}.activity-component .activity-list .activity-item .activity-time{height:60px;line-height:20px;font-size:14px;color:#666;padding:0 20px}.activity-component .activity-list .activity-item:nth-last-child(3n+1){margin-right:0}.game-component{height:750px;background:#f8f8f8}.game-component .title-box{height:120px;text-align:center;padding:35px 0}.game-component .title-box p{margin:0;font-size:18px;color:#1b1b1b;font-weight:700}.game-component .title-box .line-span{display:inline-block;padding:2px 24px;border-bottom:2px solid #999;margin-bottom:1px}.game-component .game-list{width:1200px;margin:0 auto;height:580px}.game-component .game-list .game-item{width:386px;height:280px;margin-right:20px;margin-bottom:20px;float:left;box-shadow:0 0 2px 2px rgba(43,48,55,.2)}.game-component .game-list .game-item .game-img{height:164px}.game-component .game-list .game-item .game-img img{width:100%;height:100%}.game-component .game-list .game-item .game-name{height:56px;line-height:56px;font-size:16px;color:#000;font-weight:700;padding:0 20px}.game-component .game-list .game-item .game-time{height:35px;line-height:35px;font-size:14px;color:#666;padding:0 20px}.game-component .game-list .game-item .game-time button{width:110px;height:35px;float:right;background:#e3e3e3;color:#666;line-height:35px;padding:0;text-align:center;border:none}.game-component .game-list .game-item:nth-last-child(3n+1){margin-right:0}.course-component{height:750px}.course-component .title-box{height:120px;text-align:center;padding:35px 0}.course-component .title-box p{margin:0;font-size:18px;color:#1b1b1b;font-weight:700}.course-component .title-box .line-span{display:inline-block;padding:2px 24px;border-bottom:2px solid #999;margin-bottom:1px}.course-component .course-list{width:1200px;margin:0 auto;height:580px}.course-component .course-list .course-item{width:386px;height:280px;margin-right:20px;margin-bottom:20px;float:left;box-shadow:0 0 2px 2px rgba(43,48,55,.2)}.course-component .course-list .course-item .course-img{height:164px}.course-component .course-list .course-item .course-img img{width:100%;height:100%}.course-component .course-list .course-item .course-name{height:56px;line-height:56px;font-size:16px;color:#000;font-weight:700;padding:0 20px}.course-component .course-list .course-item .course-time{height:60px;line-height:20px;font-size:14px;color:#666;padding:0 20px}.course-component .course-list .course-item:nth-last-child(3n+1){margin-right:0}body{--main:#004baa}.sider-tab .el-radio-button__inner{border:none;border-left:1px solid #eee;box-shadow:none;padding:2px 20px;color:#333;font-size:14px}.sider-tab .el-radio-button__orig-radio:checked+.el-radio-button__inner{color:#004baa;background:#fff;box-shadow:none;border-left:1px solid #eee}.sider-tab .el-radio-button:first-child .el-radio-button__inner{border:none}.icon button{color:#666}.icon>button:before,.icon>i:before{margin-right:5px}.icon .active{color:#004baa!important}i{font-style:normal}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-line{position:relative}.top-line:before{content:"";position:absolute;left:50%;width:96%;transform:translateX(-50%);height:1px;background-color:#e5e5e5}.text-note{color:#999;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.salon-page{min-height:100%}.salon-page .banner-box,.salon-page .banner-box img{width:100%}