flamingo-ui
Version:
火烈鸟UI组件库
2 lines (1 loc) • 13.6 kB
CSS
@charset "UTF-8";.fmg-custom-video{position:relative;display:flex;word-break:normal;letter-spacing:normal}.fmg-custom-video .van-slider__button{width:12px;height:12px}.fmg-custom-video .van-slider__bar{background:var(--fmg-theme-color)}.fmg-custom-video video{width:100%;height:100%;border-radius:10px;position:relative;z-index:3;background-color:#000;object-fit:contain}.fmg-custom-video video:-webkit-full-screen{object-fit:contain}.fmg-custom-video video:fullscreen{object-fit:contain}.fmg-custom-video .volume{position:absolute;right:10px;bottom:10px;width:32px;height:32px}.fmg-custom-video img{border-radius:0;z-index:4}.fmg-custom-video__btn{position:absolute;width:46px;height:46px;top:50%;left:50%;transform:translate(-50%,-50%)}.fmg-custom-video__footer{box-sizing:border-box;position:absolute;width:100%;height:36px;bottom:0px;left:0;background:linear-gradient(360deg,rgba(0,0,0,.72),rgba(0,0,0,0));border-radius:0 0 10px 10px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:0 12px;z-index:4}.fmg-custom-video__footer_full{width:15px;height:15px;margin-left:15px}.fmg-custom-video__footer_btn{width:15px;height:15px;margin-right:15px}.fmg-custom-video__footer_progress{width:100%}.fmg-custom-video__footer_time{margin-left:15px;color:#e4e4e4;font-size:9px}.fmg-dialog{width:270px;border-radius:10px}.fmg-dialog .van-dialog__header{padding-top:24px;padding-left:15px;padding-right:15px;font-size:18px;font-weight:500;color:#272b37;line-height:21px}.fmg-dialog .van-dialog__message{padding:9px 16px 15px;font-size:14px;color:#5f6672;line-height:19px}.fmg-dialog .van-dialog__confirm{font-size:16px;color:var(--fmg-button-color);line-height:23px}.fmg-dialog .van-dialog__cancel{color:#979ca5;font-size:16px;line-height:23px}.fmg-dialog .van-dialog__confirm,.fmg-dialog .van-dialog__cancel{border-color:#ddd}.fmg-dialog .van-button:active:before{opacity:0}.fmg-dialog .van-dialog__confirm:active{color:var(--fmg-button-color)}.fmg-ellipsis{width:100%;display:flex}.fmg-guess-gift{position:relative;display:flex;justify-content:center;align-items:center}.fmg-guess-gift .bowl-item{position:relative;top:0;left:0;z-index:10;width:100px;height:100px;background:url(https://gres.guopan.cn/png/20230310/guess-gift-box.png);background-repeat:no-repeat;background-size:100% 100%;transition:all ease-out .5s}.fmg-guess-gift .gold-bean{position:absolute;z-index:1;bottom:30px;width:30px;height:30px;background:url(https://gres.guopan.cn/png/20230310/guess-gift-bean.png);background-repeat:no-repeat;background-size:100% 100%}.fmg-guess-gift ._opacity0{opacity:0}.fmg-guess-gift ._opacity1{opacity:1}.disabledClick{pointer-events:none;cursor:not-allowed!important}.fmg-limit_game .limit_game .van-popup{box-sizing:border-box;height:64vh;padding:20px 15px 0;border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden;display:flex;flex-direction:column}.fmg-limit_game .limit_game_close{position:absolute;top:15px;right:15px;width:15px;height:15px;background:url(https://gres.guopan.cn/png/20230322/icon_close.png) no-repeat;background-size:contain;background-position:center center}.fmg-limit_game .limit_game_title{padding-bottom:10px;font-size:16px;font-weight:700;color:#333;text-align:center}.fmg-limit_game .limit_game_search{margin:0 10px;position:relative;display:flex;height:36px;border-radius:18px;padding-left:40px;padding-right:73px;background:#f4f4f4;align-items:center}.fmg-limit_game .limit_game_search:before{content:"";position:absolute;top:50%;left:15px;transform:translateY(-50%);width:15px;height:15px;background:url(https://gres.guopan.cn/png/20230322/icon_search.png) no-repeat;background-size:contain;background-position:center center}.fmg-limit_game .limit_game_input{width:100%;height:20px;line-height:20px;font-size:14px;color:#333;border:0;outline:0;background:transparent}.fmg-limit_game .limit_game a{position:absolute;top:0;right:0;display:flex;width:63px;height:100%;align-items:center;justify-content:center;color:#3ca0e6;font-size:14px}.fmg-limit_game .limit_game a:before{content:"";position:absolute;width:1PX;height:50%;background:#ccc;top:50%;left:12%;transform:translateY(-50%)}.fmg-limit_game .limit_game_tip{padding:0 15px;margin-top:20px;font-size:14px;color:#333;line-height:23px;text-align:left}.fmg-limit_game .limit_game_con{flex:1;padding:10px 15px 20px;font-size:14px;color:#666;line-height:23px;text-align:left;overflow-y:auto}.fmg-limit_game .limit_game_con li{padding:10px 0;color:#333}.fmg-limit_game .limit_game_con::-webkit-scrollbar{width:5px;height:13px;border-radius:5px}.fmg-limit_game .limit_game_con::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);background-clip:padding-box;border-radius:5px;min-height:28px}.fmg-limit_game .limit_game_con::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.3);border-radius:5px}.fmg-limit_game .limit_game_nodata{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}.fmg-limit_game .limit_game_nodata img{display:block;width:100px;height:100px;margin:0 auto}.fmg-limit_game .limit_game_nodata p{margin-top:4px;color:#999;font-size:14px}.fmg-limit_game .limit_game_nomore{text-align:center}.fmg-limit_game .limit_game_nomore p{position:relative;display:inline-block;padding:0 65px;margin-top:20px;color:#999;font-size:12px}.fmg-limit_game .limit_game_nomore p:before,.fmg-limit_game .limit_game_nomore p:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:50px;height:1px;background:#d8d8d8;opacity:.5}.fmg-limit_game .limit_game_nomore p:before{left:0}.fmg-limit_game .limit_game_nomore p:after{right:0}@media screen and (orientation: landscape){.limit_game_con{height:50px}.limit_game :deep(.van-popup){height:80vh}.limit_game_tip{display:none}.limit_game_nodata{top:25%;transform:translateY(-50%) scale(.5)}}.fmg-pin-ball{position:relative;min-height:100%;display:inline-block;font-size:0}.fmg-pre-image{background-color:#e4e4e4;overflow:hidden;z-index:4;position:relative}.fmg-pre-image img{transition:opacity 1s ease-in-out;width:100%;height:100%;position:relative;z-index:3}.fmg-pre-image img[data-lazy=loading]{opacity:0}.fmg-pre-image img[data-lazy=loaded]{opacity:1}.tncode,.tncode2{border:1px solid #ccc;border-radius:2px;width:260px;height:44px;cursor:pointer;opacity:1;line-height:44px}.fmg-slide-verified{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;background-color:rgba(0,0,0,.5)}.tncode_div{background-color:#fff;z-index:1000000;width:260PX;height:260PX;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #d1d1d1;border-radius:2px;overflow:hidden;filter:progid:DXImageTransform.Microsoft.Shadow(color="#969696",Direction=135,Strength=5);box-shadow:2px 2px 5px #969696}.tncode_div .tncode_canvas_bg{z-index:0}.tncode_div .tncode_canvas_mark{z-index:10000}.tncode_div canvas{position:absolute;left:10PX;top:10PX}.tncode_div .loading{padding-top:60px;position:absolute;left:10PX;top:10PX;background-color:#ccc;width:240PX;height:150PX;text-align:center;box-sizing:border-box}.dd{transform:rotate(-45deg);animation:ddf .1s ease-in 0s infinite}@keyframes ddf{0%{transform:translate(-52%,-49%)}20%{transform:translate(-53%,-48%)}50%{transform:translate(-50%,-50%)}70%{transform:translate(-51%,-51%)}to{transform:translate(-50%,-50%)}}.hgroup{z-index:20000;content:"";position:absolute;left:-800px;top:70px;width:250px;height:15px;background-color:rgba(255,255,255,.5);transform:rotate(-45deg);animation:searchLights 3s ease-in 0s infinite}@keyframes searchLights{0%{left:-800px;top:70px}to{left:350px;top:70px}}.slide,.slide_block,.tools .tncode_close,.tools .tncode_refresh{background-repeat:no-repeat;background-image:url(https://gres.guopan.cn/png/20240229/icon.png)}.tncode_msg_ok{text-align:center;background-color:#24c628}.tncode_msg_error{text-align:center;background-color:#de5145}.tncode_msg_ok,.tncode_msg_error{position:absolute;top:53.6%;left:10PX;width:240PX;height:8.5%;color:#fff;margin:0;overflow:visible;background-position:0px 0px;font-size:14PX;opacity:0;filter:alpha(opacity=0);z-index:10000;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.slide{position:absolute;top:61.5%;width:93.52%;height:13.67%;background-color:#fff;background-size:100%;margin:5.39% 3.24%;overflow:visible;background-position:0px 0px}.tools{position:absolute;top:80.8%;width:93.52%;background-color:#fff;padding:5px 0;background-size:100%;margin:5.39% 3.24%;overflow:hidden;background-position:0px 0px;border-top:1px solid #EEEEEE}.slide_block{background-position:0px 12.9794%;width:25%;padding-top:25%;position:absolute;left:0px;top:0px;z-index:2;margin:-4.62% 0 0 -2.31%;cursor:pointer}.slide_block_moving{background-position:0px 34.25%}.slide_block_text{background-position:0px 12.9794%;position:absolute;left:0;top:50%;transform:translateY(-50%);cursor:pointer;font-size:14PX;color:#88949d;width:100%;padding-left:25%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tools .tncode_close{background-position:0 49%;padding-top:10%;width:10%;float:left;margin-right:3.8%;cursor:pointer}.tools .tncode_refresh{background-position:0 92.3%;padding-top:10%;width:10%;float:left;cursor:pointer}.tools .tncode_tips{float:right}.tools .tncode_tips a{text-decoration:none;font-size:10PX;color:#88949d}.fmg-square-nine{height:357px;width:100%;flex-shrink:0;overflow:auto;display:flex;flex-wrap:wrap;justify-content:space-between;padding:12px;box-sizing:border-box;perspective:1000}.fmg-square-nine .nine-ninegrid__item{position:relative;width:103px;height:103px;transition:all .3s ease}.fmg-square-nine .nine-ninegrid__item:nth-child(5){z-index:11}.fmg-square-nine .nine-ninegrid__item .front,.fmg-square-nine .nine-ninegrid__item .back{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;padding:9px 8px 0;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-image:linear-gradient(#ffefd1,#ffc8a4);transition:1s;transform-style:preserve-3d;display:flex;flex-direction:column;align-items:center}.fmg-square-nine .nine-ninegrid__item .front>p,.fmg-square-nine .nine-ninegrid__item .back>p{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:PingFangSC-Medium;text-align:center;font-size:13px;height:15px;margin-bottom:3px;color:#2e2d2d;flex-shrink:0}.fmg-square-nine .nine-ninegrid__item .front>img,.fmg-square-nine .nine-ninegrid__item .back>img{width:71px;height:71px;flex-shrink:0}.fmg-square-nine .nine-ninegrid__item .front{z-index:2;padding:0;justify-content:center;transform:rotateY(0)}.fmg-square-nine .nine-ninegrid__item .back{transform:rotateY(-180deg)}.fmg-square-nine .nine-ninegrid__item .prize__container{width:71px;height:71px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.fmg-square-nine .nine-ninegrid__item .prize__container img{width:auto;height:auto}.fmg-square-nine .nine-ninegrid__item.active .front{transform:rotateY(180deg)}.fmg-square-nine .nine-ninegrid__item.active .back{transform:rotateY(0)}.fmg-square-nine .nine-ninegrid__item .nine-ninegrid__item__center{border-radius:8px;overflow:hidden;background-image:linear-gradient(#ff733e,#ff4e57);border:1px solid #ffa07c;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.fmg-square-nine .nine-ninegrid__item .nine-ninegrid__item__center>img{width:15px;height:16px}.fmg-square-nine .nine-ninegrid__item .nine-ninegrid__item__center>img.rotate{animation-name:box-rotate;animation-duration:1s}.fmg-square-nine .nine-ninegrid__item .nine-ninegrid__item__center>span{font-family:PingFangSC-Medium;font-size:16px;color:#ffd4a7}.fmg-square-nine .nine-ninegrid__item .nine-ninegrid__item__center>p{font-family:PingFangSC-Medium;font-size:12px;color:#ffd4a7}@keyframes box-rotate{0%{transform:translate(0) rotate(0)}to{transform:translate(0) rotate(360deg)}}.fmg-table-machine{display:flex;justify-content:space-between;width:100%}.fmg-table-machine .lotto-roll-wrap{float:left;width:100px;height:100px}.fmg-table-machine .lotto-roll-content{width:100%;height:100%;overflow:hidden}.fmg-table-machine .lotto-roll-content .lotto-wrap,.fmg-table-machine .lotto-roll-content .lotto-item,.fmg-table-machine .lotto-roll-content .lotto-item-image,.fmg-table-machine .lotto-roll-content .lotto-item-img{width:100%;height:100%}.fmg-table-machine .lotto-roll-content .lotto-item-content{margin:auto;width:100%;height:100%;text-align:center;color:#fff}.fmg-turn-table{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;overflow:hidden}.fmg-turn-table .pointer{position:absolute;left:50%;top:50%;z-index:99;transform:translate(-50%,-50%)}.fmg-turn-table .drawTable-name{position:absolute;left:10px;top:20px;width:calc(100% - 20px);font-size:12px;text-align:center;color:#ff5722}.fmg-turn-table .drawTable-img{position:absolute;left:50%;top:60px;width:30px;height:30px;transform:translate(-50%)}.fmg-turn-table .drawTable-img img{display:inline-block;width:100%;height:100%}.fmg-turn-table .turntable{position:absolute;left:0;top:0;width:100%;height:100%}.fmg-turn-table .turntable #canvasWx{width:100%;height:100%}.fmg-turn-table .turntable .mlcanvas{height:50%;margin-top:25%}.fmg-turn-table .turntable .mlcanvas canvas{transform:scale(2)}.fmg-turn-table .prize{position:absolute;left:25%;top:0;width:50%;height:50%}.fmg-turn-table .prize .item{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:center bottom}