123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137 |
- #login{
- width: 100%;
- height: 100%;
- position: absolute;
- background: url("../images/bj.png") no-repeat;
- -webkit-background-size: 100%;
- background-size: 100%;
- top: 0;
- left: 0;
- opacity: 0.35;
- }
- .login_bg{
- width:100%;
- min-height: 100%;
- text-align: center;
- background: #e0ebf4;
- opacity: 0.9;
- position: absolute;
- top: 0;
- left: 0;
- }
- #logo{
- margin: 9% auto;
- width: 30.25%;
- }
- img{
- width: 100%;
- }
- form{
- width: 80%;
- margin: 0 auto;
- text-align: left;
- }
- form div.userName,form div.passWord{
- border: 1px solid #c1c1c1;
- padding:3.5% 0 4% 3%;
- height: 22%;
- background: #ffffff;
- }
- form div.userName{
- border-bottom:0;
- -webkit-border-top-left-radius: 0.45em;
- -webkit-border-top-right-radius: 0.45em;
- -moz-border-radius-topleft: 0.45em;
- -moz-border-radius-topright: 0.45em;
- border-top-left-radius: 0.45em;
- border-top-right-radius: 0.45em;
- }
- form div.passWord{
- -webkit-border-bottom-left-radius: 0.45em;
- -webkit-border-bottom-right-radius: 0.45em;
- -moz-border-radius-bottomleft: 0.45em;
- -moz-border-radius-bottomright: 0.45em;
- border-bottom-left-radius: 0.45em;
- border-bottom-right-radius: 0.45em;
- }
- form div.userName input,form div.passWord input{
- width: 68%;
- height: 80%;
- border:none;
- background: transparent;
- font-size: 1em;
- font-family: "Microsoft YaHei";
- color: #b3b3b3;
- letter-spacing: 1px;
- padding-left: 2px;
- }
- .choose_box{
- height: 4.5em;
- line-height: 4.5em;
- padding: 0 5px;
- }
- .choose_box div{
- float: left;
- }
- .choose_box a{
- float: right;
- }
- .login_btn{
- width: 100%;
- display: block;
- padding:3% 0 ;
- background: #ffffff;
- border: 0;
- font-size: 1em;
- font-family: "Microsoft YaHei";
- color:#374782;
- -webkit-box-shadow: #8f9bad 0px 0px 20px;
- -moz-box-shadow: #8f9bad 0px 0px 20px;
- box-shadow: #8f9bad 0px 0px 20px;
- text-align: center;
- }
- .other_login{
- width: 80%;
- height: 15px;
- position: absolute;
- top:75%;
- margin: 0 10%;
- }
- .other_login .other,.other_login span{
- display: inline-block;
- vertical-align: middle;
- }
- .other_login .other{
- width: 28%;
- height: 8px;
- border-bottom:1px solid #2f2c59;
- }
- .other_login span{
- width:40%;
- }
- .other_choose{
- width: 74%;
- top:83.5%;
- position: absolute;
- margin: 0 13%;
- }
- .login_bg .other_choose a{
- display: block;
- float: left;
- border: 2px solid #505887;
- -webkit-border-radius: 50%;
- -moz-border-radius: 50%;
- border-radius: 50%;
- position: absolute;
- }
- .other_choose a:nth-child(2) {
- left:42%;
- }
- .other_choose a:nth-child(3) {
- left:80%;
- }
- .other_choose a img{
- width: 60%;
- padding: 14% 0;
- }
|