.content { box-sizing: border-box; height: 100%; border-radius: 48rpx; padding:40rpx; flex: 1; overflow: hidden !important; .lang-change{ position: absolute; right: 40rpx; top: 12rpx; width: 112rpx; height: 48rpx; line-height: 48rpx; color: #f2f2f2; // border: 1px solid #cccccc; flex-direction: row; font-size: 26rpx; justify-content: center; font-weight: bold; border-radius: 20rpx; .current{ color: #666; } } .logo{ display: flex; flex-direction: column; align-items: center; margin-bottom: 24rpx; .app-name{ font-weight: bold; font-size: 30rpx; line-height: 96rpx; } } .btn-wrap{ display: flex; justify-content: space-between; flex-direction: column; margin-top: 20rpx; // column-gap: 32rpx; .bind-btn{ flex:1; } .btn-disabled{ background: #f7f7f7; color: #999; } } .login-card{ padding: 40rpx; margin-top: 48rpx; box-shadow:0 0 16rpx 0px rgba(0, 0, 0, 0.1); border-radius: 36rpx; } .login-title{ line-height: 100rpx; font-size: 32rpx; display: flex; font-weight: bold; flex-wrap: wrap; justify-content: space-between; flex-direction: row; .login-type-change{ // float: right; color: #4680F9; font-size: 28rpx; font-weight: normal; } } .login-opertion{ font-size: 26rpx; padding:0 20rpx; color: #222; display: flex; justify-content: space-evenly; flex-direction: row; margin:48rpx 0 0; align-items: center; .flex{ flex:1; text-align: center; } .line{ width: 3rpx; background-color: #ccc; height: 42rpx; } } .agree-forget{ display: flex; flex-direction: row; padding:0 8rpx; line-height: 52rpx; margin-top: 30rpx; justify-content: space-between; .agree{ flex-direction: row; font-size: 28rpx; // margin-left: -36rpx; color: #ccc; span{ margin-left: -40rpx; } } .uni-data-checklist{ flex: 0; } .forget{ font-size: 28rpx; color: #222; } } .wechat-login{ display: flex; flex-direction: column; align-items: center; margin-top: 60rpx; .wechat-logo{ width: 100rpx; height: 100rpx; } } .app-login{ display: flex; flex-direction: column; align-items: center; margin-top: 60rpx; // position: absolute; // right: 100rpx; // bottom: 170rpx; color: #4680F9; font-size: 28rpx; font-weight: normal; .app-logo{ width: 60rpx; height: 60rpx; } } .deplist-wrap{ max-height: 700rpx; overflow-y: auto; // margin-right: -22px; .login-choosedep{ display: flex; flex-direction: row; cursor: pointer; margin-top: 48rpx; // margin-right: -15px; background-color: #f2f2f2; height: 96rpx; border: 1px solid #d9d9d9; font-size: 28rpx; font-weight: normal; color: rgba(0, 0, 0, 0.9); line-height: 92rpx; border-radius: 16rpx; .login-dep-logo{ border-radius: 6rpx; width: 60rpx; height: 60rpx; margin: 18rpx 20rpx 18rpx 24rpx; background-size: 100% 100%; } } .tenant-name{ flex: 1; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-right: 24rpx; } .tenant-expire{ // pointer-events: none; cursor: not-allowed; background-color: #f4f4f5; border-color: #e9e9eb; color: #c0c4cc; } .login-choosedep-active{ border: 1px solid #4680F9; } } .divider{ margin:90rpx 0 0; } } .logo_img { display: flex; flex-direction: row; width: 150rpx; height: 150rpx; margin: auto; margin-bottom: 80rpx; } .inp_box { display: flex; flex-direction: row; // background-color: #F8F8F8; // font-size: 28rpx; width: 100%; height: 108rpx; line-height: 108rpx; // margin: 20rpx auto; // border-radius: 50rpx; // padding:0 60rpx; border-bottom: 2rpx solid #EEEEEE; text { margin-right: 10rpx; } input { font-size: 30rpx; height: 108rpx; line-height: 108rpx; flex:1; padding: 0 4px; } .get-code-btn{ margin: 0; height: 62rpx; width: 172rpx; line-height: 58rpx; color: #fff; border: 2rpx solid #3275F5; background: #3275F5; font-size: 30rpx; margin-top: 20rpx; } .load-reget{ color: #ccc; border: 2rpx solid #ccc; background: #fff; } } // button { // background:linear-gradient(to right,#6DB4FF 0%,#2F71F4 100%); // line-height: 80rpx; // color: #fff; // font-size: 30rpx; // margin:50rpx 0 0; // border-radius: 40rpx; // border: none; // } .uni-input-placeholder{ color: #ccc; } uni-button:after{ border: none; }