input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color: #dedede; } .content{ border-top: .02rem solid #FAFAFA; } .addr-select-bg{ width: 100vw; height: 100%; background-color: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; z-index: 998; } .login-txt{ padding: 0.4rem; min-height: 6.6rem; } .login-txt .logo{ width: 1.4rem; height: 1.4rem; background-color: #e70012; border-radius: .1rem; overflow: hidden; margin: .5rem auto .1rem; } .login-txt .logo>view{ width: 1.2rem; height: 1.2rem; margin: .1rem auto; } .login-txt .logo>view image{ width: 100%; } .login-txt .company{ font-size: .48rem; line-height: 1.5; text-align: center; margin-bottom: .7rem; } .login-txt .phone-number{ padding-top: .2rem; } .login-txt .phone-number>view{ display: block; font-size: .28rem; line-height: 1.5; color: #666; } .login-txt .phone-number>input{ width: 100%; height: .9rem; line-height: .9rem; font-size: .32rem; border-bottom: .02rem solid #e2e4e6; } .login-txt .agreement{ padding-top: .2rem; overflow: hidden; } .login-txt .agreement>.img{ display: block; width: .26rem; height: .26rem; border-radius: .04rem; background-color: #FFFFFF; border: .02rem solid #999999; margin: .07rem .08rem 0 0; float: left; } .login-txt .agreement>.img>image{ display: none; width: .18rem; height: .13rem; margin: .045rem auto 0; } .login-txt .agreement>.img.checked{ border: .02rem solid #3440c9; background-color: #3440c9; } .login-txt .agreement>.img.checked>image{ display: block; } .login-txt .agreement>.txt{ width: calc(100% - .34rem); font-size: .28rem; line-height: 1.5; float: left; } .login-txt .agreement>.txt text{ word-break: break-all; color: #3440c9; } .login-btns{ margin-top: .3rem; } .login-btns>view{ display: flex; justify-content: center; align-items: center; height: .8rem; background-color: #3440c9; border-radius: .16rem; font-size: .32rem; color: #FFFFFF; } .login-btns>view.nail-btn{ display: flex; justify-content: center; background-color: #348bff; } .login-btns>view.nail-btn>.img{ width: .4rem; height: .52rem; margin-right: .08rem; } .login-btns>view.nail-btn>.img image{ width: 100%; } /* 登录方式 */ .login-mode{ width: 100%; margin-top: 2rem; background-color: #FFFFFF; position: fixed; bottom: .4rem; left: 0; } .login-mode.noPositin{ position: static; } .mode-title{ display: flex; justify-content: center; align-items: center; font-size: .32rem; line-height: 1.5; } .mode-title>view{ width: .9rem; height: .02rem; background-color: #d3d3d3; margin: 0 .1rem; } .mode-item{ display: flex; justify-content: center; align-items: center; margin-top: .3rem; } .mode-item>view{ width: 1.8rem; } .mode-item>view>.img{ display: flex; justify-content: center; align-items: center; width: 1.2rem; height: 1.2rem; margin: 0 auto; border-radius: 100%; background-color: #348bff; } .mode-item>view>.img view{ width: .58rem; height: .76rem; } .mode-item>view>.img view image{ width: 100%; } .mode-item>view:last-child>view{ background-color: #ff9834; } .mode-item>view:last-child>.img view{ width: .51rem; height: .72rem; } .mode-item>view>text{ display: block; width: 1.8rem; height: .44rem; line-height: .44rem; background-color: #dbeaff; border-radius: .1rem; border: .02rem solid #3440c9; font-size: .24rem; margin-top: .12rem; text-align: center; opacity: 0; } .mode-item>view>text.active{ opacity: 1; transition: all .6s; } /* 弹窗 */ .my-confirm-bg{ width: 100%; height: 100%; background-color: rgba(0,0,0,.5); position: fixed; top: 0; z-index: 998; } /* 阅读授权弹窗 */ .my-confirm2>p{ text-align: center !important; font-size: .32rem; } .my-confirm-bg{ width: 100vw; height: 100%; background-color: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; z-index: 998; } .my-confirm{ width: 4rem; padding: .4rem .3rem; background-color: #FFFFFF; border-radius: .3rem; box-shadow: 0 0 .13rem rgba(29,47,67,.1); position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 999; } .my-confirm>text{ display: block; font-size: .28rem; line-height: 1.5; text-align: center; } .confirm-btns{ display: flex; justify-content: space-around; margin-top: .4rem; } .confirm-btns>view{ width: 1.6rem; line-height: .5rem; border-radius: .25rem; border: .02rem solid #333fc9; background-color: #FFFFFF; font-size: .26rem; color: #333fc9; text-align: center; } .confirm-btns>view:first-child{ background-color: #333fc9; color: #FFFFFF; } /* 钉钉授权登录弹窗 */ .nail-popup{ width: 100%; padding: .65rem; background-color: #FFFFFF; position: fixed; left: 0; bottom: 0; z-index: 999; } .nail-popup-title{ display: flex; align-items: center; height: .64rem; } .nail-popup-title>.img{ display: flex; justify-content: center; align-items: center; width: .64rem; height: .64rem; border-radius: .12rem; background-color: #e70012; } .nail-popup-title>.img view{ width: .55rem; height: .55rem; } .nail-popup-title>.img view image{ width: 100%; } .nail-popup-title>.txt{ font-size: .48rem; line-height: .64rem; margin: 0 .08rem; } .nail-popup-title>text{ font-size: .32rem; } .nail-popup>text{ display: block; font-size: .42rem; line-height: 1.5; margin: .2rem 0; } .nick-name>view{ font-size: .28rem; line-height: 1.5; color: #999999; } .nick-name>view{ display: flex; justify-content: space-between; align-items: center; font-size: .32rem; line-height: 1.5; padding: .15rem 0; border-bottom: .02rem solid #e1e3e5; } .nick-name>view>view{ width: .35rem; height: .24rem; } .nick-name>view>view image{ width: 100%; } /* 授权按钮 */ .nail-popup-btns view{ display: flex; justify-content: center; align-items: center; width: 100%; height: .8rem; margin-top: .4rem; background-color: #348bff; border-radius: .16rem; font-size: .32rem; color: #FFFFFF; } .nail-popup-btns view:last-child{ margin-top: .15rem; background-color: rgba(0,0,0,0); color: #333333; } /* 提示框 */ .toast{ width: 3rem; padding: .2rem .25rem; background-color: rgba(255,255,255,.8); color: #333333; border-radius: .1rem; font-size: .28rem; line-height: 1.4; text-align: center; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 999; }