SourceCode/jiouosdp/Content/huidoudou/css/index.css

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

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

/*header*/
.headder{height: 45px; width:100%; background: #000; position: relative;}
.headder h1{text-align: center; line-height:45px; font-size: 1.125rem; color:#fff;}
.headder p{ font-size: 1rem; color:#fff; position:absolute; left:28px; top:13px;}
.headder>span{width: 22px; height: 39px; background: url(../images/sanjiao.png) no-repeat; display: block; background-size:50% 50%; position:absolute; left:10px; top:15px;}
.headder a{ position:absolute; right:13px; top:20px;}
.headder a span{width: 7px; height: 7px; background: #fff; display: block; border-radius: 50%; float: left; margin-right:3px;}


/*bg*/
.bg{width:100%; padding-bottom: 39.0625%; background: url(../images/bg.jpg) no-repeat; background-size:100% 100%;}
/*640*250 100%*/



/*logo*/
.nav .logo{width: 94px; height: 94px; background: #fff; border-radius:50%; position:absolute; left:18px; top:-50px;}
.nav .logo img{position:absolute; left:0px; top:0px;}


/*nav*/
.nav{width:100%; height:100px; position:relative;}
.nav .nav-top{width:100%; height:50px;}
.nav .nav-top ul{float:right;}
.nav .nav-top ul li{float:left; font-size: .75rem; width: 64px; height: 50px; position:relative;}
.nav .nav-top ul li:nth-of-type(2):before{content:''; border-left: 1px solid #cecece; padding-top:25px; position:absolute;left:0; top:10px;}
.nav .nav-top ul li:nth-of-type(2):after{content:''; border-left: 1px solid #cecece; padding-top:25px; position:absolute;right:0; top:10px;}

/*one*/
.nav .nav-top ul li a.nav-one{width:18px;  height:18px; background: url(../images/quanbu.png) no-repeat; display: block; background-size:100% 100%; position:absolute; left:23px; top:7px;}
.nav .nav-top ul li a.nav-one:hover{width:18px;  height:18px; background: url(../images/qb.png) no-repeat; display: block; background-size:100% 100%;}
.nav .nav-top ul li  a p{width:64px; line-height:32px; text-align: center; position:absolute; left:-24px; top:14px; color:#414141;}


/*two*/
.nav .nav-top ul li a.nav-two{width:18px;  height:18px; background: url(../images/cang1.png) no-repeat; display: block; background-size:100% 100%; position:absolute; left:23px; top:7px;}
.nav .nav-top ul li a.nav-two:hover{width:18px;  height:18px; background: url(../images/cang2.png) no-repeat; display: block; background-size:100% 100%;}


/*three*/
.nav .nav-top ul li a.nav-three{width:18px;  height:18px; background: url(../images/erwei1.png) no-repeat; display: block; background-size:100% 100%; position:absolute; left:23px; top:7px;}
.nav .nav-top ul li a.nav-three:hover{width:18px;  height:18px; background: url(../images/erwei2.png) no-repeat; display: block; background-size:100% 100%;}



.nav .nav-bottom{width:100%; height:50px; padding:7px 76px 0 15px; box-sizing: border-box; position:relative;}
.nav-bottom .search{line-height:30px; background: #fff; border: 1px solid #a1a1a1; border-radius: 35px;  box-sizing: border-box; padding-left:15px; font-size: .875rem;}
.nav-bottom .search input{color:#cdcdcd;}
.nav-bottom a{width: 57px; line-height: 35px; background: #b12923;position:absolute; right:10px; top:7px; border-radius: 35px; color:#fff; text-align: center; }
.nav-bottom a:hover{ background: #7c1d18; border-radius: 35px;}



/*main*/
.main{width: 100%; height: 22px; margin-bottom:10px; border-bottom: 1px solid #b12a23; position:relative;}
.main .main-left{width:89px; height: 22px; background:url(../images/zuixin.png) no-repeat; background-size: 100% 100%; font-size: 1rem; color:#fff;}
.main p a{font-size: .75rem; color:#eb6100; position:absolute; right:28px; top:5px;}