lixin-web/webapp/css/weblogin.css

vue and bootstrap

body,div,ul,ol,dl,li,dt,dd,h1,h2,h3,h4,p,form,iframe,input,textarea,a,span,em,strong,img{padding:0;margin:0;}
body{font:14px/1.4em "Microsoft YaHei", arial, helvetica, verdana, tahoma,sans-serif;color:#787878;background:#f3f3f3;color:#fff;}
form, input{font:14px/1.4em,tahoma,arial,\5b8b\4f53,sans-serif,}
input, button, select, textarea{outline:0;font-family:inherit;background:none;}
ul,dl,ol{list-style:none;}
h1, h2, h3, h4{font:14px/1.4em "Microsoft YaHei",arial,tahoma;font-weight:normal;}
a{color:#fff;text-decoration:none;}
a:hover,a:focus{color:#fff;outline:none;text-decoration:none;}
img{border:none;}
strong,b{font-weight:normal;}
em,i{font-style:normal;}
p{text-indent:0;}
.clear{clear:both;height:0;width:0;line-height:0;overflow:hidden; position:absolute;left:0;top:0;width:100%;}
.wrap{width:1080px;margin:0 auto;overflow:hidden;}
header{width:100%;height:60px;text-align:center;background:#000;background:rgba(0,0,0, 0.6);}

.main{width:100%;height:100%;display:block;}
.textC{text-align:center;}

body,.bigOne{height:100%;background:url("../img/weblogin/bg01.jpg") no-repeat fixed center top #eaf2f4;/*overflow-x:hidden;*/background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-o-background-size:100% 100%;
	-ms-background-size:100% 100%;
}
body,.bigTwo{height:100%;background:url("../img/weblogin/bg02.jpg") no-repeat fixed center top #eaf2f4;/*overflow-x:hidden;*/background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-o-background-size:100% 100%;
	-ms-background-size:100% 100%;
}
.bigOne p{position:relative;top:-10px;}
.aTit{padding-top:60px;padding-bottom:10px;}
.bTit{padding-top:74px;padding-bottom:30px;}
.aBtn{width:281px;height:111px;display:block;background:url("../img/weblogin/aBtn.png") no-repeat;margin:0 auto;}
.aBtn:hover{background:url("../img/weblogin/aBtnOn.png") no-repeat;}
.bComputer{position:relative;width:646px;height:570px;margin:0 auto;}
.imgBox{width:576px;height:343px;overflow:hidden;}
.imgList{position:absolute;left:34px;top:43px;}
.imgList li{display:none;/*opacity:0;filter:alpha(opacity:0);*/}/**/
.BtnList{width:100%;margin-top:30px;margin-bottom:20px;overflow:hidden;}
.BtnList li{float:left;/*width:305px;height:166px;*/position:relative;}

.BtnList li a{width:235px;height:130px;padding:24px 35px 10px 35px;display:inline-block;background:url("../img/weblogin/bBox.png") no-repeat;color:#787876;font-size:18px;line-height:30px;}
.BtnList li.active a{background:url("../img/weblogin/OnBox.png") no-repeat;color:#fff;}
.BtnList li.active a p{color:#41d400;}
.BtnList li a p{width:46px;line-height:50px;position:absolute;bottom:0;left:129px;font-size:24px;}
.BtnList span{float:left;width:62px;height:142px;background:url("../img/weblogin/bArrow.png") no-repeat bottom;margin:0 9px 0 10px;display:inline-block;}
.BtnList span.OnArrow{background:url("../img/weblogin/bArrowOn.png") no-repeat bottom;}
.BtnList span:last-child{display:none;}

footer{width:100%;height:55px;background:#50565e;}
.foot p{float:left;line-height:55px;}
.foot img{float:right;}