@charset "utf-8";
ul.mega-menu{display:flex;}
.mega-menu li {text-align:center;position:relative;}
.mega-menu li:last-child{}
.mega-menu li.fullwidth {position: static !important;}
.mega-menu li:hover {
    background: #efefef none repeat scroll 0 0;
}
.mega-menu li a {
    color: #000;
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    outline: 0 none;
    padding: 3px 25px;
    text-decoration: none;
    text-transform: uppercase;
}
.mega-menu li:hover a {color:#000;}
.mega-menu li:hover div a {display:inline;}
.mega-menu li .drop {padding-right:18px;}
.mega-menu li:hover .drop {padding-right:19px;}


.mega-menu .levels li a {
    color: #333;
    display: block;
    font-size: 13px;
    font-weight: 100;
    line-height: 24px;
    outline: 0 none;
    padding: 3px;
    text-decoration: none;
}
.mega-menu .levels li a:hover{text-decoration: underline;}

/* bof right aligned menu item */
.mega-menu .right {float:right;right:0;margin-right:5px;}
.mega-menu li.right:hover {margin-right:5px;}

/* bof drop down styles */
.mega-menu .dropdown_1column, .mega-menu .dropdown_2columns, .mega-menu .dropdown_3columns, .mega-menu .dropdown_4columns, .mega-menu .dropdown_5columns, .mega-menu .dropdown_customer_service, .mega-menu .dropdown_aboutus, .mega-menu .dropdown_info, .mega-menu .dropdown_fullwidth {
    background-color: #fff;
	border:1px solid #000;
    left: -999em;
    margin: 0 auto;
    padding: 5px 10px;
    position: absolute;
    text-align: left;
    z-index: 999;
}
.mega-menu .dropdown_1column {width: 355px;}
.categories-li .dropdown_1column{width:723px;}
.mega-menu .dropdown_2columns {width: 300px;}
.mega-menu .dropdown_customer_service {width: 605px;}
.mega-menu .dropdown_aboutus {width: 585px;}
.mega-menu .dropdown_info {width: 470px;}

/* bof drop down on mouse hover left aligned */
.mega-menu li:hover .dropdown_1column, .mega-menu li:hover .dropdown_2columns, .mega-menu li:hover .dropdown_customer_service, .mega-menu li:hover .dropdown_aboutus, .mega-menu li:hover .dropdown_info {left:0;}

/* bof drop down on mouse hover right aligned */
.mega-menu li .align_right {-moz-border-radius: 5px 0px 5px 5px;-webkit-border-radius: 5px 0px 5px 5px;border-radius: 5px 0px 5px 5px;}
.mega-menu li:hover .align_right {left:auto;right:-1px;top:25px;}

/* bof column sizes */
.mega-menu .col_1, .mega-menu .col_2 {display:inline;position: relative;margin-left: 10px;}
.mega-menu .col_1 {width:145px;}
.mega-menu .col_2 {width:300px;}
.mega-menu .col_cs {width:605px;}
.mega-menu .col_aboutus {width:585px;}
.mega-menu .col_3 {width:455px;}
.mega-menu .col_4 {width:610px;}
.mega-menu .col_5 {width:765px;}
.mega-menu .col_6 {width:920px;}

/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */
.mega-menu .firstcolumn {margin-left: 0; /* Clearing margin & left */clear: left;}

/*bof content*/

.mega-menu p {font-size:12px;line-height:18px;margin:0;	margin-bottom:10px;color:#444;}
.mega-menu h2, .mega-menu h3 {border-bottom:1px solid #000;margin-top:7px;color:#444;}
.mega-menu h2 {font-size:21px;margin-bottom:18px;padding-bottom:11px;font-weight:normal;}
.mega-menu h3 {font-size:14px;margin-bottom:14px;padding-bottom:7px;font-weight:normal;}


/* bof images */
.mega-menu .imgshadow_light {padding:4px;border:0px solid #000;margin-top:5px;margin-left:20px;}

/* bof standard lists styles */
.mega-menu li ul {list-style:none;padding:0;margin:0 0 12px 0;}
.mega-menu li ul li {
    float: left;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    width: 250px;
}





.mega-menu .levels a.parent, .mega-menu .levels a.parent:hover {}
.mega-menu .levels li {float: left;width:350px;}
.mega-menu .levels li ul {/* second-level lists*/ position: absolute;border:0px solid #444;background: #efefef;background: -moz-linear-gradient(top, #efefef, #bbb);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#bbb));top:-23px;margin:15px 0px 0px 4px;padding:6px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;left: -999em;}
.mega-menu .levels li ul ul {top:-23px;}
.mega-menu .levels li:hover ul ul, .mega-menu .levels li:hover ul ul ul {left: -999em;}
.mega-menu .levels li:hover ul, .mega-menu .levels li li:hover ul, .mega-menu .levels li li li:hover ul {left: 142px;}



/*bof customer service*/
.mega-payments{float:left;}
.mega-confidence{float:right;width:60%;}
.mega-about{float:left;width:70%;}
.mega-right{float:right;position: relative;margin-left: 10px;width:145px;}

.h-sm{margin-right:10px;margin-bottom:15px;vertical-align:middle;}








.dropdown_1column ul.level3,.dropdown_1column ul.level4{display:none;}


.mega-menu .levels li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border-right: none;
    border-bottom: 1px dotted #666;
    margin-right: 10px;
	padding:6px 0;
	height:auto;
}

.mega-menu .levels li:hover{background-color:#ffea9b;}


/************************************************************头部最左边的效果************************************************************/

.head-btn {
 -ms-flex-negative:0;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 border:none;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 flex-shrink:0;
 font-size:0;
 height:30px;
 justify-content:center;
 margin:0;
 padding:0;
 position:relative;
 width:30px;
 z-index:200
}
.head-btn,
.head-btn:active,
.head-btn:focus,
.head-btn:hover {
 background:none;
 outline:none
}
.head-btn:before {
 background:#041e3a;
 content:"";
 height:30px;
 left:0;
 position:absolute;
 top:0;
 -webkit-transition:.4s ease;
 transition:.4s ease;
 width:30px;
 z-index:10
}
.head-btn.on .head-btn-in .top {
 top:0px;
 -webkit-transform:rotate(135deg);
 transform:rotate(135deg)
}
.head-btn.on .head-btn-in .bot {
 bottom:10px;
 -webkit-transform:rotate(-135deg);
 transform:rotate(-135deg)
}
.head-btn.on .head-btn-in .mid {
 opacity:0;
 -webkit-transform:rotate(180deg);
 transform:rotate(180deg)
}
.head-btn:hover:before {
 background:#fcff00
}
.head-btn:hover .btn_wave {
 stroke:#000
}
.head-btn-in {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 height:20px;
 justify-content:center;
 position:relative;
 width:20px;
 z-index:20
}
.head-btn-in span {
 display:block;
 height:7px;
 -webkit-transition:.4s ease;
 transition:.4s ease;
 width:100%
}
.head-btn-in .top {
 left:0;
 position:absolute;
 top:0
}
.head-btn-in .bot {
 bottom:0;
 left:0;
 position:absolute
}
.head-btn-in .btn_wave {
 -webkit-transition:.4s ease;
 transition:.4s ease
}
/*************************/
.head-menu-wrap {
  background: #fff;
  left: 0;
  position: absolute;
  top: -671px;
  -webkit-transition: .4s ease;
  transition: .4s ease;
  float:left;
  width: 100%;
  z-index: 100;
}
.head-menu {
  margin: 0 auto;
  padding: 20px 0;
  width: 1200px;
}
.head-menu-in {
  margin: 0 auto;
  width: 900px;
}
.head-menu-wrap.on {
  top: 0;
}
.head-menu-in .menu-mid .mid-t ul {
  margin: 0 -7.5px 10px;
  width: calc(100% + 7px);
  float:left;
}
.head-menu-in .menu-mid .mid-t > ul > li {
  float:left;
  margin: 8px 0 0 7.5px;
  width: 32%;
}
.head-menu-in .menu-mid .mid-t > ul > li:nth-child(3n+1) {
  clear: left;
}

.head-menu-in .menu-mid .mid-t a {
  border-style: solid;
  border-width: 1px;
  width: 100%;
}
.head-menu-in .menu-mid .mid-t a:hover{
text-decoration:none;
opacity:0.6;
border:1px solid #ccc;
}
.link-box a {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 justify-content:center
}

.link-box .back-tr span {
  color: #000;  
}
.link-box span {
  font-size: 18px;
  letter-spacing: .05em;
}

.head-menu-in .menu-bot {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin: 9px 0 0;
}
.menu-top{
background: #f2f0ed;
color: #393939;
font-weight: var(--heading-font-weight);
margin: 0;
padding: 15px 24px;
}
.mid-t {height: 74px;overflow: hidden;}
.mid-t.down{height: auto;}
.menu-top a{text-decoration:underline;}
.head_categories_most {
  background: #f0f0f0;
  border-radius: 25px;
  cursor: pointer;
  padding: 15px 0;
  margin: 10px auto 0;
  width: 200px;
  text-align: center;
}
.head-menu-text{
position: absolute;
color: white;
font-size: 22px;
padding-left: 90px;
}