body{ background: #353c47; } /*导航栏*/ .navContainer { height: 200px; width: 1200px; margin: 0 auto; position: relative; background: url(../images/second/navbg.png) no-repeat; background-size: cover; } .navContent { position: absolute; bottom: 0; width: 100%; height: 90px; background: rgba(0, 0, 0, .5); text-align: center; } .navMoudle { width: 110px; height: 90px; margin: 0 3px; display: inline-block; color: #fff; position: relative; cursor: pointer; -webkit-transition: background .25s; -o-transition: background .25s; transition: background .25s; } .navMoudle:hover { -webkit-transition: background .25s; -o-transition: background .25s; transition: background .25s; background: rgba(255, 255, 255, .5); } .navMoudle img { width: 30px; height: 30px; margin: 20px auto 6px; } /*主控内容区*/ .tabContainer { width: 1200px; height: auto; margin: 0 auto; } .tabContent { width: 1150px; min-height: 600px; margin: 25px auto; padding: 24px; background: #fff; border: 1px solid #71d2e2; border-radius: 2px; } .tabHeader { width: 100%; padding-bottom: 10px; border-bottom: 2px solid #6FB4BF; } /*tab列表*/ .tabList { float: left; width: 270px; margin: 20px 0; height: auto; text-align: center; } .tabList>li { width: 200px; margin: 20px auto; cursor: pointer; } .tabList>li>.tabList_a { display: block; width: 100%; height: 40px; line-height: 40px; background: url(../images/second/tabBgChoose.png) no-repeat; background-size: contain; color: #333; } .tabList>li>.tabList_a.choose { display: block; width: 100%; height: 40px; line-height: 40px; background: url(../images/second/tabBg.png) no-repeat; background-size: contain; color: #216F7B; font-weight: bold; } /*多级菜单样式*/ .tabList_ul { width: 100%; height: auto; display: none; } .tabList_ul>li { width: 100%; margin: 10px auto; cursor: pointer; } .tabList_ul>li .tabList_ul_a { display: block; width: 100%; height: 30px; line-height: 30px; color: #333; background: #cae5ef; } .tabList_ul>li .tabList_ul_a.choose { display: block; width: 100%; height: 30px; line-height: 30px; color: #fff; background: #42a6b5; } /*tab切换主控区*/ .tabTextContent { float: left; width: 790px; min-height: 600px; background: #fff; margin-top: 40px; padding: 20px; box-shadow: 1px 1px 4px 1px #eee; } .tabTextModule { width: 100%; height: 30px; line-height: 30px; margin: 10px 0; border-bottom: 1px solid #eee; } .tabTextModule img { float: left; width: 18px; height: 18px; margin: 6px 10px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tabTextDate, .tabTextTitle { float: left; font-size: 14px !important; color: #555; } .tabTextDate { float: right; } /*轮播图的列表栏*/ .ntabModule { width: 100%; min-height: 50px; padding: 5px 0; margin: 10px 0; background: #fff; border-bottom: 1px solid #eee; } .ntabImg { float: left; width: 80px; height: 80px; margin-right: 10px; } /*右侧信息栏*/ .ntabContent { float: right; width: 690px; color: #333; } /*信息栏头部*/ .ntabTextTitle { width: 600px; float: left; font-size: 16px; font-weight: bold; line-height: 21px; margin-bottom: 4px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /*日期*/ .ntabTextDate { float: right; line-height: 21px; color: #666; } /*简介*/ .ntabTextSign { position: relative; height: 4em; overflow: hidden; } /*多行缩进*/ .ntabTextSign::after { content: "..."; font-weight: bold; position: absolute; bottom: 0; right: 0; padding: 0 20px 1px 45px; background: url(http://newimg88.b0.upaiyun.com/newimg88/2014/09/ellipsis_bg.png) repeat-y; }