.alert-info { position: absolute; top: 4.35rem; right: 0; left: 0; bottom: 0; text-align: center; z-index: 9999; } .alert-info p { display: inline-block; height: 38px; color: #fff; font-size: 14px; line-height: 38px; padding: 0 10px; background-color: rgba(0, 0, 0, 0.7); border-radius: 5px; } body{ width: 100%; height: 100%; background: #FFFFFF; } /*头部下载*/ .downAppTop{ background: #F4F4F4; width: 100%; height: 1.04rem; padding: 0 0.3rem; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; position: fixed; top: 0; } .downAppTop .left{ display: flex; align-items: center; } .downAppTop .left img{ width: 0.74rem; height: 0.74rem; border-radius: 0.1rem; margin-right: 0.08rem; } .downAppTop .left div :nth-of-type(1){ color: #4A4A4A; font-size: 0.26rem; line-height: 0.36rem; padding-bottom: 0.02rem; } .downAppTop .left div :nth-of-type(2){ color: #898989; font-size: 0.22rem; line-height: 0.32rem; } .downAppTop .right{ display: block; width: 1.44rem; height: 0.44rem; background:linear-gradient(292deg,rgba(250,42,55,1) 0%,rgba(252,113,35,1) 100%); border-radius:0.22rem; color: #FFFFFF; font-size: 0.22rem; line-height: 0.44rem; text-align: center; } /*小蜜蜂头部文案*/ .bee_title{ width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 1.72rem; margin-bottom: 0.92rem; } .bee_title img{ width: 0.59rem; height: 1.07rem; } .bee_title p{ color: #39393A; font-size: 0.34rem; line-height: 0.48rem; margin: 0.18rem 0.2rem 0; text-align: center; } /*用户注册*/ .register{ width: 5.8rem; margin: auto; } .register .register_phone,.register .register_yzm{ height: 0.84rem; display: flex; align-items: center; justify-content: space-between; border-bottom: 0.01rem solid #909090; padding: 0 0.04rem; } .register input{ font-size: 0.3rem; line-height: 0.42rem; border: none; } .register .register_phone button{ color: #4A4A4A; font-size: 0.26rem; line-height: 0.36rem; border: none; background: transparent; } .register .register_button{ width: 5.76rem; height: 0.82rem; background:linear-gradient(288deg,rgba(250,42,55,1) 0%,rgba(252,113,35,1) 100%); border-radius:0.41rem; border: none; color: #FFFFFF; font-size: 0.4rem; line-height: 0.82rem; margin-top: 0.8rem; } /*猎豆文案*/ .liedou_statement{ width: 6.58rem; margin: auto; margin-top: 0.64rem; } .liedou_statement h3{ color: #F5122A; font-size: 0.3rem; line-height: 0.42rem; font-weight: bold; margin-bottom: 0.14rem; } .liedou_statement p{ height: 1.76rem; width: 100%; background: url(../images/character_bg.png) no-repeat; background-size:100% 100% ; font-size: 0.28rem; line-height: 0.4rem; letter-spacing:0.01rem; color: #DD606B; padding: 0 0.08rem; box-sizing: border-box; display: flex; align-items: center; } /*注册成功弹框*/ #registerSuccess{ width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.6); z-index: 501; text-align: center; visibility: hidden; } #registerSuccess .content h3{ font-size: 0.36rem; line-height: 0.5rem; padding-top: 0.44rem; padding-bottom: 0.33rem; } #registerSuccess .content .con{ color: #262626; font-size: 0.28rem; line-height: 0.4rem; margin-bottom: 0.56rem; } #registerSuccess .content .copyTkl{ display: block; padding: 0; margin: auto; width: 1.92rem; height: 0.48rem; background: #FA2C36; border-radius: 0.1rem; color: #FFFFFF; font-size: 0.28rem; line-height: 0.48rem; border: none; } #registerSuccess .content{ width: 5rem; min-height: 4.26rem; background: #FFFFFF; position: absolute; top: 3.26rem; left: 0; right: 0; margin: auto; padding: 0 0.32rem; box-sizing: border-box; border-radius: 0.1rem; } #registerSuccess .content .close{ width: 0.6rem; height: 0.6rem; position: absolute; bottom: -1.1rem; left: 0; right: 0; margin: auto; }