.discover-earning .content_box{width:100%;height:400px;border-radius:var(--f-brand-border-radius-rounded);padding:var(--f-base-space-12) var(--f-base-space-8);overflow:hidden;position:relative;z-index:0}
.discover-earning .content_box::before{content:'';position:absolute;top:var(--f-base-space-0);left:var(--f-base-space-0);width:100%;height:100%;background:linear-gradient(-270deg,#29293f 0,#29293f00 100%);z-index:0}
.discover-earning .content_box .title{font:var(--f-brand-type-title-3);padding-right:85px}
.discover-earning .content_box .title_content,.discover-earning .content_box .discover-earning--btn{z-index:1}
.discover-earning .content_box .icon-box{margin-bottom:var(--f-base-space-10)}
.discover-earning .content_box .icon-box span.icon-ic_nav_charge-battery{font-size:48px;color:var(--f-button-primary-text-color)}
.discover-earning .content_box .discover-image{display:block;position:absolute;left:var(--f-base-space-0);top:var(--f-base-space-0);width:100%;height:100%;z-index:-1;object-fit:cover}
.discover-earning .content_box .title{color:var(--f-button-primary-text-color);margin-bottom:var(--f-base-space-12)}
.discover-earning .content_box a.discover-earning--btn{border:var(--f-base-border-size-1) solid var(--f-brand-color-border-light);color:var(--f-button-primary-text-color);padding:18px var(--f-base-space-8);transition:all 350ms;background-color:transparent !important;margin-bottom:var(--f-base-space-0)}
.discover-earning .content_box a.discover-earning--btn:hover{box-shadow:0 3px 6px #00000040;background-color:var(--f-brand-color-background-light) !important;color:var(--f-brand-color-text-primary)}
.discover-earnings--container{display:none;position:fixed;width:100%;height:100%;top:var(--f-base-space-0);left:var(--f-base-space-0);bottom:var(--f-base-space-0);right:var(--f-base-space-0);background-color:#1f212b99;z-index:1024}
.discover-earnings--container .discover-earnings-wrapper{width:90%;margin:var(--f-base-space-16) auto;background-color:var(--f-button-primary-text-color);padding:20px;border-radius:var(--f-base-border-radius-large)}
.discover-earnings--container .discover-earnings-wrapper .content-area{display:flex;flex-direction:column;position:relative}
.discover-earnings--container .discover-earnings-wrapper .row-wrapper{display:flex;justify-content:space-between;align-items:center;flex-direction:column;padding:var(--f-base-space-4) var(--f-base-space-0) var(--f-base-space-8);border-bottom:var(--f-base-border-size-1) solid var(--f-brand-color-border-default)}
.discover-earnings--container .discover-earnings-wrapper .row-wrapper.row-wrapper-second{border-bottom:0;padding:var(--f-base-space-4) var(--f-base-space-0) var(--f-base-space-8)}
.discover-earnings--container .discover-earnings-wrapper .row-wrapper.row-wrapper-last{padding:var(--f-base-space-0);border-bottom:0;position:absolute;bottom:200px}
.discover-earnings--container .discover-earnings-wrapper .row-wrapper.row-wrapper-last .astrick-link{font:var(--f-brand-type-caption)}
.discover-earnings--container .discover-earnings-wrapper .row-wrapper.row-wrapper-last .astrick-link a{font:var(--f-brand-type-caption);color:var(--f-brand-color-text-primary);text-decoration:underline}
.discover-earnings--container .discover-earnings-wrapper .row-wrapper .icon.mobile{display:flex;flex-direction:column;font-size:24px;transform:rotate(90deg);margin:var(--f-base-space-6) auto;align-items:center;justify-content:center}
.discover-earnings--container .discover-earnings-wrapper .row-wrapper .icon.mobile.mobile-bottom{margin:var(--f-base-space-20) auto var(--f-base-space-6)}
.row-wrapper .icon span.icon-ic_nav_arrow-right .path1:before,.row-wrapper .icon span.icon-ic_nav_arrow-right .path2:before,.row-wrapper .icon span.icon-ic_nav_arrow-right .path3:before{color:var(--f-brand-color-text-default)}
.discover-earnings--container .discover-earnings-wrapper .row-wrapper p{font:var(--f-brand-type-body)}
.discover-earnings--container .discover-earnings-wrapper .row-wrapper .left-side{width:100%}
.discover-earnings--container .discover-earnings-wrapper .select-box{display:flex;flex-direction:column;position:relative}
.discover-earnings--container .discover-earnings-wrapper .heading{font-size:40px;padding:var(--f-base-space-0) var(--f-base-space-10) var(--f-base-space-0) var(--f-base-space-0)}
.row-wrapper .select-box .optioncontainer{border:var(--f-base-border-size-1) solid var(--f-brand-color-border-default);padding:var(--f-base-space-2);border-radius:var(--f-base-border-radius-tiny)}
.row-wrapper .select-box .elected{width:100%;color:var(--f-brand-color-text-muted);font:var(--f-brand-type-body);position:relative;order:1;padding:var(--f-base-space-4);border:var(--f-base-border-size-1) solid var(--f-brand-color-border-default);border-radius:var(--f-base-border-radius-tiny)}
.row-wrapper .select-box .optioncontainer{width:100%;max-height:0;opacity:0;transition:all .4s;border-radius:var(--f-base-border-radius-tiny);overflow:hidden;position:absolute;top:100px;order:0}
.row-wrapper .select-box .elected::after{content:'\e9ce1';position:absolute;font-family:'icomoon';right:var(--f-base-space-2);top:50%;transform:translateY(-50%);width:24px;height:24px;transform-origin:center;transition:all .5s}
.row-wrapper .select-box .optioncontainer.active{max-height:200px;opacity:1;overflow-y:scroll;background:var(--f-button-primary-background-color);z-index:2}
.row-wrapper .select-box .optioncontainer.active+.elected::after{transform:translateY(-50%) rotateX(180deg);transition:all .5s}
.row-wrapper .select-box .optioncontainer::-webkit-scrollbar{width:8px;background:var(--f-button-primary-background-color)}
.row-wrapper .select-box .optioncontainer::-webkit-scrollbar-thumb{background:#1f212b80;border-radius:var(--f-base-border-radius-tiny)}
.row-wrapper .select-box .optioncontainer .option{background:var(--f-button-primary-background-color);border-radius:5px;padding:14px var(--f-base-space-2);padding:var(--f-base-space-2)}
.row-wrapper .select-box .optioncontainer .option:hover{background-color:var(--f-brand-color-background-default)}
.row-wrapper .select-box .optioncontainer .option .radiobutton{display:none}
.row-wrapper .select-box .optioncontainer .option label{cursor:pointer;padding:var(--f-base-space-0) !important;margin:var(--f-base-space-0);font:var(--f-brand-type-body);color:var(--f-brand-color-text-muted);background:0}
.discover-earnings--container .discover-earnings-wrapper .row-wrapper .reward-point-desc{width:100%;font:var(--f-brand-type-title-4);text-align:center;padding:var(--f-base-space-0) var(--f-base-space-10);margin:var(--f-base-space-0)}
.discover-earnings--container .discover-earnings-wrapper .row-wrapper .reward-point-desc p{font:var(--f-brand-type-title-4);text-align:center;margin:var(--f-base-space-0)}
.discover-earnings--container .discover-earnings-wrapper .row-wrapper .hotel-tag{position:absolute;left:10px;font:var(--f-brand-type-caption-medium)}
.discover-earnings--container .discover-earnings-wrapper .ok-btn{display:none}
.discover-earnings--container .discover-earnings-wrapper .ok-btn.close-btn{display:block;padding:14px var(--f-base-space-8);border-radius:100px;font:var(--f-brand-type-body)}
@media(min-width:767px){.discover-earning .content_box{height:344px;padding:var(--f-base-space-14);overflow:hidden;position:relative;z-index:0}
.discover-earning .content_box::before{content:'';position:absolute;top:var(--f-base-space-0);left:var(--f-base-space-0);width:100%;height:100%;background:linear-gradient(-270deg,#29293f 0,#29293f00 100%);z-index:0}
.discover-earning .content_box .title{width:620px;font:var(--f-brand-type-title-1);margin-bottom:var(--f-base-space-12)}
.discover-earning .content_box .title_content,.discover-earning .content_box .discover-earning--btn{z-index:1}
.discover-earning .content_box .discover-image{display:block;position:absolute;left:var(--f-base-space-0);top:var(--f-base-space-0);width:100%;height:100%;z-index:-1;object-fit:cover}
.discover-earning .content_box a.discover-earning--btn{border:var(--f-base-border-size-1) solid var(--f-brand-color-border-light);color:var(--f-button-primary-text-color);padding:18px var(--f-base-space-8);transition:all 350ms;background-color:transparent !important}
.discover-earning .content_box a.discover-earning--btn:hover{background-color:var(--f-button-primary-background-color) !important;color:var(--f-brand-color-text-primary);border-color:var(--f-brand-color-text-primary);box-shadow:0 3px 6px #00000040}
.discover-earnings--container .discover-earnings-wrapper .heading.desktop{display:block;margin-bottom:var(--f-base-space-10)}
.discover-earnings--container .discover-earnings-wrapper .content-area{position:relative}
.discover-earnings--container .discover-earnings-wrapper{width:780px;margin:var(--f-base-space-16) auto;padding:30px var(--f-base-space-10)}
.discover-earnings--container .discover-earnings-wrapper .row-wrapper.row-wrapper-second{border-bottom:0;padding:var(--f-base-space-4) var(--f-base-space-0) var(--f-base-space-2)}
.discover-earnings--container .discover-earnings-wrapper .row-wrapper.row-wrapper-last{padding:var(--f-base-space-0);position:unset;border-bottom:var(--f-brand-border-size-default) solid var(--f-brand-color-border-default)}
.discover-earnings--container .discover-earnings-wrapper .row-wrapper.row-wrapper-last .astrick-link{font:var(--f-brand-type-caption)}
.discover-earnings--container .discover-earnings-wrapper .row-wrapper.row-wrapper-last .astrick-link a{font:var(--f-brand-type-caption);color:var(--f-brand-color-text-primary);text-decoration:underline}
.discover-earnings--container .discover-earnings-wrapper .row-wrapper .left-side{width:230px}
.row-wrapper .select-box .optioncontainer,.row-wrapper .select-box .elected{border:var(--f-base-border-size-1) solid var(--f-brand-color-border-default);padding:var(--f-base-space-2);border-radius:var(--f-base-border-radius-tiny)}
.row-wrapper .select-box .elected{width:320px}
.row-wrapper .select-box .optioncontainer{width:320px;top:83px}
.discover-earnings--container .discover-earnings-wrapper .row-wrapper .reward-point-desc{width:226px;font:var(--f-brand-type-title-4);text-align:right;margin:var(--f-base-space-0);padding:var(--f-base-space-0)}
.discover-earnings--container .discover-earnings-wrapper .row-wrapper p{font:var(--f-brand-type-body);text-align:left}
.discover-earnings--container .discover-earnings-wrapper .row-wrapper .reward-point-desc p{font:var(--f-brand-type-title-4);text-align:right;margin:var(--f-base-space-0)}
.row-wrapper .select-box .optioncontainer.active{max-height:110px}
.discover-earnings--container .discover-earnings-wrapper .row-wrapper{flex-direction:row;padding:var(--f-base-space-4) var(--f-base-space-0)}
.discover-earnings--container .discover-earnings-wrapper .ok-btn{display:block;align-self:end;padding:14px var(--f-base-space-8);border-radius:var(--f-brand-border-radius-rounded);font:var(--f-brand-type-body);margin-top:20px}
.discover-earnings--container .discover-earnings-wrapper .ok-btn.close-btn{display:none}
}