| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108 |
- @CHARSET "UTF-8";
- *{
- margin: 0;
- padding: 0;
- }
- html{
- background-image:url(../img/background/login_bg.jpg);
- background-repeat: no-repeat;
- height:100%;
- width:100%;
- overflow: hidden;
- background-size:100%;
- }
- #wrap {
- height: 75%;
- width: 100;
- top:100px;
- position: relative;
- }
- #head {
- height: 46px;
- width: 100;
- background-color: #66CCCC;
- text-align: center;
- position: relative;
- }
- #wrap .logGet {
- height: 460px;
- width: 368px;
- background-color: #FFFFFF;
- top: 50%;
- margin-top: -280px;
- left:50%;
- margin-left:-184px;
- position: fixed;
- }
- .logC a {
- background-color: #ee7700;
- display:inline-block; // display:block;
- width:100%;
- height:45px;
- line-height:45px;
- border:1px solid #c00;
- color:white;
- border-radius:3px;
- text-align:center;
- font-size: 18px;
- text-decoration: none;
- }
- .logC a:hover{
- color:#c00;
- background:#fff;
- }
- .logGet .logD.logDtip .p1 {
- display: inline-block;
- font-size: 28px;
- margin-top: 30px;
- width: 86%;
- }
- #wrap .logGet .logD.logDtip {
- width: 86%;
- border-bottom: 1px solid #ee7700;
- margin-bottom: 30px;
- margin-top: 0px;
- margin-right: auto;
- margin-left: auto;
- }
- .logGet .lgD img {
- position: absolute;
- top: 12px;
- left: 8px;
- }
- .logGet .lgD input {
- width: 100%;
- height: 42px;
- text-indent: 2.5rem;
- }
- #wrap .logGet .lgD {
- width: 86%;
- position: relative;
- margin-bottom: 30px;
- margin-top: 30px;
- margin-right: auto;
- margin-left: auto;
- }
- #wrap .logGet .logC {
- width: 86%;
- margin-top: 0px;
- margin-right: auto;
- margin-bottom: 0px;
- margin-left: auto;
- }
- .logGet .lgD .login_error_span {
- color: red;
- font: bold;
- }
-
- .title {
- font-family: "宋体";
- color: #FFFFFF;
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%); /* 使用css3的transform来实现 */
- font-size: 36px;
- height: 40px;
- width: 30%;
- }
|