123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184 |
- page ,.container{
- width: 750rpx;
- height: 100%;
- overflow: hidden;
- background: #fff;
- }
- .form-box{
- width:90%;
- height:36%;
- overflow:hidden;
- padding:0 80rpx;
- margin:65px auto 20px auto;
- box-shadow:3px 1px 10px #ccc;
- border-radius:19rpx;
- }
- .form-item{
- position: relative;
- background: #fff;
- display: flex;
- flex: 1;
- align-items: center;
- border-bottom: 1px solid #d9d9d9;
- border-radius: 4px;
- margin-top:55rpx;
- }
- .form-item input{
- flex: 1;
- }
- .form-item .username, .form-item .password, .form-item .code{
- position: absolute;
- top: 26rpx;
- left: 0;
- display: block;
- width: 100%;
- height: 44rpx;
- background: #fff;
- color: #333;
- font-size: 30rpx;
- }
- .form-item-code{
- margin-top:17rpx;
- height: auto;
- overflow: hidden;
- width: 100%;
- display: flex;
- align-items: center;
- }
- .form-item-code .form-item{
- float: left;
- width: 350rpx;
- }
- .form-item-code .sms-r{
- float: right;
- margin-top: 4rpx;
- height: 68rpx;
- width: 186rpx;
- }
- .form-item .clear{
- display: block;
- background: #fff;
- height: 44rpx;
- width: 44rpx;
- }
- .login-btn{
- margin-top:70rpx;
- height:72rpx;
- line-height:72rpx;
- color:#fff;
- font-size:28rpx;
- width:48%;
- background:#1AAD19;
- border-radius:50rpx;
- float:left;
- margin-left: 10rpx;
- }
- .no-login-btn{
- margin-top:70rpx;
- height:72rpx;
- line-height:72rpx;
- color:#fff;
- font-size:28rpx;
- width:48%;
- background:#a09e9e;
- border-radius:50rpx;
- float:left;
- margin-left: 12rpx;
- }
- .form-item-text{
- height: 35rpx;
- width: 100%;
- }
- .form-item-text .register{
- display: block;
- height: 34rpx;
- float: left;
- font-size: 28rpx;
- color: #999;
- }
- .form-item-text .reset{
- display: block;
- height: 34rpx;
- float: right;
- font-size: 28rpx;
- color: #999;
- }
- .sms-rr .btn{
- height: 60rpx;
- line-height: 60rpx;
- font-size: 28rpx;
- margin-top:30rpx;
- }
- .login-third{
- /* margin: 117rpx auto 60rpx auto; */
- width:65%;
- float:left;
- }
- .login-third-text{
- /* margin: 117rpx auto 60rpx auto; */
- color: #999;
- text-align: center;
- font-size:32rpx;
- width:50%;
- float:left;
- }
- .login-third-div{
- width:170rpx;
- background:#ccc;
- height:1px;
- float:left;
- margin-top:24rpx;
- margin-left:84rpx;
- }
- .login-third-div2{
- width:170rpx;
- background:#ccc;
- height:1px;
- margin-top:24rpx;
- margin-left:243rpx;
- }
- .sq-weixin-view{
- width: 150rpx;
- margin: 0px auto;
- padding-top:100rpx;
- }
- .sq-weixin-view button{
- width: 150rpx;
- height: 150rpx;
- background:url(http://120.76.26.84:80/group1/M00/00/49/rBJEdV3JDzaAI3ceAAAreqbIuTw477.png) 0 0 no-repeat;
- background-size:156.803rpx;
- }
- .sq-weixin-view button:after{
- border: none;
- }
- .regist{
- width:17%;
- height:60rpx;
- margin-left:581rpx;
- color:#b4282d;
- /* text-align:right; */
- }
- .regist-btn{
- margin-top:70rpx;
- height:72rpx;
- line-height:72rpx;
- color:#fff;
- font-size:30rpx;
- width:100%;
- background:#1AAD19;
- border-radius:50rpx;
- }
|