@font-face { font-family: 'Oswald-Medium'; src: url('https://p1.lefile.cn/fes/cms/2023/04/12/uu4c9pr2v6v4kq608vfrz68yi2ytqo079256.ttf'); font-weight: normal; font-style: normal; }
.remind-block-box { padding: .55rem .13rem 0; } .remind-block-box .remind-block { height: .26rem; display: flex; padding-left: .15rem; line-height: .26rem; background-color: #ffded5; color: #947334; position: relative; overflow: hidden; text-align: center; z-index: 25; border-radius: .13rem; margin-bottom: .1rem; } .remind-block-box .remind-block .close-btn { display: inline-block; width: .14rem; height: .14rem; position: relative; cursor: pointer; z-index: 1; top: .06rem; margin: 0 .05rem 0 .03rem; } .remind-block-box .marquee-left .iss-icon { margin-right: .2rem; margin-bottom: .04rem; } .remind-block-box .marquee-left { position: relative; left: -0.05rem; width: .16rem; height: .24rem; background: url(https://p2.lefile.cn/fes/cms/2023/07/04/78ia5p0qwnl3pg8vg366bam5m0vlh3982437.png) no-repeat 0px .06rem; background-size: 100%; } .remind-block-box .marquee-block { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; vertical-align: middle; overflow: hidden; box-sizing: border-box; padding-left: .15rem; position: relative; font-size: .12rem; color: #f6815a; } .remind-block-box .marquee { animation: marquee 15s linear infinite; white-space: nowrap; position: absolute; padding-right: .1rem; } .remind-block-box .marqueeT { animation: marqueeT 15s linear infinite; white-space: nowrap; position: absolute; } @keyframes marquee { 0% { left: 0; } 100% { left: -170%; } } @keyframes marqueeT { 0% { left: 170%; } 100% { left: 0; } }
.ui-sortable .cms_draggable_href_component { background: rgba(173, 170, 170, .9); border: 2px white dashed; } .cms_draggable_href_component_Body { width: 1px; position: relative; margin: auto; height: 100%; } .cms_draggable_href_component { position: absolute; height: 100px; width: 200px; overflow: hidden; } .cms_draggable_href_component>a { display: block; width: 100%; height: 100%; } .cms_draggable_href_component>a>span { font-size: 20px; display: none; text-align: right; padding-right: 10px; color: #000; } .cms_draggable_href_component>a>div { font-size: 20px; display: none; text-align: right; padding-right: 10px; color: #000; } .ui-sortable .cms_draggable_href_component>a>span { display: block; background: white; height: 25px; width: 25px; line-height: 26px; text-align: right; font-size: 14px; position: absolute; right: 0px; top:0px; } .ui-sortable .cms_draggable_href_component>a>div { display: block; position: absolute; top:26px; }
.head-container2 { flex-direction: row; justify-content: flex-end; align-items: center; height: .44rem; padding: 0 .13rem; } .head-container2 .recharge-icon-right { border: 0 none; height: .22rem; } .head-container2 .recharge-link { margin-left: .13rem; } .head-container2 .customer-icon { width: .2rem; height: .2rem; vertical-align: bottom; border: 0 none; } #head-container { width: 100%; height: .55rem; position: fixed; top: 0; left: 0; z-index: 101; box-sizing: border-box; padding: 0 .15rem; justify-content: space-between; font-size: 0; } #head-container .inner-head-container { height: 100%; display: flex; justify-content: space-between; align-items: center; } #head-container .left-arrow-icon { width: .17rem; height: .17rem; z-index: 2; } #head-container .black-icon { display: none; } #head-container .head-text { font-size: .17rem; font-weight: normal; color: #000; text-align: left; flex: 1; padding-left: .1rem; } #head-container .head-right-icons { display: flex; z-index: 2; justify-content: center; align-items: center; } #head-container .illustrate-icon, #head-container2 .illustrate-icon { width: .2rem; height: .2rem; margin-left: .13rem; } #head-container .head-right-icons .recharge-icon-right { border: 0 none; height: .22rem; } #head-container .head-right-icons .recharge-link { margin-left: .13rem; } #head-container .head-right-icons .recharge-link .customer-icon { width: .2rem; height: .2rem; vertical-align: bottom; border: 0 none; } #head-container .head-right-icons { display: flex; z-index: 2; } #head-container .recharge-link { margin-left: .13rem; }
.cms_currency_layout { width: 100%; margin: 0 auto; position: relative; }
* { padding: 0; margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); -ms-tap-highlight-color: rgba(0, 0, 0, 0); list-style: none; } body { background: url(//p3.lefile.cn/fes/cms/2024/01/04/xdtbg6tg76cmv78bjhni2k1yqh0mo6606595.jpg) no-repeat; background-size: 100%; } .nav-white { background: #fff; animation: myfirst .4s; } @keyframes myfirst { 0% { background: rgba(#fff, .1); } 25% { background: rgba(#fff .25); } 50% { background: rgba(#fff, .5); } 100% { background: rgba(#fff, 1); } } body.cms-body-container { background: none; } body.cms-body-container #ui-content { background-image: linear-gradient(1deg, rgba(255, 255, 255, 0) 0%, #ff6d46 30%, #f6223b 99%); background-repeat: no-repeat; background-size: center; } #cms-wap-content #head-container { width: 100%; height: .55rem; position: absolute  !important; top: 0; left: 0; z-index: 101; box-sizing: border-box; padding: 0 .15rem; justify-content: space-between; font-size: 0; } .loading-container1 { position: fixed; top: 40%; left: 50%; margin-left: -0.15rem; margin-top: -0.15rem; z-index: 11; } .loading-container1 .loading-icon { width: .4rem; height: .4rem; animation: rotate 2s linear infinite; } @keyframes rotate { from { transform: rotate(0deg); transform-origin: center center; } to { transform: rotate(360deg); transform-origin: center center; } } .overFlow-hide { overflow: hidden  !important; } .message-red { color: #ff4646; } .message-gray { color: #979797; } .flex-style { display: flex; align-items: center; } .display-style { display: none; } .mask-container { width: 100%; height: 100%; background: #000; opacity: .1; z-index: 31; position: fixed; top: 0; left: 0; } .voucher-center-box { font-size: 0; } .voucher-center-box .voucher-tab-box { position: relative; padding-top: .1rem; } .voucher-center-box .voucher-tab-box .tab-ul-box { position: relative; } .voucher-center-box .voucher-tab-box .show-all { position: absolute; width: .44rem; height: .4rem; right: 0; top: 0; z-index: 2; background: url(//p3.lefile.cn/fes/cms/2024/01/04/vule7m8fj8h9am0tvuej10fbdft0g9292592.png) no-repeat center; background-size: 100%; display: flex; justify-content: center; align-items: center; } .voucher-center-box .voucher-tab-box .tab-ul { font-size: .16rem; color: #252525; display: flex; overflow-x: auto; min-height: .57rem; padding: 0 .13rem; padding-right: .5rem; } .voucher-center-box .voucher-tab-box .tab-ul::-webkit-scrollbar { width: 0; display: none; } .voucher-center-box .voucher-tab-box .application-ul2::-webkit-scrollbar { width: 0; display: none; } .voucher-center-box .voucher-tab-box .goods-type-outer-box::-webkit-scrollbar { width: 0; display: none; } .voucher-center-box .voucher-tab-box .tab-ul .tab-li { width: .1rem; height: .4rem; line-height: .4rem; flex: 0 0 25%; margin-right: .1rem; position: relative; text-align: center; } .voucher-center-box .voucher-tab-box .tab-ul .tab-li:last-child { margin-right: 0  !important; } .voucher-center-box .voucher-tab-box .tab-ul .tab-li.active { font-weight: bold; } .voucher-center-box .voucher-tab-box .tab-ul .show-all { position: absolute; right: 0; top: 0; width: .38rem; height: .4rem; background-color: #ccc; } .voucher-center-box .voucher-tab-box .show-all .arrows { width: .15rem; height: .08rem; margin-left: .08rem; } .voucher-center-box .voucher-tab-box .tab-ul .tab-li.active:after { content: ''; display: inline-block; width: .25rem; height: .02rem; background-color: #ff2f2f; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; } .voucher-center-box .voucher-tab-box .tab-ul-down-bg { background: rgba(0, 0, 0, .5); height: 100vh; display: none; position: absolute; z-index: 10; top: .41rem; } .voucher-center-box .voucher-tab-box .tab-ul-down { font-size: .14rem; min-height: .57rem; flex-wrap: wrap; background: #fff; padding: .26rem .13rem .16rem .13rem; } .voucher-center-box .voucher-tab-box .tab-ul-down::after { content: ''; display: block; clear: both; } .voucher-center-box .voucher-tab-box .tab-ul-down .tab-li { width: 23%; height: .3rem; float: left; line-height: .03rem; color: #454545; background: #fff; border: .01rem solid #bdbdbd; display: block; margin-right: 2%; box-sizing: border-box; border-radius: .15rem; text-align: center; display: flex; align-items: center; margin-bottom: .1rem; justify-content: center; } .voucher-center-box .voucher-tab-box .tab-ul-down .tab-li.active { color: #ff2f2f  !important; border: .01rem solid#ff4646  !important; background: #fff5f5; } .voucher-center-box .voucher-tab-box .tab-ul-down .tab-li:nth-child(4n) { margin-right: 0  !important; } .voucher-center-box .recharge-main-content { width: 100%; overflow: auto; position: relative; padding-top: 0; padding-bottom: .2rem; box-sizing: border-box; padding: 0 .13rem; } .voucher-center-box .recharge-main-content .application-box img { pointer-events: none; } .voucher-center-box .middle-container { width: 100%; box-sizing: border-box; padding: .15rem .13rem .1rem; position: relative; background: #fff; box-shadow: 0 .06rem .3rem 0 rgba(241, 194, 165, .2); border-radius: .14rem; border: .02rem solid #fff0ed; } .voucher-center-box .middle-container .receive-success-container { position: absolute; top: .94rem; left: 1rem; padding: .1rem; box-sizing: border-box; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, .5); border-radius: .2rem; text-align: center; font-size: .15rem; font-weight: normal; color: #fff; white-space: nowrap; z-index: 100; min-width: 1.5rem; } .voucher-center-box .middle-container .input-phone-message { height: .14rem; font-size: .1rem; line-height: .14rem; padding-left: .06rem; } .voucher-center-box .middle-container .line-phone { width: 98%; margin: 0 auto; border: .005rem solid #f1f1f1; } .voucher-center-box .middle-container .recharge-records { position: absolute; width: 3.45rem; z-index: 1; padding: .21rem .22rem; border-radius: 0px 0px 14px 14px; background: #fff; left: -0.13rem; top: .01rem; box-sizing: border-box; display: none; box-shadow: 0px 5px 7px 0px #f7d7d082; } .voucher-center-box .middle-container .recharge-records .recharge-title { font-size: .13rem; color: #bdbdbd; } .voucher-center-box .middle-container .recharge-records .tel { font-size: .16rem; color: #454545; height: 50px; line-height: 50px; } .voucher-center-box .middle-container .application-ul2 { height: .8rem; display: flex; flex-wrap: nowrap; overflow-x: scroll; overflow-y: hidden; align-items: flex-start; } .voucher-center-box .middle-container .application-ul2 .application-li { width: 1rem; display: flex; flex: 0 0 25%; flex-direction: column; color: #000; align-items: center; justify-content: center; position: relative; } .voucher-center-box .middle-container .application-ul2 .application-li > img { height: .5rem; } .voucher-center-box .middle-container .application-ul2 .application-li .applications { font-size: .14rem; font-weight: 400; margin-top: .03rem; } .voucher-center-box .middle-container .application-ul2 .application-li.active { font-size: .14rem; color: #f6233c; font-weight: 400; } .voucher-center-box .middle-container .application-ul2 .application-li.active::after { content: ''; display: inline-block; width: .2rem; height: .02rem; background-color: #f6233c; position: absolute; left: 0; right: 0; bottom: -0.05rem; margin: auto; } .voucher-center-box .middle-container .input-container { justify-content: space-between; position: relative; } .voucher-center-box .middle-container .input-container .input-icon { width: .16rem; height: .16rem; } .voucher-center-box .middle-container .input-container .input-style { border: 0; flex: 1; width: 80%; font-size: .2rem; color: #000; line-height: .22rem; padding-left: .06rem; font-family: Oswald-Medium; outline: none; -webkit-touch-callout: auto; -webkit-user-select: auto; -khtml-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .voucher-center-box .voucher-tab-box .not-phone-tab { display: none; width: 100%; overflow-x: auto; margin-bottom: .2rem; } .voucher-center-box .voucher-tab-box .application-ul3 { color: #000; margin-top: .2rem; width: max-content; margin-left: .09rem; } .voucher-center-box .voucher-tab-box .application-ul3::after { content: '.'; display: block; visibility: hidden; clear: both; } .voucher-center-box .voucher-tab-box .application-ul3::-webkit-scrollbar { width: 0; } .voucher-center-box .voucher-tab-box .application-ul3 .goods-type { height: .3rem; line-height: .3rem; position: relative; text-align: center; color: #000; font-size: .15rem; display: block; float: left; margin-right: .3rem; } .voucher-center-box .voucher-tab-box .application-ul3 .goods-type .level3-icon { position: absolute; top: .08rem; right: -0.17rem; width: .14rem; height: .14rem; display: none; } .voucher-center-box .voucher-tab-box .application-ul3 .goods-type.show-icon .level3-icon { display: block; } .voucher-center-box .voucher-tab-box .application-ul3 .goods-type.active { font-weight: bold; color: #fe3240; } .voucher-center-box .voucher-tab-box .application-ul3 .goods-type.active::after { content: ''; display: inline-block; width: .2rem; height: .02rem; background-color: #f6233c; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; } .voucher-center-box .middle-container .price-container { margin: .1rem 0 .15rem; flex-wrap: wrap; } .voucher-center-box .middle-container .price-container .price-item, .voucher-center-box .middle-container .price-container .stay-tuned { width: 31.6%; margin-top: .08rem; background: #fff; border-radius: .07rem; border: .01rem solid #e4e4e4; color: #454545; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-right: .08rem; padding: .05rem 0; } .voucher-center-box .middle-container .price-container .stay-tuned { color: #979797; font-size: .18rem; height: .96rem; } .voucher-center-box .middle-container .price-container .price-item.disabled { opacity: .5; } .voucher-center-box .middle-container .price-container .price-item.active-price-item { background: #fee; color: #ff2f2f; border: .01rem solid rgba(255, 70, 70, 1); } .voucher-center-box .middle-container .price-container .price-item.active-price-item .textAlign-style { } .voucher-center-box .middle-container .price-container .price-item:nth-child(3n) { margin-right: 0; } .voucher-center-box .middle-container .price-container .price-item .textAlign-style { text-align: center; font-size: .12rem; } .voucher-center-box .middle-container .price-container .price-item .textAlign-style .goodsName { font-size: .14rem; color: #000; font-weight: bold; } .voucher-center-box .middle-container .price-container .price-item .textAlign-style .agentPrice { font-size: .24rem; color: #ff2f2f; font-family: Oswald-Medium; } .voucher-center-box .middle-container .price-container .price-item .textAlign-style .agentPrice .rmb { font-size: .1rem; color: #ff2f2f; font-family: Oswald-Medium; } .voucher-center-box .middle-container .price-container .price-item .textAlign-style .price, .voucher-center-box .middle-container .price-container .price-item .textAlign-style .price .rmb { font-size: .1rem; color: #979797; text-decoration: line-through; } .voucher-center-box .middle-container .price-container .price-item .textAlign-style .odds_text { text-align: center; color: #f67949; font-size: .12rem; } .voucher-center-box .middle-container .price-container .price-item.active-price-item .textAlign-style .odds_text { color: #ff2f2f; } .voucher-center-box .middle-container .price-container .price-item .textAlign-style .price-number { font-size: .24rem; font-family: Oswald-Medium; } .voucher-center-box .middle-container .price-container .price-item .textAlign-style .price-number .rmb { font-size: .1rem; color: #454545; } .voucher-center-box .middle-container .price-container .price-item.active-price-item .textAlign-style .price-number .rmb { font-size: .1rem; color: #ff2f2f; } .voucher-center-box .middle-container .price-container .price-item .textAlign-style .price-text { font-size: .1rem; } .voucher-center-box .card-text-container { width: 100%; color: #454545; padding: 0 .09rem 0 .13rem; box-sizing: border-box; } .voucher-center-box .card-text-container .card-text { font-size: .12rem; line-height: .14rem; } .voucher-center-box .card-icon-container { font-size: .1rem; line-height: .1rem; } .voucher-center-box .card-icon-container .card-arrow-icon { width: .09rem; height: .09rem; vertical-align: bottom; } .voucher-center-box .card-text-container .card-text { font-size: .12rem; line-height: .14rem; } .voucher-center-box .card-text-container .card-text .no-card-use { color: #979797; } .voucher-center-box .card-text-container .card-text .card-arrow-icon { width: .09rem; height: .09rem; vertical-align: bottom; } .voucher-center-box .button-container { width: 100%; margin: .1rem 0; } .voucher-center-box .button-container .button-style { width: 100%; height: .42rem; background: linear-gradient(90deg, #ff6d46 0%, #ff1c37 100%); box-shadow: 0 .09rem .08rem 0 rgba(255, 140, 140, .35); border-radius: .2rem; opacity: .4; pointer-events: none; border: 0; font-size: .17rem; color: #fff; } .voucher-center-box .info-container { font-size: .09rem; color: #d08e80; line-height: .1rem; justify-content: space-between; padding: 0 .09rem 0 .13rem; box-sizing: border-box; } .voucher-center-box .info-container > span { visibility: hidden; } .voucher-center-box .info-container .recharge-arrow-icon { width: .12rem; height: .1rem; } .bottom-common-container { position: fixed; bottom: 0; left: 0; width: 3.75rem; height: 4.56rem; background: #fff; border-radius: .16rem .16rem 0 0; box-sizing: border-box; padding: .22rem .13rem; z-index: 32; } .bottom-common-container .bottom-recharge-dialog { padding: .22rem .19rem .4rem; } .bottom-common-container .bottom-card-head { justify-content: space-between; padding: 0 .06rem 0; } .bottom-common-container .tab-container { margin-top: .32rem; } .bottom-common-container .tab-container .tab-content { flex: 1; height: 3.5rem; } .bottom-common-container .tab-head { justify-content: space-around; } .bottom-common-container .tab-head-item { flex-direction: column; justify-content: center; } .bottom-common-container .tab-head-title { font-size: .15rem; font-weight: normal; color: #000; line-height: .17rem; } .bottom-common-container .line { width: .32rem; height: .03rem; background: #ff3330; margin-top: .05rem; visibility: hidden; } .bottom-common-container .lineAnimationRight { visibility: visible; animation: .2s moveRight linear; } .bottom-common-container .lineAnimationLeft { visibility: visible; animation: .2s moveLeft linear; } @keyframes moveRight { 0% { left: 100%; } 100% { left: 50%; } } @keyframes moveLeft { 0% { left: 0%; } 100% { left: 50%; } } .bottom-common-container .bottom-card-head-title { font-size: .17rem; font-weight: normal; color: #000; line-height: .19rem; font-weight: 500; } .bottom-common-container .bottom-common-title { flex: 1; text-align: left; font-size: .17rem; font-weight: 500; color: #000; line-height: .19rem; padding-left: .08rem; } .bottom-common-container .bottom-common-closeIcon { width: .14rem; height: .14rem; } .bottom-common-container .no-card-container { text-align: center; margin-top: .9rem; } .bottom-common-container .no-card-img { width: .6rem; height: .47rem; margin-bottom: .15rem; opacity: .6; } .bottom-common-container .no-card-text { font-size: .14rem; font-weight: normal; color: #979797; line-height: .17rem; } .bottom-common-container .have-card-container { margin-top: .29rem; box-sizing: border-box; width: 100%; height: 100%; padding-bottom: .5rem; overflow: auto; } .bottom-common-container .have-card-item { width: 90%; height: .85rem; background: #fff; box-shadow: 0 .04rem .17rem 0 rgba(128, 128, 128, .11); border-radius: .1rem; border: .01rem solid #eee; margin: 0 auto .1rem; box-sizing: border-box; } .bottom-common-container .left-item { width: .8rem; padding: 0 .02rem 0 .2rem; } .bottom-common-container .money-icon { font-size: .2rem; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #ff3330; line-height: .2rem; letter-spacing: -0.06rem; } .bottom-common-container .money-number { font-size: .4rem; font-family: Oswald-Medium, Oswald; font-weight: 500; color: #ff3330; line-height: .45rem; letter-spacing: -0.02rem; } .bottom-common-container .gray-color { color: #9d9d9d  !important; } .bottom-common-container .reset-item { padding-right: .2rem; justify-content: space-between; flex: 1; } .bottom-common-container .center-title { font-size: .15rem; font-weight: normal; color: #6c3933; line-height: .17rem; margin-bottom: .03rem; } .bottom-common-container .center-text { font-size: .1rem; font-weight: normal; color: #9b9b9b; line-height: .15rem; transform-origin: left; } .check-icon { width: .23rem; height: .23rem; } .bottom-common-container .bottom-content-container { margin-top: .32rem; padding: 0 .08rem; height: calc(100% - .6rem); overflow: auto; box-sizing: border-box; } .bottom-common-container .bottom-content-container .content-item { margin-bottom: .16rem; font-size: .13rem; font-weight: normal; color: #000; line-height: .18rem; } .smart-suggestion .sug-pro-box { padding: 0 .13rem; } .smart-suggestion .sug-pro-box .sug-pro-container a { text-decoration: none; } .smart-suggestion .sug-pro-box .sug-pro-container { width: 49.2%  !important; margin-bottom: .06rem  !important; border-radius: .12rem  !important; box-shadow: 0px 2px 6px 0px rgba(207, 207, 207, .5); } .smart-suggestion .sug-pro-box .sug-pro-container .pro-img-box { text-align: center  !important; } .smart-suggestion .sug-pro-box .sug-pro-container .pro-img-box img { width: 100%  !important; height: auto  !important; } .smart-suggestion .sug-pro-box .sug-pro-container .pro-name { margin-top: 0  !important; color: #333; } .recommend-items .cms_currency_background_layout_938b7b20-81ee-41e7-a974-9f6ace8ec789 { background-color: transparent  !important; } .bottom-common-container.lavel3-recharge-dialog { padding: .22rem 0; } .bottom-common-container.lavel3-recharge-dialog .bottom-common-title { margin-left: .15rem; padding: 0; } .bottom-common-container.lavel3-recharge-dialog .bottom-content-container { margin-top: .2rem; } .bottom-common-container.lavel3-recharge-dialog .bottom-content-container { padding: 0; } .bottom-common-container.lavel3-recharge-dialog .bottom-common-closeIcon { margin-right: .15rem; } .bottom-common-container.lavel3-recharge-dialog .bottom-content-container { height: calc(100% - .5rem); } .mask-box { width: 100%; height: 100%; z-index: 200; position: fixed; top: 0; left: 0; background-color: rgba(000, 0, 0, .5); display: grid; place-items: center; } .mask-box .tips-box { width: 2.86rem; height: 1.56rem; border-radius: .12rem; background: #fff; } .mask-box .tips-box .tips-text { margin: 0 auto; padding-top: .3rem; width: 2.39rem; text-align: center; font-size: .16rem; color: #252525; } .mask-box .tips-box .tips-btn-box { width: 2.59rem; margin: 0 auto; margin-top: .27rem; display: flex; justify-content: space-around; } .mask-box .tips-box .tips-btn-box .btn { width: 1.21rem; height: .26rem; line-height: .26rem; border-radius: .18rem; font-size: .16rem; text-align: center; } .mask-box .tips-box .tips-btn-box .tip-cancle { color: #979797; border: 1px solid #979797; } .mask-box .tips-box .tips-btn-box .tops-submit { height: .28rem; line-height: .28rem; color: #fff; background: #ff2f2f; }