.lottery-content{ background: url("../images/bg-pan.png"); background-size: 100% 100%; } .lottery-title{ height: 8rem; } .lottery{ font-family: '微软雅黑'; position: relative; overflow: hidden; } /*grid start*/ .grid * { margin: 0; padding: 0; } .result{ left: 12%; position: relative; width: 14rem; background: url('../images/gua.png'); background-size: 100% 100%; height: 6rem; } .result-span{ width: 100%; height: 3rem; position: absolute; top: 32%; left: 0; color: #fe6869; text-align: center; font-size: 1.5rem; } .gua-img{ width: 13rem; } .inner{ position: relative; top: -5.6rem; left: 14.6%; } .mytabrow{ width: 100%; margin-top: 20px; } .mytab{ font-family: 微软雅黑; width: 80%; margin: 0 auto; } .mytab .fui-tab{ margin: 0; background: #1695a4; color: #ffffff; } .fui-tab.fui-tab-default a { color: #ffffff; } .fui-tab.fui-tab-default a.active { color: #ffffff; background: #0c7784; border: none; z-index: 100; } .reward_p{ color: #ff5c5d; } .lottery-info{ text-align: center; background-color: #ffffff; min-height: 10rem; margin-bottom: 15px; } .rewardinfo{ display: none; } .myreward{ display: none; } /*弹出层*/ /*.task-model{ z-index: 11; position: absolute; background: #ffffff; bottom: 12rem; right: 3.5rem; width: 12rem; border-radius: 0.5rem; }*/ .fui-modal.picker-modal{ position: fixed; bottom: 260px !important; } .task-model{ margin: 0 auto; background: #ffffff; width: 12rem; border-radius: 0.5rem; } .task-model-content{ background: url("../images/success.png") no-repeat; background-size: 100%; height: 10rem; background-color: #F2F3F8; border-radius: 0.5rem; padding-top: 7rem; color: gray; } .task-model-faile-content{ background: url("../images/fail.png") no-repeat; background-size: 50%; background-position: 3rem 1rem; height: 10rem; background-color: #F2F3F8; border-radius: 0.5rem; padding-top: 7rem; color: gray; } .task-model-faile-content p,.task-model-content p{ text-align: center; font-size: 0.5rem; margin-top:0.2rem; } .task-model-faile-content h4,.task-model-content h4{ text-align: center; font-size: 0.65rem; } .task-model-footer{ color: #ffffff; padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: center; background-color: #ef5e14; border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .reward-left{ width: 28%; height: 1.2rem; text-align: left; padding-left: 1rem; float: left; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .reward-right{ width: 40%; text-align: right; float: left; margin-top: 2px; position: relative; overflow: hidden; } .reward-center{ width: 28%; float: left; text-align: right; position: relative; white-space: nowrap; text-overflow: ellipsis; } .lottery_footer{ position: absolute; padding-top: 1rem; height: 6rem; top: 22rem; background: #ffffff; width: 80%; left: 10%; border-radius: 10px; } .lottery_footer p{ text-align: center; } .lottery_row{ width:100%; } .lottery_col_6{ width: 50%; text-align: center; float: left; } .lottery_memberhead{ width: 3rem; height: 3rem; border-radius: 90px; border: 2px #fff solid; position: absolute; top: -2rem; left: 42%; }