/* mainNav
=======================*/
#header {
height: 50px;
background: #222;
width: 100%;
margin: 0 auto; 
min-width: 1210px;
}
#footer {
background: #FFF;
position: relative;
text-align: center;
margin: 0 auto;
width: 1210px;	
}
#navBar {
width: 1210px;
background: #222;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
/*padding-right: 40px;*/
/*margin: -20px -20px 0px -20px;*/
margin:0 auto;
height:inherit;
z-index:100; /* 对应边栏显示 */
}
#navBar ul {
margin: 0;
float: left;
list-style: none;
position: absolute;
left: 50%;
transform: translate(-50%, 0);  
width: max-content;
}
#navBar ul li {
float: left;
}
#navBar ul a {
padding: 0 2em;
line-height: 50px;
text-decoration: none;
/*color: #f5f5f7;*/
font-size:15px;
float: left;
display: block;
}
.navBarUser {
background: url(../images/my-off.png) no-repeat;
background-position: center;
background-size: 23px 23px;
height: 50px;
}
a.navBarUser:hover{
background: url(../images/my-on.png) no-repeat;
background-position: center;
background-size: 23px 23px;
height: 50px;
}
.navBarSearch {
background: url(../images/search-off.png) no-repeat;
background-position: center;
background-size: 23px 23px;
height: 50px;
}
a.navBarSearch:hover{
background: url(../images/search-on.png) no-repeat;
background-position: center;
background-size: 23px 23px;
height: 50px;
}
a.choosecategory:hover {
color: #fff;
}
a.selectedcategory:hover {
color: #666;
}
#navBar ul .first a {
background: none;
}

/* Search Bar */
#searchBar {
/*height: 50px;
width: 100%;
padding-right: 40px;
background: #000;
margin: -20px -20px 0px -20px;*/
margin:0 auto;
}
#searchBar .parent {
text-align: center;
padding-top:12px;
}
#searchBar .search {
width: 500px;
padding-left: 20px;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 1.2em;
color: #fff;
outline: none;
padding: 0 38px 0 39px !important;
border: none;
background-color: transparent;
text-align: left;
}
#searchBar .btn {
height: 30px;
width: 35px;
position: relative;
left:500px;
border: none;
outline: none;
cursor: pointer;
color:#fff;
}
.boxtop div {
width: 1210px;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
min-height: 48px;
font-size: large;
padding-top: 15px;
}
#searchBar.searchopen .searchview-close {
pointer-events: auto;
}
#searchBar .searchview-close {
right: 485px;
position: absolute;
opacity: .8;
z-index: 1;
width: 38px;
height: 40px;
top: 0;
/*pointer-events: none;*/
color: #666;
cursor: pointer;
-webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
-webkit-tap-highlight-color: transparent;
}
#searchBar input, #searchBar button {
border: none;
background-color: transparent;
}
#searchBar .searchview-close-wrapper {
display: block;
width: 100%;
height: 100%;
}
#searchBar *, #searchBar *:before, #searchBar *:after, #segmentbar *, #segmentbar *:before, #segmentbar *:after {
font-size: 1em;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
text-align: inherit;
}
#searchBar .searchview-close-left {
right: 10px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
#searchBar .searchview-close-left, #searchBar .searchview-close-right {
height: 18px;
width: 1px;
background: #86868b;
position: absolute;
display: block;
border-radius: 0.5px;
top: 15px;
z-index: 1;
}
#searchBar .searchview-close-right {
left: 10px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
#searchBar .searchview-close-left, #searchBar .searchview-close-right {
height: 22px;
width: 2px;
background: #86868b;
position: absolute;
display: block;
border-radius: 0.5px;
top: 12px;
z-index: 1;
}
#searchBar .searchform-submit {
background-size: 23px 23px;
background-repeat: no-repeat;
background-image: url(../images/search-off.png);
background-position: 5px 12px;
background-repeat: no-repeat;
position: absolute;
opacity: .8;
z-index: 1;
top: 0;
width: 38px;
height: 38px;
cursor: default;
-webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

/* Slider Pane */
.slider-pane{
/*height:400px;20220316:不限制轮播图高度避免不同尺寸的图片变形*/
text-align: center;
}
#slider {
margin:0 auto;
width: 1210px;
height:auto;/*20220316:不限制轮播图高度避免不同尺寸的图片变形*/
}
.product-slider-pane{
height:400px;
text-align: center;
padding-bottom:80px;/*留出缩略图的位置*/
}
#product-slider {
margin:0 auto;
width: 530px;
height:400px;
}
#product-slider img{
min-height: 100% !important;
max-height: 100% !important;
}
.nivo-prevNav, .nivo-nextNav{
text-align: center;
white-space: nowrap;
color: #fff;
line-height: 21px;
min-width: 23px;
padding-left: 5px;
padding-right: 5px;
padding-top: 6px;
padding-bottom: 6px;
border-radius: 15px;
background: #ccc;
background-color: rgba(0,0,0,0.2);
font-size: x-large;
font-family: serif;
font-weight: 400;
}
a.nivo-prevNav:hover, a.nivo-nextNav:hover {
background: #333;
color: #fff;
border: 0px;
}
#navBar .ac-gn-bagview {
    display: none;
	font-size: 14px;
    line-height: 1.28577;
    font-weight: 400;
    letter-spacing: -.014em;
    background: #fff;
	position: absolute;
    top: 53px;
    z-index: 2;
    border: 1px solid #d2d2d7;
    border-radius: 18px;
    width: 286px;
	right: 0px;
	padding:20px;
	outline:0;   
}
#navBar .ac-gn-bagview-caret,#navBar .ac-gn-notification-caret {
    overflow: hidden;
    bottom: -5px;
    width: 100%;
    height: 8px;
    right: 20px;
    z-index:1;
}
#navBar .ac-gn-bagview-caret:after,#navBar .ac-gn-notification-caret:after {
    right: 16px;
    /*border: 1px solid #d2d2d7;*/
    content: "";
    position: absolute;
    top: -8px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0% 0;
    transform-origin: 0% 0;
	border-top: 1px solid #d2d2d7;
	border-left: 1px solid #d2d2d7;	    
}
#navBar .ac-gn-bagview-caret:after {
    background: #fff;
    border-color: #d2d2d7;
    border-radius: 2px 0 0 0;
}
#navBar .ac-gn-bagview-content {
	text-align:center;
}
.navUserPaneLink {
	width:100% !important;
	padding:0 !important;
	border-top:1px solid #d2d2d7;
	border-radius: 1px;
	color:#666 !important;
	text-align:center;
}
.navUserPaneLinkDisabled {
	width:100% !important;
	padding:0 !important;
	border-top:1px solid #d2d2d7;
	border-radius: 1px;
	color:#ccc !important;
	text-align:center;	
}