Own.Web/js/h-ui/css/H-ui.doc.css

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

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

@charset "utf-8";
/* -----------H-ui前端框架-----------------------
H-ui.docs.css v2.0.102
Copyright H-ui Inc.
http://www.H-ui.net
date:2016.03.14
Created & Modified by guojunhui.
----------------------------------------------*/
.bg-1{ background-color:#f5fafe}
/**/
#Hui-navbar{border-bottom:#080808 1px solid;-moz-box-shadow: 0 0 4px #333333;-webkit-box-shadow: 0 0 4px #333333;box-shadow: 0 0 4px #333333}
.Hui-wraper{ padding:20px}
.navbar-userbar{ padding-top: 8px}
.Hui-article{ top:40px}
.breadcrumb{ position:relative; z-index:98}

@media (max-width:767px) {
	#Hui-nav{display: block; top: 0; left: 65px; right: 65px; position:absolute;}
	#Hui-nav > ul { width: 100%}
	#Hui-nav > ul > li{ width: 24%;text-align:center;}
	#Hui-nav > ul > li a{ text-align: center; padding: 0}
}
/*侧边导航*/
.Hui-aside{background-color:#333;border-right: 1px solid #222}/*侧边栏*/
.Hui-aside .menu_dropdown dt{color:#fff;border-bottom: 1px solid #222;font-weight:normal}/*左侧二级导航菜单*/
.Hui-aside .menu_dropdown li a{color:#fff;border-bottom: 1px solid #222}
.Hui-aside .menu_dropdown li a:hover{color:#fff;background-color:#777}
.Hui-aside .menu_dropdown li.current a,.menu_dropdown li.current a:hover{ color:#fff;background:#777}

.dislpayArrow a{background:url(../images/icon_arrow.png) no-repeat 0 0;outline:none}
.Hui-tabNav{background: #a2bed5 url(../images/acrossTab-bg.png) repeat-x 0 bottom}
.btn-codeShare{ position:absolute;top:8px; right:15px}
@media (max-width:767px) {
	.Hui-article{ top:84px}
}
/*页面相关*/
.page_title{border-bottom:solid 1px #ddd; padding-bottom:10px; margin-bottom:15px}
.codeView{height:auto}
.btn_newView{ display:none}
.codeView.hover .btn_newView{ position:absolute; display:block; right:0px; top:-20px; text-align:center}
#btn_down{position:fixed;z-index:1;right:20px;top:165px;visibility:visible;_position:absolute;_top:expression(documentElement.scrollTop)+165px}
.hero-unit {background-color: #eee;border-radius: 6px;color: inherit;font-size: 18px;font-weight: 200;line-height: 30px;margin-bottom: 30px;padding: 60px}
a.juanzeng span{ display: none;}
a.juanzeng:hover span{ display: block; position: absolute; top: 100%; right: 0;}

/*首页banner*/
.index-banner {padding:40px 0;color: #fff; text-align: center; background:url(../images/bg1800.jpg) no-repeat center 0; background-size:100% auto;}
.index-banner h1 {font-size: 80px;font-weight: bold;letter-spacing: -1px;line-height: 1; padding:10px}
.index-banner p{ margin-bottom:0;}
@media (max-width:767px) {
	.index-banner {background:#284681}
	.index-banner h1{font-size:40px}
	.index-banner p{ font-size:18px;line-height:1.6}
	.index-banner a{ float:none; display:block}
	.index-banner .btn.ml-10{ margin-left:0}
}
/*相关推荐*/
.product-list-index .item{text-align:center; padding:5px; border:solid 1px #eee; margin-top:30px}
.product-list-index .item img{width:100%}
.product-list-index .item h3{ padding:10px 0; font-size:30px}