900字范文 > html 登录页面提示信息登陆界面.html

html 登录页面提示信息登陆界面.html

时间：2019-06-10 02:26:16

西南石油大学电子邮件系统

*{ margin:0; padding:0}

body{ font-family:"微软雅黑",Verdana, Geneva, sans-serif; font-size:12px; background:#fff}

.t{ height:76px; line-height:90px; background:#f5f5f5; border-bottom:1px solid #e5ecf0; overflow:hidden;}

a{ outline:none}

.h{ width:964px; margin:0 auto;}

.logo{ padding-top:15px; float:left}

.help{ float:right; font-size:14px; font-weight:700; color:#787878; text-decoration:none;}

.help:hover{ text-decoration:underline}

.c{ width:964px; height:460px; margin:20px auto 0 auto; background:url(image/login_bg_04.jpg) no-repeat; position:relative}

.b{ height:70px; border-top:1px solid #fff; border-radius:0 0 5px 5px; background:#f7f7f7; clear:both; width:964px; margin:0 auto; text-align:center; line-height:70px; color:#999;}

ul{ list-style:none}

.box{ width:376px;position:absolute; box-shadow:0 0 5px rgba(0,0,0,0.4)}

.text_item{height:38px; line-height:38px; width:292px; margin:15px 0 30px 0;}

.text_item1 { position:relative;}

input.sms_input { width:135px; height:36px; line-height:36px;outline:none; font-size:20px;border:1px solid #c7c7c7; background:#f3f3f3; border-radius:2px; padding:0 20px 0 5px; font-family:"微软雅黑"}

.sms_login { position: absolute;right: 0;top: 0;width: 130px;background-color: #e6e6e6;text-align: center;height: 36px;cursor: pointer;color: #333;font-size: 14px;font-family: 微软雅黑;border: 1px solid #c7c7c7;}

.sms_disabled { color: #999; cursor:default; background:#dedede;}

.text{ height:36px; line-height:36px;outline:none; font-size:20px;width:280px;border:1px solid #c7c7c7; background:#f3f3f3; border-radius:2px; padding:0 5px; font-family:"微软雅黑"}

.text_f{ height:36px; line-height:36px;outline:none; font-size:20px;width:280px; padding:0 5px;border:1px solid #0167ff; background:#fff; border-radius:2px; box-shadow:0 0 3px rgba(0,0,0,0.4); font-family:"微软雅黑"}

.text_f1{ height:36px; line-height:36px;outline:none; font-size:20px;width:133px; padding:0 20px 0 5px;border:1px solid #0167ff; background:#fff; border-radius:2px; box-shadow:0 0 3px rgba(0,0,0,0.4); font-family:"微软雅黑"}

.bl{color:#999; width:292px; overflow:hidden; position:relative; top:-3px; font-size:14px;}

.bl a{ color:#999; text-decoration:none}

.bl a:hover{ color:#333; text-decoration:underline;}

.bl input{ position:relative; top:2px; opacity:0.7;}

.tab{ border-bottom:3px solid #ff7e00; border-bottom:3px solid rgba(255,126,0,0.8); overflow:hidden;}

.tab li{ height:40px; line-height:40px; float:left; width:354px; text-align:center; background:url(image/tablicurrent.png); _background:#333;color:#fff; font-size:16px; cursor:pointer;}

/*.tab li:hover{background:url(/tpl/login/user/images/tablihover.png); _background:#000; }*/

.tab li.current{background:url(image/tablicurrent.png); _background:#ff7e00;}

.tab li.dragbar{ width:22px; background:url(image/dragbar.png); cursor:move}

.boxc{ background:#fff; padding:20px 0 30px 42px;}

.pop{ border:1px solid #0167ff; position:absolute; width:290px; background:#fff; border-top:none;z-index:100; border-radius:0 0 2px 2px; box-shadow:0 2px 3px rgba(0,0,0,0.4); left:42px; top:136px; z-index:1000}

.pop a{ overflow:hidden;display:block; height:34px; line-height:34px; font-size:14px; color:#666; margin:0 5px; font-weight:700; text-decoration:none;}

.pop p:hover{ background:#f6f6f6}

.pop p:first-child a{ border-top:1px dotted #eee;}

.pop p.first{ color:#000; background:#b5c6e6;}

.fp{ position:absolute; right:0; top:-14px; line-height:12px; text-decoration:none; color:#333}

.fp:hover{ text-decoration:underlined; color:#333}

.yzm{ float:right; display:block; height:38px; background:#eee; width:135px;}

.yzmbox{ position:absolute; height:38px; width:112px; background:#eee; left:000; top:-40px;}

a.zc{ font-weight:700; color:#f60}

a.zc:hover{color:#f60}

.showpassword{ position:absolute; height:18px; line-height:18px; right:-1px; top:38px; background:#bac5d4; color:#fff; padding:0 3px;}

.showpassword input{ position:relative; top:2px;}

.btnb{margin:20px 0 0 0; width:292px; position:relative;}

.btnb a{ float:right; color:#787878; text-decoration:none;}

.btnb a:hover{ text-decoration:underline;}

.btn{ height:38px; width:142px; border:none; font-size:14px; color:#fff; font-weight:400; background:url(image/login_btn.jpg) 0 0; font-size:20px; font-family:"微软雅黑"}

.btn:hover{ background-position:0 -38px;}

h3{ text-align:; font-size:16px; padding-right:10px; }

.blt{ float:right;}

.msg{ position:absolute; background:#cc3300; color:#fff; padding:0 10px; font-size:14px; top:55px; height:30px; line-height:30px; left:42px; right:42px; text-align:center}

.f{ position:absolute;bottom:56px;background:url(image/wbg.png); _background:#fff;height:80px; padding:10px;}

.fl{ float:left; height:80px; width:80px; margin-right:10px;}

.fr{ float:left; height:80px; width:320px; padding-left:10px;}

.fr a{ line-height:20px; display:block; width:320px; overflow:hidden; height:20px; color:#333; text-decoration:none; background:url(/tpl/login/user/images/login_dot.jpg) left center no-repeat; padding-left:5px;}

.login_drag{ display:none; position:absolute; width:374px; height:342px; top:60px; left:60px; border:1px dotted #000; zoom:1; background:url(image/dragbg.png); _background:none;}

h3 a{ float:right; font-size:12px; font-weight:400; line-height:22px; color:#f60; text-decoration:none;padding-right:10px;}

.ewmpic{position:relative;height:120px; width:120px; padding:5px; border:1px solid #eee; background:#fff; margin:20px 0 0 75px; margin-bottom:10px;}

.ewmpic img{ width:120px; height:120px;}

.led{ padding:20px 0 0 75px; font-size:14px; font-weight:400; color:#666}

.ledp{ width:200px; background:#eee; height:25px; line-height:25px; text-align:center; border-radius:13px; margin-left:45px;}

.exp {position:absolute;padding-top:45px;left:0px;right:0px;top:0px;bottom:0px;background:rgba(0,0,0,0.5);color:#fff;line-height:190%;text-align:center;}

.pushbox{ height:344px; width:400px; position:absolute; z-index:10}

b.epicon{ display:block; height:43px; width:43px; background:url(/tpl/login/user/images/ep_icon.png) no-repeat; cursor:pointer}

b.epicon:hover{ background-position:0 -43px;}

.epush{ padding-top:70px;}

.epic{ float:left;}

.dtab{ height:22px; padding-bottom:1px; background:url(/tpl/login/user/images/t50w.png) repeat-x 0 22px; margin-top:25px;}

.dtab a{ display:block; float:left; margin-right:10px; height:22px; line-height:22px; padding:0 15px; text-decoration:none; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,0.5)}

.dtab a.current{ background:url(/tpl/login/user/images/t50w.png); border-radius:3px 3px 0 0; box-shadow:1px -1px 1px rgba(0,0,0,0.2)}

.dbox > div{ display:block; float:left; margin:15px 15px 0px 0; height:25px; line-height:25px;padding:0 20px; border-radius:2px; text-decoration:none; color:#fff; cursor:pointer}

.dbox > div > a{ color:#fff; text-decoration:none;}

.d_desk{ background:url(/tpl/login/user/images/dbg.png) 0 0 repeat-x;}

.d_stor{ background:url(/tpl/login/user/images/dbg.png) 0 -25px repeat-x;}

.d_code{ background:url(/tpl/login/user/images/dbg.png) 0 -50px repeat-x; position:relative}

.dbox > div:hover{ box-shadow:0 0 3px rgba(0,0,0,0.5)}

.divcode{ position:absolute; width:122px; left:12px; display:none;}

.arrt{ position:absolute; left:55px; top:0; background:url(/tpl/login/user/images/arrt.png);width:13px; height:7px; z-index:7}

.codec{ background:#fff; width:120px;position:absolute; top:6px; z-index:5; border:1px solid #dadada; border-radius:3px; box-shadow:2px 2px 2px rgba(0,0,0,0.3)}

.codec p{ color:#666; padding:5px 10px 0; line-height:160%; width:100px;}

.ewm{ padding:5px 10px 10px 10px;}

.ewm img{ width:100px;}

.d_code:hover .divcode{ display:block;}

.ep h2{ font-size:34px; font-weight:400; color:#fff; text-shadow:0 1px 1px #3e240a;}

.ep h3{ font-size:22px; color:#fff; font-weight:400; text-shadow:0 1px 1px #3e240a; padding-top:10px;}

.dbox > div{ padding:0; width:150px; text-align:center}

function check(){

if($("#pw").val()==""||$("#user").val()=="")

{alert ("请将用户名与密码填写完整");}

else if($("#user").val()=="tom"&&$("#pw").val()=="123")

{window.location=""}