.memberships-content{width:1300px;margin:70px auto}.memberships-content .part{position:relative;min-height:850px;display:none;margin-bottom:15px}.memberships-content .part.active{display:block}.memberships-content .arrow-left,.memberships-content .arrow-right{position:absolute;left:15px;top:160px;font-size:32px;font-weight:bold;cursor:not-allowed;color:rgba(0,0,0,.25)}.memberships-content .arrow-left.active,.memberships-content .arrow-right.active{color:#000;cursor:pointer}.memberships-content .arrow-right{left:auto;right:0px;transform:rotate(180deg)}.memberships-content .tags{width:900px;margin:0 auto;display:flex}.memberships-content .tag-item{flex:1;text-align:center;font-size:20px;color:#bdbdbd;padding:10px 0;border-bottom:4px solid #f3f3f3;cursor:pointer}.memberships-content .active{color:#000;border-color:#afc549;font-weight:bold}.memberships-content .sec-header{text-align:center;margin:50px auto}.memberships-content .sec-header .title{font-size:24px;margin-bottom:10px}.memberships-content .sec-header .desc{font-size:18px;color:#3f3f3f}.memberships-content .content{width:1200px;margin:0 auto;overflow:hidden}.memberships-content .cards{display:flex;align-items:flex-start;transition:transform 600ms}.memberships-content .cards.toRight{transform:translateX(-900px)}.memberships-content .card-item{flex-basis:250px;flex-shrink:0;border-radius:12px;border:1px solid #e6e6e6;margin:0 25px;padding:90px 15px 40px 15px;position:relative}.memberships-content .card-item .btn{display:block;width:75%;height:45px;border-radius:5px;border:1px solid #afc549;margin:0 auto;display:flex;justify-content:center;align-items:center;color:#afc549}.memberships-content .card-item .btn:hover{color:#fff;font-weight:bold;background-color:#afc549}.memberships-content .base .card-item:last-child{border-color:#555}.memberships-content .base .card-item:last-child .li-text{color:hsla(0,0%,100%,.7)}.memberships-content .base .card-item:last-child .li-text.strong{color:#fff}.memberships-content .base .card-item:last-child .price{color:#fff}.memberships-content .base .card-item:last-child .type{color:#fff}.memberships-content .base .card-item:last-child .lis{border-color:#555}.memberships-content .band{font-size:20px;height:40px;text-align:center;font-weight:bold;color:#fff;position:absolute;left:-12px;top:25px;line-height:40px;width:270px;border-top-left-radius:3px;border-top-right-radius:3px;white-space:nowrap;vertical-align:baseline}.memberships-content .band .iconfont{font-size:24px;color:#ffdb27}.memberships-content .left-anggle,.memberships-content .right-anggle{width:10px;height:10px;position:absolute;bottom:-10px}.memberships-content .left-anggle{left:0}.memberships-content .right-anggle{right:0;background-image:linear-gradient(135deg, red 50%, transparent 50%)}.memberships-content .li-item{display:flex;margin-bottom:10px;line-height:1.5em}.memberships-content .li-text{margin-left:4px;color:#555}.memberships-content .li-text.strong{font-weight:bold;color:#000}.memberships-content .iconfont.icon-tick_circle{color:#afc549}.memberships-content .lis{margin-bottom:40px;border-bottom:1px solid #f3f3f3;padding-bottom:15px}.memberships-content .emphasis{text-align:center;margin-bottom:20px}.memberships-content .emphasis .total{color:#afc549;margin-bottom:10px}.memberships-content .emphasis .price{font-size:24px;font-weight:bold}.memberships-content .emphasis .type{font-size:12px;color:#3f3f3f}.memberships-content .annual .cards,.memberships-content .partner .cards{justify-content:center}.memberships-content .annual .card-item,.memberships-content .partner .card-item{flex-basis:320px;padding:90px 20px 50px 20px;margin:0 50px}.memberships-content .annual .lis,.memberships-content .partner .lis{border-bottom:1px solid #f3f3f3;padding-bottom:10px;margin-bottom:50px}.memberships-content .annual .li-item,.memberships-content .partner .li-item{padding-left:30px}.memberships-content .annual .band,.memberships-content .partner .band{width:340px}.memberships-content .annual .sub-title,.memberships-content .partner .sub-title{font-size:16px}.memberships-content .partner .li-item{padding:0 20px}.memberships-content .partner .lis{margin-bottom:30px}.memberships-content .partner .card-item{flex-basis:320px;padding:90px 20px 30px 20px;margin:0 50px}.memberships-content .page-label{text-align:center}.memberships-content .page-label a{text-decoration:underline;font-weight:bold}.memberships-content .sub-title{font-size:12px;font-weight:normal;transform-origin:left}