westdc-zf1/htdocs/static-sanji-v2/css/dataProduct.css

406 lines
7.6 KiB
CSS

a:hover {
text-decoration: none;
}
i {
font-style: normal;
}
.bigImg {
width: 100%;
height: 500px;
background: url(../img/banner1.jpg) no-repeat center;
background-size: 100%;
}
.searchBox {
margin-top: 30px;
}
.searchBox .form-group {
width: 90%;
float: left;
}
.form-control {
border-radius: 0;
outline: none;
}
.searchBox i {
display: block;
float: left;
height: 34px;
background: #3d97e3 url(../img/search2.png) center no-repeat;
background-size: 30%;
width: 10%;
cursor: pointer;
}
.searchBox i:hover {
background: #51aefc url(../img/search2.png) center no-repeat;
background-size: 30%;
}
.dataBox {
overflow: hidden;
border: 1px solid #E6E6E6;
height: 120px;
padding: 5px 10px;
border-left: 5px solid #303848;
margin-bottom: 20px;
}
.dataBox:hover {
border-left: 5px solid #3d97e3;
}
.dataBox:hover .rightBox h6 {
color: #3d97e3;
}
.fixTab a.a_noHover:hover {
color: #333333;
text-decoration: none;
}
.dataBox img {
float: left;
width: 100px;
margin-right: 5%;
margin-top: 14px;
height: 80px;
}
.dataBox .rightBox {
float: left;
width: 75%;
}
.dataBox .rightBox h6 {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 16px;
color: #303848;
}
.dataBox .rightBox p {
width: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 14px;
color: #666666;
}
.dataBox .rightBox span {
font-size: 12px;
color: #999;
}
.searchOne a {
display: inline-block;
width: 80px;
height: 25px;
line-height: 25px;
text-align: center;
background: #f3f3f3;
border: 1px solid #ccc;
color: #333333;
font-size: 12px;
margin-right: 5px;
border-radius: 4px;
box-sizing: border-box;
margin-bottom: 10px;
}
.searchOne a:hover {
text-decoration: none;
background: #3d97e3;
color: #FFFFFF;
border: 1px solid #3d97e3;
}
#myTabContent {
border: 1px solid #CCCCCC;
border-top: none;
padding: 10px 15px;
margin-bottom: 30px;
overflow: hidden;
}
.btn-default {
margin-right: 10px;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#myTabContent .col-sm-2 {
width: 10%;
}
.btn-default:hover {
border: 1px solid #3d97e3;
color: #3d97e3;
background: #FFFFFF;
}
#myTab a {
color: #333333;
}
#myTab .active a {
color: #3d97e3;
}
.searchBox1 {
width: 100%;
position: fixed;
z-index: 9999999999;
top: 0;
left: 0;
background: #303848;
margin: 0;
padding-top: 20px;
display: none;
}
.addOne {
text-align: center;
margin-bottom: 40px;
margin-top: 20px;
}
.addOne a {
display: block;
}
.addOne a.a1 {
height: 60px;
line-height: 60px;
background: url(../img/icon1_1.png) no-repeat 30px center;
background-size: 10%;
font-size: 16px;
color: #333333;
}
.addOne a.a1:hover {
color: #3d97e3;
background: url(../img/icon1.png) no-repeat 30px center;
background-size: 10%;
text-decoration: none;
}
.addOne a.a2 {
height: 60px;
line-height: 60px;
background: url(../img/icon2_1.png) no-repeat 30px center;
background-size: 10%;
font-size: 16px;
color: #333333;
}
.addOne a.a2:hover {
color: #3d97e3;
background: url(../img/icon2.png) no-repeat 30px center;
background-size: 10%;
text-decoration: none;
}
.addOne a.a3 {
height: 60px;
line-height: 60px;
background: url(../img/icon3_1.png) no-repeat 30px center;
background-size: 10%;
font-size: 16px;
color: #333333;
}
.addOne a.a3:hover {
color: #3d97e3;
background: url(../img/icon3.png) no-repeat 30px center;
background-size: 10%;
text-decoration: none;
}
.fixTab {
padding: 8px 15px;
margin-top: 20px;
background-color: #f5f5f5;
border-radius: 4px;
}
.searchBox2 {
margin-top: 20px;
}
.fixTab a {
color: #333333;
}
.fixTab a:hover {
color: #3d97e3;
}
.fixTab span {
color: #999999;
}
.pagination {
float: right;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
z-index: 3;
color: #fff;
cursor: default;
background-color: #3d97e3;
border-color: #3d97e3;
}
.pagination > li > a, .pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #3d97e3;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.newsList {
height: 810px;
background: #FFFFFF;
position: relative;
width: 100%;
float: left;
}
.newsListContent {
margin: 20px auto 0;
position: relative;
height: 810px;
}
.newUlList {
padding: 0;
}
.newUlList li {
overflow: hidden;
padding: 20px 0;
border-bottom: 1px solid #e6e6e6;
}
.newUlList li:last-of-type {
border: none;
}
.newUlList li .newsImgBox {
width: 270px;
height: 135px;
overflow: hidden;
float: left;
}
.newUlList li img {
width: 270px;
height: 135px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.newUlList li:hover img {
transform: scale(1.3, 1.3);
-webkit-transform: scale(1.3, 1.3);
-moz-transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
-o-transform: scale(1.3, 1.3);
}
.newUlList li .newRight {
float: right;
width: 800px;
}
.newTopTitle {
overflow: hidden;
margin: 15px 0;
}
.newTopTitle span {
display: block;
float: left;
color: #555555;
font-size: 14px;
}
.newTopTitle i {
display: block;
float: right;
color: #999999;
font-size: 14px;
}
.newRight p {
color: #999999;
font-size: 12px;
line-height: 20px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
/*.newRight a{*/
/*float: right;*/
/*display: block;*/
/*width: 90px;*/
/*height:30px;*/
/*line-height: 30px;*/
/*text-indent:27px ;*/
/*border: 1px solid #e6e6e6;*/
/*color: #9f9f9f;*/
/*font-size: 12px;*/
/*margin-top: 15px;*/
/*border-radius: 4px;*/
/*-webkit-border-radius: 4px;*/
/*-moz-border-radius: 4px;*/
/*-ms-border-radius: 4px;*/
/*-o-border-radius: 4px;*/
/*background: url(../img/rihgtLittle.png) no-repeat 57px center;*/
/*}*/
.newRight a.more {
float: right;
display: block;
width: 90px;
height: 30px;
line-height: 30px;
text-indent: 27px;
border: 1px solid #e6e6e6;
color: #9f9f9f;
font-size: 12px;
margin-top: 15px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
background: url(../img/rihgtLittle.png) no-repeat 57px center;
}
.newRight a:hover {
border: 1px solid #3d97e3;
color: #FFFFFF;
background: #3d97e3 url(../img/rihgtLittleBlue.png) no-repeat 57px center;
}