zhaopin/WebRoot/css/login.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
ul li{ list-style:none}
a{ text-decoration:none}
img{ border:0; max-height:100%; max-width:100%}
body{ width:100%; min-width:1200px; margin:0 auto; font-size:12px; font-family:"微软雅黑";color: #222;background: #FFF4F0;}
.clear{ clear:both}
input{ border:0; outline:0}

.header{height: 85px;width: 100%;background: #fff;border-bottom: #FEE7B1 1px solid;}
.mainwarp{ width:1000px; margin:0 auto}
.header .logo{ float:left; margin-top:20px}
.header .welcome{ float:left; margin-top:20px;height: 40px;border-left: 1px solid #F4F4F4;padding-left: 15px;margin-left: 10px;line-height: 40px;font-size: 22px;color: #5C5C5C;}
.header .headerright{ float:right;font-size: 14px; margin-top:20px;padding-top: 15px;}
.header .headerright a{color: #343434;}
.header .headerright span{color: #DADADA;margin-left: 10px;margin-right: 10px;}

.content{width: 1000px;margin: 40px auto;background: #fff;border: 1px #FEE7B5 solid;margin-top: 50px;height: 500px;margin-top: 20px;}
.logtype{float: right;width: 53px;height: 53px;background: url(../images/log1.png) no-repeat;cursor: pointer}
.logtype.on{background: url(../images/log2.png) no-repeat;}

.logoDiv{}
.logoDiv .logoLeft{ float:left; width:636px}
.logoDiv .logoLeft .leftimg{ width:601px; margin:0 auto}
.logoDiv .logoLeft .leftcon{ text-align:center;color: #838385; margin-top:10px}
.logoDiv .logoLeft .leftcon a{display: inline-block;color: #838385;padding-left: 20px; margin-left: 20px; height:18px}
.logoDiv .logoLeft .leftcon a.a1{ background:url(../images/log3.png) no-repeat;}
.logoDiv .logoLeft .leftcon a.a2{ background:url(../images/log4.png) no-repeat;}
.logoDiv .logoLeft .leftcon a.a3{ background:url(../images/log5.png) no-repeat;}
.logoDiv .logoRight{ float:left; width: 363px;border-left: 1px solid #E8E8E8;height: 365px;}

.normalLogin{ width:288px; margin:0 auto}
.normalLogin .username{background:url(../images/log6.png) no-repeat;height: 42px;margin-top: 5px;}
.normalLogin .username span{background:url(../images/log7.png) no-repeat;width: 51px;height: 40px;float: left;margin-top: 1px;}
.normalLogin .username input{float: left;background: none;width: 226px;margin-top: 1px;color: #757776;font-size: 14px;padding-left: 10px;line-height: 40px; height: 40px;}
.normalLogin .password{background:url(../images/log6.png) no-repeat;height: 42px; margin-top: 25px; margin-bottom:25px}
.normalLogin .password span{background:url(../images/log8.png) no-repeat;width: 51px;height: 40px;float: left;margin-top: 1px;}
.normalLogin .password input{float: left;background: none;width: 226px;margin-top: 1px;color: #757776;font-size: 14px;padding-left: 10px;line-height: 40px; height: 40px;}
.normalLogin .autoLogo{font-size: 14px; margin-top:10px}
.CheckBox{ display:block; float:left;width: 16px;height: 16px; background:url(../images/log11.png) no-repeat;}
.CheckBox:hover{background:url(../images/log10.png) no-repeat;}
.CheckBox.Yes{background:url(../images/log9.png) no-repeat;}
.normalLogin .autoLogo span{vertical-align: middle;font-size: 12px; padding-right:5px}
.normalLogin .autoLogo span a{ color:#0f72a4}
.normalLogin .autoLogo a.pasd{ float:right;color: #0485C7;vertical-align: middle; font-size:14px;}
.normalLogin .logobtn{margin-top: 10px;width: 288px;height: 42px;background: #FF7A4D;font-size: 20px;border-radius: 4px;line-height: 42px; text-align:center}
.normalLogin .logobtn a{ display:block;color: #FFF;}
.zcbtn{text-align: center;margin-top: 30px;font-size: 14px;height: 40px;line-height: 40px;border: 1px solid #DFDFDF;border-radius: 4px;}
.zcbtn a{display:block;color: #9B9B9B;}
.thirdLogin{color: #676767;margin-top: 15px;font-size: 14px;}
.thirdLogin .third{ }
.thirdLogin .third .third_con{float: left;background-color: #FBFBFB;border: 1px #EEEEEE solid;padding: 5px 6px 5px 32px;cursor: pointer; margin-top:10px}
.thirdLogin .third .third_1{background:url(../images/log12.png) 5px center no-repeat;}
.thirdLogin .third .third_2{background:url(../images/log13.png) 5px center no-repeat; margin-left:7px}
.thirdLogin .third .third_3{background:url(../images/log14.png) 5px center no-repeat;margin-left:7px}

.weixinLogin{width:288px; margin:0 auto; display:none}
.weixinLogin .weixinQr{ text-align:center}
.weixinLogin .weixinQr img{width: 150px;height: 150px;border: 1px #EAEAEA solid;}