@charset "utf-8";
/* CSS Document */
body {
font:14px/1.5 'Arial','Microsoft YaHei';
margin:0 auto;
background-color:#fff;
height: 100%;
}
html{
height:100%;
}
input {
margin: 0;
padding: 0;
border: 0;
}
a {
text-decoration:none;
color: #5F5D5D;
}
ul, li, h1, h2, dl, dt, dd, a, div, p {
margin:0px;
padding:0px;
}
a, a:visited {
text-decoration:none;
}
img {
border:0;
}
li {
list-style-type:none;
}
.f-cb:after{
display:block;
visibility:hidden;
clear:both;
height:0;
overflow:hidden;
content:'.';
}
.scroller_vertical,
.scroller_horizontal {
border-radius: 2.5px;
background-color: rgba(0,0,0,.35);
-webkit-transition: opacity .5s;
transition: opacity .5s;
position: absolute;
opacity: 0;
}
.scroller_vertical {
width: 5px;
right: 0;
}
.scroller_horizontal {
height: 5px;
bottom: -5px;
}
.vertical {
overflow: hidden;
}
.both {
width: 100%; height: 220px;
overflow: hidden;
}
.both img {
vertical-align: bottom;
}
.noscrollbar {
height:100px;
overflow: hidden;
}
.slide-mask {
position: fixed;
z-index: 997;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
display: none;
}
.go-up {
z-index: 990;
position: fixed;
right: 0px;
bottom: 20px;
width: 67px;
height: 66px;
cursor: pointer;
background-image: url(../images/pc-icon-top.png);
background-repeat: no-repeat;
background-size: 100% auto;
}
.mw{
width: 1100px;
margin: 0 auto;
}
.sw{
width: 1024px;
margin: 0 auto;
}
#bw{
position: fixed;
top: 90px;
overflow: hidden;
width: 100%;
height: 160px;
display:none;
}
.bw{
float:left;
width:100%;
margin:0 auto;
height:160px;
background-color: rgba(255,255,255,0.9);
position:absolute;
top:0px;
left:0;
line-height:normal;
display: block;
overflow: hidden;
}
.photo-browser {
position: fixed !important;
}
.topUserList{
display:none;
text-align: center;
width: 100px;
padding-top: 76px;
padding-bottom:10px;
position: absolute;
left: -20px;
background-color: rgba(255,255,255,0.9);
border-top:solid 3px #23A4FF;
box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
.topUserList ul li{
line-height:30px !important;
}
.topUserList ul li:hover a{
color: #23A4FF;
}
.top{
width: 100%;
height:100px;
position: fixed;
z-index: 999;
top:0;
background-color: rgba(255,255,255,0.9);
border-bottom: solid 1px #dcdcdc;
}
.topLogo{
float: left;
}
.topLogo img{
height: 75px;
margin-top: 10px;
}
.topNav{
float: left;
margin-top: 5px;
margin-left: 95px;
}
.topNav ul li{
float: left;
font-size:16px;
line-height: 90px;
}
.topNav ul li a:hover{
color: #1a8fd2;
text-decoration: none;
}
.topNav ul li a{
display: block;
position: relative;
padding: 0 20px 0 20px;
}
.topNav ul li a.a-active{
}
.topNav ul li a:after{
content: "";
width: 0%;
height: 2px;
position: absolute;
bottom:20%;
left: 0;
background: -webkit-linear-gradient(left, #1D75F2, #17DCFE);
background: -moz-linear-gradient(left, #1D75F2, #17DCFE);
background: linear-gradient(left, #1D75F2, #17DCFE);
}
.topNav ul li a:hover:after{
content: "";
width: 100%;
height: 2px;
position: absolute;
bottom:20%;
transition: All .2s ease-in-out;
-webkit-transition: All .2s ease-in-out;
-moz-transition: All .2s ease-in-out;
-o-transition: All .2s ease-in-out;
/* animation: toRight 0.65s cubic-bezier(0.23, 1, 0.32, 1) forwards; */
}
.topNav ul li.cur a{
color: #1a8fd2;
}
.topUser{
float: right;
text-indent: 10px;
height: 90px;
line-height: 90px;
position:relative;
}
.topUserL{
float: left;
z-index: 999;
p osition: relative;
}
.topUserL img{
position: relative;
z-index: 999;
width:44px;
height:44px;
border-radius:50%;
vertical-align: middle;
cursor:pointer;
}
.userName span a{
color: #333 !important;
}
.userName span a:hover{
color: #6cb6ff !important;
}
.topUserR{
float:left;
z-index:999;
position: relative;
}
.productList{
width: 100%;
margin: 0 auto;
text-align: center;
}
.productList dd{display:inline-block;text-align:center;padding: 11px 15px;color: #595D60;height:100%}
.productList dd:hover {
background: rgba(0,0,0,0.1);
transition: background-color 0.5s;
}
.productList dd p{
color: #595D60 !important;
}
/*渐变下滑线*/
.productList.f-cb a{
position: relative;
display: block;
width: 100%;
text-decoration: none;
}
.productList.f-cb a:after{
content: "";
width: 0%;
height: 2px;
position: absolute;
bottom:20%;
left: 0;
background: -webkit-linear-gradient(left, #1D75F2, #17DCFE);
background: -moz-linear-gradient(left, #1D75F2, #17DCFE);
background: linear-gradient(left, #1D75F2, #17DCFE);
}
.productList.f-cb a:hover:after{
content: "";
width: 100%;
height: 2px;
position: absolute;
bottom: 20%;
transition: All .2s ease-in-out;
-webkit-transition: All .2s ease-in-out;
-moz-transition: All .2s ease-in-out;
-o-transition: All .2s ease-in-out;
/*animation: toRight 0.65s cubic-bezier(0.23, 1, 0.32, 1)*/
}
.header-imgs{
width: 116px;
height:116px;
}