body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select {margin:0;padding:0}
img {border:0;}
li {list-style:none}
iframe {border:none}
html {height:100%;font-size:14px}
body {height:100%;font:400 1em/1.75 Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft YaHei,sans-serif; background:#efefef;}
a:hover{text-decoration: none;}
.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], textarea,button,#search{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-family: "maax_labregular", sans-serif;
    font-size: 13px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 12px 10px 8px 10px;
    background-color: #ffffff;
    border: none;
    color: #444444;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}
input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"] { border:1px solid #ccc;}
.table-responsive{ padding:10px;}
.van-tabs .van-tabs__line{bottom:30px;}
.leftnav .nav-header, .leftnav .nav-header:focus, .leftnav .nav-header:active{
	background: #5D4037; color:#FFF;
	
}
a:hover{COLOR:#5D4037;}
.item-main-img{    margin: 20px 0 0 0;}
.van-address-list{ margin-top:40px;}
.van-address-item .van-cell{    margin-bottom: 20px;}
.order-item2{
border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;}

.mtop10{ margin-top: 10px;}
.topline{ height:41px; background: #5D4037; color:#fff; line-height: 41px; font-size:14px;}
.topline a{ color:#fff; padding:0 10px;}
.topline .col-md-4{text-align: right}
.topbox .logo{ width:250px;height:100px; max-width: 100%;}
.topbox .logo a{padding:24px 0; display: block;}
	.topbox .logo a img{ max-width: 100%; height:52px;max-width: 100%;}

/*导航*/
.topbox .col-md-6{ position:static;}
.topbox .row{ position: relative;}
.mega-menu ul{height:100px; }
.mega-menu ul  li{list-style: none; float: left;padding: 0  15px; line-height:100px;}
.mega-menu ul li a{font-size:16px; font-weight: bold; color:#333;}
.mega-menu ul li .tray a{ font-weight: normal; font-size:12px; line-height: 1.2;}
.mega-menu ul li .tray li{float:none; padding: 0; line-height:20px;}
#main-nav .hidennav2,#main-nav .hidennav1{ display: none;}
#main-nav .mage-menu ul{height:auto;}
.mega-menu .tray > .title {
    display: none;
}.mega-menu .tray .description {
    width: 74.4680851064%;
    float: left;
    margin-right: 2.1276595745%;
    display: block;
    margin-right: 0;
	line-height: 1;
    margin-bottom: 40px;
}.mega-menu .tray .image {
    position: relative;
    float: right;
    width: 23.4042553191%;
    padding-top: 23.4042553191%;
    margin: 0;
}.mega-menu .tray .image .thumb {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}.mega-menu .tray .whats-new {
    font-family: "maax_labmedium", sans-serif;
    display: none;
    position: absolute;
    width: 100%;
    top: 100%;
    margin-top: 10px;
    text-align: center;
    white-space: nowrap;
}.mega-menu .tray .all-the-things {
    font-family: "maax_labmedium", sans-serif;
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding-right: 25px;
    white-space: nowrap;
}.mega-menu .tray .link-nav {
    width: 23.4042553191%;
    float: left;
    margin-right: 2.1276595745%;
}.mega-menu .link-nav .nav-title {
    font-family: "maax_labmedium", sans-serif;
    margin: 0 0 5px 0;
}.mega-menu .link-nav .link {
    display: block;
}.mega-menu .tray .link-nav .items {
    float: left;
    width: 100%;padding:0;
}.mega-menu .link-nav .item {
    display: block;

}.mega-menu .tray .link-nav .children {
    display: none;
}
.mega-menu .tray ul{ padding:0;} 
.mega-menu .link-nav .item.show-all{  margin-bottom: 10px;}
.mega-menu .link-nav .item.show-all a{font-weight: bold;}
.mega-menu .tray {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: none;

    opacity: 0;
    position: absolute;
    min-height: 400px;
    min-width: 886px;
    z-index: 600;
    padding: 30px 20px 20px 20px;
    border: 1px solid #ebebeb;
    top: 0;
    margin-top: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.99);
    text-align: left;
    white-space: normal;
}
.mega-menu .itemnav ul{display:none;}
.mega-menu li.hoverc > .tray {
    display: block;
    top: 100%;
    opacity: 1;
}
.mega-menu li.itemnav.hoverc  ul {
    display: block;

}
/*sousuo*/
.topbox .search-form {
    display: block;
	border: 1px solid #333;
    margin-top: 30px;
    position: relative;
    padding: 0;
    order: 5;
 
    margin-left: 35%;
  
    margin-left: 35px;
}
.topbox .search-form .search-term {
    font-size: 13px;
    display: inline-block;
    width: 100%;
    line-height: 18px;
    padding-right: 70px;
}
.topbox .search-form .submit, .list-filter .refine-filter .search .submit {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xMy41IDExLjUgMjQgMjQiPg0KICA8cGF0aCBmaWxsPSIjNDQ0IiBkPSJNOS40IDMzbC02LjMtNi4yYzEuMi0xLjUgMi0zLjUgMi01LjYgMC00LjktNC04LjgtOC45LTguOHMtOC45IDMuOS04LjkgOC44IDQgOC44IDguOSA4LjhjMi4xIDAgNC0uNyA1LjUtMS45TDggMzQuNCA5LjQgMzN6TTMuMiAyMS4yYzAgMy44LTMuMSA2LjktNi45IDYuOS0zLjggMC02LjktMy4xLTYuOS02LjkgMC0zLjggMy4xLTYuOSA2LjktNi45IDMuOCAwIDYuOSAzLjEgNi45IDYuOXoiLz4NCjwvc3ZnPg==) center no-repeat transparent;
}
.topbox .search-form .submit {
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    text-indent: -1000px;
    overflow: hidden;
    position: relative;
    position: absolute;
    right: 0px;
    top: 0%;
    cursor: pointer;
    width: 40px;
    height: 100%;
}
.topbox .search-form .submit:after {
    content: "";
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
}
.mobile-nav-trigger {
    background-size: 23px 23px;
    width: 23px;
    height: 23px;
    display: block;
    position: absolute;
    cursor: pointer;
    right: 11px;
    top: 8px;
    outline: 0;
	text-indent: -999em;
    box-shadow: none;
}
.mobile-nav-trigger {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yNC41IDAuNSAyMiAxOCI+CiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTS0yNC41LjVoMjJ2MmgtMjJ6bTAgOGgyMnYyaC0yMnptMCA4aDIydjJoLTIyeiIvPgo8L3N2Zz4=) center no-repeat transparent; 
}
.mobile-nav-trigger:hover {
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwMjMuOTk3IDExNC45NyA5MTEuNDA4IDIuMzg4IDUxNi4xNDkgMzk3LjYyOSAxMTguNSAwIDUuOTEgMTEyLjU4NWwzOTcuNjQ5IDM5Ny42MjlMNy4xMDcgOTA2LjY0OGwxMTIuNTg3IDExMi41OSAzOTYuNDU0LTM5Ni40MzkgMzk1LjI1OSAzOTUuMjQ5IDExMi41OS0xMTIuNTlMNjI4LjczOCA1MTAuMjE0IDEwMjMuOTk3IDExNC45N3oiIGZpbGw9IiNmZmYiPjwvcGF0aD48L3N2Zz4=) center no-repeat transparent; 
}
html.hc-yscroll { overflow-y: scroll }
body.hc-nav-open { position: fixed; width: 100%; min-height: 100% }
.hc-mobile-nav { display: none; position: fixed; top: 0; height: 100%; z-index: 9999; overscroll-behavior: none }
.hc-mobile-nav.is-ios * { cursor: pointer !important }
.hc-mobile-nav .nav-container { position: fixed; z-index: 9998; top: 0; width: 240px; max-width: 100%; height: 100%; transition: transform .4s ease }
.hc-mobile-nav .nav-wrapper { width: 100% }
.hc-mobile-nav .nav-wrapper.nav-wrapper-1 { position: static; height: 100%; overflow: scroll; overflow-x: visible; overflow-y: auto }
.hc-mobile-nav ul { list-style: none; margin: 0; padding: 0 }
.hc-mobile-nav li { position: relative; display: block }
.hc-mobile-nav li.level-open>.nav-wrapper { visibility: visible }
.hc-mobile-nav input[type="checkbox"] { display: none }
.hc-mobile-nav label { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; cursor: pointer }
.hc-mobile-nav a { position: relative; display: block; box-sizing: border-box; cursor: pointer }
.hc-mobile-nav a,
.hc-mobile-nav a:hover { text-decoration: none }
.hc-mobile-nav.disable-body:not(.nav-open)::after { pointer-events: none }
.hc-mobile-nav.disable-body::after,
.hc-mobile-nav.disable-body .nav-wrapper::after { content: ''; position: fixed; z-index: 9990; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overscroll-behavior: none; visibility: hidden; opacity: 0; transition: visibility 0s ease .4s, opacity .4s ease }
.hc-mobile-nav.disable-body.nav-open::after,
.hc-mobile-nav.disable-body .sub-level-open::after { visibility: visible; opacity: 1; transition-delay: .05s }
.hc-mobile-nav.nav-levels-expand .nav-wrapper::after { display: none }
.hc-mobile-nav.nav-levels-expand ul .nav-wrapper { min-width: 0; max-height: 0; overflow: hidden; transition: height 0s ease .4s }
.hc-mobile-nav.nav-levels-expand .level-open>.nav-wrapper { max-height: none }
.hc-mobile-nav.nav-levels-overlap ul .nav-wrapper { position: absolute; z-index: 9999; top: 0; height: 100%; visibility: hidden; transition: visibility 0s ease .4s, transform .4s ease }
.hc-mobile-nav.nav-levels-overlap ul ul { height: 100%; overflow: scroll; overflow-x: visible; overflow-y: auto;padding-bottom:100px; }
.hc-mobile-nav.nav-levels-overlap ul li.nav-parent { position: static }
.hc-mobile-nav.nav-levels-overlap ul li.level-open>.nav-wrapper { visibility: visible; transition: transform .4s ease }
.hc-mobile-nav.side-left { left: 0 }
.hc-mobile-nav.side-left .nav-container { left: 0; transform: translate3d(-100%, 0, 0) }
.hc-mobile-nav.side-left.nav-levels-overlap li.level-open>.nav-wrapper { transform: translate3d(-40px, 0, 0) }
.hc-mobile-nav.side-left.nav-levels-overlap li .nav-wrapper { left: 0; transform: translate3d(-100%, 0, 0) }
.hc-mobile-nav.side-right { right: 0 }
.hc-mobile-nav.side-right .nav-container { right: 0; transform: translate3d(100%, 0, 0) }
.hc-mobile-nav.side-right.nav-levels-overlap li.level-open>.nav-wrapper { transform: translate3d(40px, 0, 0) }
.hc-mobile-nav.side-right.nav-levels-overlap li .nav-wrapper { right: 0; transform: translate3d(100%, 0, 0) }
.hc-mobile-nav.nav-open .nav-container { transform: translate3d(0, 0, 0) }
.hc-nav-trigger { position: absolute; cursor: pointer; display: none; top: 20px; z-index: 9980; min-height: 24px }
.hc-nav-trigger span { width: 30px; top: 50%; transform: translateY(-50%); transform-origin: 50% 50% }
.hc-nav-trigger span,
.hc-nav-trigger span::before,
.hc-nav-trigger span::after { position: absolute; left: 0; height: 4px; background: #34495E; transition: all .2s ease }
.hc-nav-trigger span::before,
.hc-nav-trigger span::after { content: ''; width: 100% }
.hc-nav-trigger span::before { top: -10px }
.hc-nav-trigger span::after { bottom: -10px }
.hc-nav-trigger.toggle-open span { background: rgba(0, 0, 0, 0); transform: rotate(45deg) }
.hc-nav-trigger.toggle-open span::before { transform: translate3d(0, 10px, 0) }
.hc-nav-trigger.toggle-open span::after { transform: rotate(-90deg) translate3d(10px, 0, 0) }
.hc-mobile-nav::after,
.hc-mobile-nav .nav-wrapper::after { background: rgba(0, 0, 0, 0.3) }
.hc-mobile-nav .nav-wrapper { background: #5D4037 }
.hc-mobile-nav.nav-open .nav-wrapper { box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2) }
.hc-mobile-nav h2 { font-size: 19px; font-weight: normal; text-align: left; padding: 20px 17px; color: #fff }
.hc-mobile-nav a { padding: 14px 17px; font-size: 15px; color: #fff; z-index: 1; background: rgba(0, 0, 0, 0); border-bottom: 1px solid #9AA899 }
.hc-mobile-nav:not(.touch-device) a:hover {     background: #ECE2D0;
    color: #333;}
.hc-mobile-nav li { text-align: left }
.hc-mobile-nav li.nav-close a,
.hc-mobile-nav li.nav-back a { background: #9AA899; border-top: 1px solid #9AA899; border-bottom: 1px solid #9AA899 }
.hc-mobile-nav li.nav-close a:hover,
.hc-mobile-nav li.nav-back a:hover { background: #9AA899 }
.hc-mobile-nav li.nav-parent a { padding-right: 58px }
.hc-mobile-nav li.nav-close span,
.hc-mobile-nav li.nav-parent span.nav-next,
.hc-mobile-nav li.nav-back span { width: 45px; position: absolute; top: 0; right: 0; bottom: 0; text-align: center; cursor: pointer; transition: background .2s ease }
.hc-mobile-nav li.nav-close span::before,
.hc-mobile-nav li.nav-close span::after { display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-top: -3px; border-top: 2px solid #fff; border-left: 2px solid #fff }
.hc-mobile-nav li.nav-close span::before { margin-left: -9px; transform: rotate(135deg) }
.hc-mobile-nav li.nav-close span::after { transform: rotate(-45deg) }
.hc-mobile-nav a[href]:not([href="#"])>span.nav-next { border-left: 1px solid #9AA899 }
.hc-mobile-nav span.nav-next::before,
.hc-mobile-nav li.nav-back span::before { content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-left: -2px; box-sizing: border-box; border-top: 2px solid #fff; border-left: 2px solid #fff; transform-origin: center }
.hc-mobile-nav span.nav-next::before { transform: translate(-50%, -50%) rotate(135deg) }
.hc-mobile-nav li.nav-back span::before { transform: translate(-50%, -50%) rotate(-45deg) }
.hc-mobile-nav.side-right span.nav-next::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(-45deg) }
.hc-mobile-nav.side-right li.nav-back span::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(135deg) }
.hc-mobile-nav.nav-levels-expand .nav-container ul .nav-wrapper,
.hc-mobile-nav.nav-levels-none .nav-container ul .nav-wrapper { box-shadow: none; background: transparent }
.hc-mobile-nav.nav-levels-expand .nav-container ul h2,
.hc-mobile-nav.nav-levels-none .nav-container ul h2 { display: none }
.hc-mobile-nav.nav-levels-expand .nav-container ul ul a,
.hc-mobile-nav.nav-levels-none .nav-container ul ul a { font-size: 14px }
.hc-mobile-nav.nav-levels-expand .nav-container li,
.hc-mobile-nav.nav-levels-none .nav-container li { transition: background .3s ease }
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open { background: #2e6296 }
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open a { border-bottom: 1px solid #9AA899 }
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a:hover,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open a:hover { background: #2f649a }
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open>a .nav-next::before,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open>a .nav-next::before { margin-top: 2px; transform: translate(-50%, -50%) rotate(45deg) }
.hc-mobile-nav.nav-levels-expand .nav-container span.nav-next::before,
.hc-mobile-nav.nav-levels-none .nav-container span.nav-next::before { margin-top: -2px; transform: translate(-50%, -50%) rotate(225deg) }
.topline .toggle { position: absolute; cursor: pointer; display: none;  z-index: 9980; min-height: 24px;  display: block; cursor: pointer; box-sizing: content-box; font-size: 20px; line-height: 41px;  top:0px;right:10px; width:35px; text-indent: -9999em; padding: 0;}
.topline  .toggle span { width: 30px; top: 50%; transform: translateY(-50%); transform-origin: 50% 50% }
.topline  .toggle span,
.topline  .toggle span::before,
.topline  .toggle span::after { position: absolute; left: 0; height: 3px; background: #fff; transition: all .1s ease }
.topline  .toggle span::before,
.topline  .toggle span::after { content: ''; width: 100% }
.topline  .toggle span::before { top: -10px }
.topline  .toggle span::after { bottom: -10px }
.topline  .toggle.toggle-open span { background: rgba(0, 0, 0, 0); transform: rotate(45deg) }
.topline  .toggle.toggle-open span::before { transform: translate3d(0, 10px, 0) }
.topline  .toggle.toggle-open span::after { transform: rotate(-90deg) translate3d(10px, 0, 0) }
.topline  .toggle:hover span,
.topline  .toggle:hover span::before,
.topline  .toggle:hover span::after { background: #dab977 }
.topline  .toggle div { display: inline-block; margin-right: 15px }

.hc-mobile-nav .nav-container { width: 280px }
.hc-mobile-nav h2 { font-weight: 400 }
.hc-mobile-nav a { font-size: 16px }
.hc-mobile-nav li.cryptocurrency>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.devices>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.mobile>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.television>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.camera>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.magazines>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.store>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.collections>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.credits>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hiddenimgcenter{display: none;}
.mega-menu .tray .all-the-things:after {
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
}.mega-menu .tray .all-the-things:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yNC41IDAuNSA0NiA0NiI+CiAgPGcgZmlsbD0iI2YwZiI+CiAgICA8cGF0aCBkPSJNLTQuNiAyOS41bDEuNCAxLjQgNy40LTcuNC03LjQtNy40LTEuNCAxLjQgNiA2LTYgNnoiLz4KICAgIDxwYXRoIGQ9Ik0tMS41IDEuNWMxMi4xIDAgMjIgOS45IDIyIDIycy05LjkgMjItMjIgMjItMjItOS45LTIyLTIyIDkuOS0yMiAyMi0yMnptMCA0Mi4xYzExLjEgMCAyMC4xLTkgMjAuMS0yMC4xIDAtMTEuMS05LTIwLjEtMjAuMS0yMC4xLTExLjEgMC0yMC4xIDktMjAuMSAyMC4xIDAgMTEuMSA5IDIwLjEgMjAuMSAyMC4xeiIvPgogICAgPHBhdGggZD0iTTQuMiAyMy41bC03LjQgNy40LTEuNC0xLjQgNi4xLTYtNi4xLTYgMS40LTEuNCIvPgogIDwvZz4KPC9zdmc+) center no-repeat transparent;
}
.mega-menu ul li.itemnav{ }
/*swiper*/
    .banner .swiper {
        width: 100%;
        height: 100%;
      }

    .banner .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
.banner .swiper-slide a{display: block;width: 100%;height: 100%;
}
      .banner .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }



      .banner .swiper {
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
      }

       .banner .swiper-slide {
        background-size: cover;
        background-position: center;
      }

       .banner .mySwiper2 {
        height: 480px;;
        width: 80%;
		  float:left; background: #fff;
		  border: 5px solid #fff;
		  border-left:none;
      }

       .banner .mySwiper {
		  background: #fff;
		  width:20%;
        height: 480px;
        box-sizing: border-box;
        padding: 0px 0;
		  float:left;
		   border: 4px solid #fff;     z-index: 500;
      }

       .banner .mySwiper .swiper-slide {
        width: 100%;
        height: 25%;
        opacity: 1;
		box-sizing: border-box;
    padding: 1px;
		  
      }

       .banner .mySwiper .swiper-slide-thumb-active {
        opacity: 1;
      }

       .banner .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
 .banner .mySwiper .swiper-slide-thumb-active::before{
	content: " ";
	display: block;
	width: 100%;
	height:100%;
	background: none; border: 5px solid #5D4037;    position: absolute;
	
}
 .sanjiaox{content: " ";
	display: block;
	width: 10px;right:-10px;z-index: 501;
	height:10px;
	 background-size: cover;
	background:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgPjxwYXRoIGQ9Ik05My4zNzE5MSA1Ny4xNTQ1NzMgOTMwLjYyODA5IDU0MC42MzU2MDggOTMuMzcxOTEgMTAyNFoiIGZpbGw9IiMwYTRiNmIiPjwvcGF0aD48L3N2Zz4=) center no-repeat transparent;  position: absolute;}

.youlike .youlikeleft,.youlike .youlikeright{ float:left;}
.youlike .youlikeleft{width:20%;}
.youlike .youlikeright{width:80%;}
.sigetubiao{ width:100%; height:212px; background: #5D4037; display: block; padding: 10px; position: relative;}
.sigetubiao:after{ content:" "; display: block;height:0px; position: absolute;top:50%;border-top: 1px solid #9AA899; width: 80%; left:10%; }
.sigetubiao:before{ content:" "; display: block;height:80%; position: absolute;top:10%;border-left: 1px solid #9AA899; width: 0px; left:50%; }
.youlikemian{  width:100%; height:160px; display: block; padding: 20px 20px 0;}
.tubiaoitem{ display: block;width: 50%; float: left;height:50%; border: none; padding: 10px;text-align: center; }
.tubiaoitem a{ color:#fff; height: 100%;
    display: block; overflow: hidden;}
.tubiaoitem a:hover{ color:#9AA899;	
}
.duiqibanner{ border-right: 4px solid transparent;}
.duiqibanner.duiqibanner_ff{border-color: #fff;}
.tubiaoitem a img{width: 80px;
    height: 35px;
    margin-bottom: 10px; margin-top: 5px; }
.tubiaoitem a:hover img{}
.youlike .youlikeright{ overflow: hidden; position: relative; height:212px; background: #fff; padding: 10px 0; }


 .youlike .swiper {
        width: 100%;
        height: 100%;
      }

     .youlike .swiper-slide {
       padding: 0 7.5px;
      }
.youlike .swiper-slide a{ display: block;
overflow: hidden;height:100%;width:100%; border:2px solid #efefef; padding: 10px;
}
     .youlike .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
      }
.youlikerighttop{padding: 5px 15px 0 15px; position: relative;}
.youlikerighttop h2{font-size: 18px;}
    .youlike .swiper-pagination-youlike{    position: absolute;
    right: 15px;
    top: 5px;
    left: unset;
    width: 50%;
    display: block;
    text-align: right;}

.mySwiper-youlike .swiper-slide{width:33.3333%; box-sizing: border-box;
}

.swsitem-left,.swsitem-right{ float: left; width: 50%;display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;}
.swsitem-right{ padding-left: 10px; }
.swsitem-right a{ color:#333;}
.youlikemian a:hover{ background: #efefef;}
.swsitem-right p{ line-height: 1.2;color:#333; }
.swsitem-right p span{display: inline;    display: block;
    margin-top: 10px;}
.swsitem-right p span.jiage{ color:red;}

/*wrap*/
.wrap_left,.wrap_right{height:530px; float: left;}
.wrap_left{width: 20%;}
.wrap_right{width:80%;}
.wrap1{ margin-top: 40px;}
.wrap1 h2{ font-size: 24px;}
.wrap1 .warp_tittle{ margin-bottom: 10px; padding: 0 15px;}
.wrap1 .warp_tittle a.more{ float: right; margin-top: -16px; line-height: 1; color:#666;}
.wrap_right{ padding:  0 0 0 0px;}
.wrap_right ul li{width:25%; height:260px; margin-bottom: 10px;  padding:0 0 0 10px; text-align: center; float: left;}
.wrap_right ul li a{ width: 100%;height:100%;display: block;background: #fff; padding:20px 0;}
.wrap_right ul li a img{ width:120px;height:120px; margin: 0 atuo;}
.wrap_right ul li .figure-img{ text-align: center;
}
.wrap_right ul li h3{    font-size: 14px;
    color: #333; padding: 15px 15px;}
.wrap_left_rom{ display: none;}
.brick-item:hover { 
    z-index: 2;
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);    background: #fff;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;

}
.wrap_left p a{color:#666;}
.price{color:red;}
.price del {
    margin-left: .5em;
    color: #b0b0b0;
}
.checkshowall,.checknoshowall{ display: none; }
.mobleshowp{ text-align: center;width: 100%; line-height: 20px;display: none;}
.aboutus{ margin-top: 60px;}
.aboutus .intro-module{ background: #fff; padding: 40px 80px;}
.intro h2{ text-align: center; margin-bottom: 30px;}
.intro-module .intro h2:after {
    width: 75px;
    height: 2px;
    margin: 17px auto 22px;
    background: #aad5df;
    content: "";display: block;
}
.convenient .image-container{width:40%;float:left;margin-right: 20px;}
.convenient .image-container img{width:100%;height:auto; border:4px solid #efefef;}
.intro p {
    margin: 10px auto 25px auto;
}
.convenient:after{content: " ";display: block;clear:both;}
.bullet-points{ margin-top: 40px; text-align: center;}
.bullet-points .b-p-icon{ width:25%; float:left;}
.bullet-points:after{ content: " "; display: block;clear: both;}
.bullet-points .b-p-icon:before{content: " ";display: block;    background-size: 30px 30px;    margin: 20px auto;
    width: 30px;
    height: 30px;}
 .bullet-points hr {
    border: 1px solid #aad5df;
    width: 40px;
    margin: 15px auto;
    display: block;
    clear: both;
}
.bullet-points p{ padding: 0 30px;}
.bullet-points .design:before { background: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ4IDQ1LjYiPjxwYXRoIGZpbGw9IiMzMzMiIGQ9Ik0yNy40NCAxNi41N2EuNzkuNzkgMCAwIDAgMS4xMyAwbC43NC0uNzRhMi40IDIuNCAwIDAgMCAyLjE5IDBsLjczLjc0YS44LjggMCAwIDAgLjU3LjIzLjc5Ljc5IDAgMCAwIC41Ny0uMjMuOC44IDAgMCAwIDAtMS4xM2wtLjczLS43M2EyLjUgMi41IDAgMCAwIDAtMi4ybC43My0uNzNhLjguOCAwIDEgMC0xLjEzLTEuMTNsLS43My43M2EyLjUgMi41IDAgMCAwLTIuMiAwbC0uNzMtLjczYS44LjggMCAxIDAtMS4xMyAxLjEzbC43NC43NGEyLjQ5IDIuNDkgMCAwIDAgMCAyLjJsLS43NC43NGEuOC44IDAgMCAwIDAgMS4xM3pNMzEgMTNhLjkuOSAwIDEgMS0uNjMtLjI2Ljg5Ljg5IDAgMCAxIC42My4yNnptMCAwIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNNDcuNjEgMTguNjZhMi4zNCAyLjM0IDAgMCAwLTItMS4wNUg0My4yQTE3LjYyIDE3LjYyIDAgMCAwIDI1LjYgMGgtMy4yQTE3LjYyIDE3LjYyIDAgMCAwIDQuODIgMTYuOEgyLjQ2YTIuNDUgMi40NSAwIDAgMC0yIDEuMDkgMi40MyAyLjQzIDAgMCAwLS4yNSAyLjI1bDUuNDIgMTUuNzlhMy4zMSAzLjMxIDAgMCAwIDIuNSAyLjM5bC0uNzEgNy4yOEgxMWwxLjYtNy4yaDIyLjc2TDM3IDQ1LjZoMy42MmwtLjcxLTcuMjlBMy4yNiAzLjI2IDAgMCAwIDQyLjM1IDM2bDUuNDYtMTUuMTJhMi4zNSAyLjM1IDAgMCAwLS4yLTIuMjJ6TTIyLjQgMS42aDMuMmExNiAxNiAwIDAgMSAxNiAxNmgtLjI3bC0uMjUuMDYtLjE4LjA3LS4yNC4xMS0uMTcuMTYtLjIyLjE0LS4xNS4xMS0uMi4xOC0uMTMuMTMtLjE3LjIxLS4xMS4xNC0uMTUuMjdhMS4zOSAxLjM5IDAgMCAwLS4wNy4xMyAyLjg2IDIuODYgMCAwIDAtLjE2LjQ0bC0xLjU4IDYuNzF2LjE0QTUuNTkgNS41OSAwIDAgMCAzMi44IDI0SDE1LjJhNS42MiA1LjYyIDAgMCAwLTQuNTggMi40Mkw4Ljc0IDE4LjFsLS4xLS4xYTIuNDcgMi40NyAwIDAgMC0yLTEuMTZoLS4yMmExNiAxNiAwIDAgMSAxNi0xNS4yek0xMyAyOC43NWEzIDMgMCAwIDEtMS40Ni0uNzUgNCA0IDAgMCAxIDMuNjYtMi40aDE3LjZhNCA0IDAgMCAxIDMuNzEgMi41NCAzIDMgMCAwIDEtMS44OC42NkgxMy41NmEzLjIyIDMuMjIgMCAwIDEtLjU2LS4wNXpNOS43NiA0NGgtLjU4bC41NC01LjZIMTF6bTI4LjQ4IDBMMzcgMzguNGgxLjI4bC41NCA1LjZoLS41OHptOC4wOC0yMy43MWwtNS41IDE1LjIzYTEuNzIgMS43MiAwIDAgMS0xLjY2IDEuMjhIOC44M2ExLjc1IDEuNzUgMCAwIDEtMS42OC0xLjM0TDEuNjcgMTkuNThhLjg1Ljg1IDAgMCAxIC43OS0xLjE4aDQuMmEuOTIuOTIgMCAwIDEgLjYuNGwxLjggOGE0LjYxIDQuNjEgMCAwIDAgLjY3IDEuNTVsLjI3LjI5YTQuNTUgNC41NSAwIDAgMCAxLjU3IDEuMjhsLjIuMDguMzYuMTRhNC4yMSA0LjIxIDAgMCAwIC41NC4xNGguMjFhNC40NyA0LjQ3IDAgMCAwIC42OS4wNmgyMS4wNmE0LjQ2IDQuNDYgMCAwIDAgLjY5LS4wNmguMThhNC43OSA0Ljc5IDAgMCAwIC41OC0uMTVsLjI1LS4xLjMzLS4xNS40MS0uMjMuMjgtLjE5LjI3LS4yMWEzLjE1IDMuMTUgMCAwIDAgLjI1LS4yM2wuMjMtLjIzLjIyLS4yNGE0LjYzIDQuNjMgMCAwIDAgLjgyLTEuNzFsMS41OC02LjdhMS4yNyAxLjI3IDAgMCAxIDEuMjMtLjk1aDMuNzFhLjczLjczIDAgMCAxIC42My4zNC43Ni43NiAwIDAgMSAwIC43NXptMCAwIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTQuNjMgMTYuNTdhLjguOCAwIDAgMCAxLjEzIDBsLjc0LS43NGEyLjQgMi40IDAgMCAwIDIuMiAwbC43NC43NGEuNzkuNzkgMCAwIDAgMS4xMyAwIC44LjggMCAwIDAgMC0xLjEzbC0uNzMtLjczYTIuNSAyLjUgMCAwIDAgMC0yLjJsLjczLS43M2EuOC44IDAgMSAwLTEuMTMtMS4xM2wtLjc0LjczYTIuNDkgMi40OSAwIDAgMC0yLjIgMGwtLjc0LS43M2EuOC44IDAgMCAwLTEuMTMgMS4xM2wuNzMuNzRhMi40OSAyLjQ5IDAgMCAwIDAgMi4ybC0uNzMuNzRhLjguOCAwIDAgMCAwIDEuMTN6bTMuNi0zLjZhLjg5Ljg5IDAgMSAxLS42My0uMjYuODkuODkgMCAwIDEgLjYzLjI2em0wIDAiLz48L3N2Zz4=) center no-repeat transparent; 
}
.bullet-points .editorial:before {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1My43NiA0Ny42NCI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogIzQ0NDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHRpdGxlPnBhbW9uby1hPC90aXRsZT4KICA8ZyBpZD0iX0dyb3VwXyIgZGF0YS1uYW1lPSIgR3JvdXAgIj4KICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTQuNDMsMzdMMjIuNzUsOS4xOSwxOCw0My43NVpNMjYuMTYsNi44TDQ4LjU3LDM5LjI2LDIxLDQ0LjE5Wm0tMS02LjhMMCwzOC4yM2wxOSw5LjQxLDM0LjgxLTYuMjJaIi8+CiAgPC9nPgo8L3N2Zz4K) center no-repeat transparent;
}
.intro-module .bullet-points .shipping:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NiA0NiI+CiAgPHBhdGggZmlsbD0iIzQ0NCIgZD0iTTIzIDFMMS43IDkuN3YyMy4xTDI0IDQ1bDIwLjMtMTJWOUwyMyAxem0wIDIuMWwxOCA2LjgtNi44IDMuNy0xOC4xLTcuN0wyMyAzLjF6TTI0LjIgMTlMNS40IDEwLjMgMTMuNSA3IDMyIDE0LjcgMjQuMiAxOXpNMy43IDExLjdsMTkuMyA5djIxLjZMMy43IDMxLjZWMTEuN3ptMjEuMiAzMC41VjIwLjhsNy43LTQuMlYyM2gxLjl2LTcuNWw3LjctNC4ydjIwLjZMMjQuOSA0Mi4yeiIvPgo8L3N2Zz4=) center no-repeat transparent;
}
.intro-module .bullet-points .service:before {
    background: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA0MDUuNzUiPjxwYXRoIGZpbGw9IiMzMzMiIGQ9Ik01MDguNyAxMzQuMTNMMzc3Ljg3IDMuM2ExMS4yOSAxMS4yOSAwIDAgMC0xNiAwbC0zNC4zOCAzNC40M2ExMS4yOSAxMS4yOSAwIDAgMCAwIDE2bDQuNDUgNC40NUwzMTYuMTIgNzRjLTUuNjMgNS42My0xMi43MiA4Ljk0LTIyLjI3IDEwLjM4bC04OS45NS4xM2EyOC41NiAyOC41NiAwIDAgMC0xNi42NSA1LjM1bC03LjE1LTcuMTUgNC40MS00LjQxYTExLjI5IDExLjI5IDAgMCAwIDAtMTZsLTM0LjQyLTM0LjQ0YTExLjI5IDExLjI5IDAgMCAwLTE2IDBMMy4zMSAxNTguNjhhMTEuMjkgMTEuMjkgMCAwIDAgMCAxNmwzNC40MyAzNC40M2ExMS4yOSAxMS4yOSAwIDAgMCAxNiAwbDMuNzItMy43Mkw3NCAyMjEuOTJBNTYuNDYgNTYuNDYgMCAwIDEgODYuNTUgMjQxbC42NCAxLjZhNzguODkgNzguODkgMCAwIDAgMTcuNTcgMjYuNjRsMTI2Ljg1IDEyNi44M2EzMy4xNSAzMy4xNSAwIDAgMCA1NC4xNC0xMSAzMy4yIDMzLjIgMCAwIDAgNDMuNzEtMTcgMzMuMiAzMy4yIDAgMCAwIDQ1LTQ0Ljk0IDMyLjYxIDMyLjYxIDAgMCAwIDkuOTMtNi44bC4xLS4xYTMzLjMxIDMzLjMxIDAgMCAwIDAtNDcuMDZsLS44Mi0uODJMNDA1IDI0N2M2LjM1LTYuMzUgMTUuMzUtMTcuNzMgMTkuOC0yOC44N2wuNjgtMS42N2E1Ni40NSA1Ni40NSAwIDAgMSAxMi41OC0xOS4wNWwxNi41Ny0xNi41NyAzLjY5IDMuNjlhMTEuMjkgMTEuMjkgMCAwIDAgMTYgMGwzNC40My0zNC40M2ExMS4yOCAxMS4yOCAwIDAgMC0uMDUtMTUuOTd6bS00NjMgNTFsLTE4LjQ1LTE4LjQ2TDE0Mi4xMSA1MS44MWwxOC40NyAxOC40N3pNMzY4LjU1IDMwMC4ybC0uMS4xYTEwLjQzIDEwLjQzIDAgMCAxLTE0LjkxLS4xMmwtNjYtNjUuNTNhMTEuMjkgMTEuMjkgMCAwIDAtMTYgMTZzODEuNzkgODEuNyA4Mi4yNiA4MmExMC43MSAxMC43MSAwIDAgMS0xLjE5IDEzLjcgMTAuNTUgMTAuNTUgMCAwIDEtMTQuOTEgMGwtODcuMzktODYuOTNhMTEuMjkgMTEuMjkgMCAxIDAtMTYgMTZsNzMuNzUgNzMuNzVhMTAuNyAxMC43IDAgMCAxLTEuNjMgMTMgMTAuNTQgMTAuNTQgMCAwIDEtMTQuOTEgMGwtODEuMTktODAuNzNhMTEuMjkgMTEuMjkgMCAxIDAtMTYgMTZsNjkuNjIgNjkuNjJhMTAuNyAxMC43IDAgMCAxLTEuNjMgMTMgMTAuNTUgMTAuNTUgMCAwIDEtMTQuOTEgMEwxMjAuNzIgMjUzLjI1YTU2LjQ1IDU2LjQ1IDAgMCAxLTEyLjU3LTE5LjA2bC0uNjQtMS42QTc4LjkyIDc4LjkyIDAgMCAwIDg5Ljk1IDIwNmwtMTYuNTctMTYuNjEgOTAuNzYtOTAuNzYgMTEuMiAxMS4yYTI4Ljg5IDI4Ljg5IDAgMCAwLS4yMiAzLjM4di4zMWMuNTQgMjMuMjkgMTkuNzIgNDIuMjcgNDIuODEgNDIuMjdoMjEuMjJMMzY4LjUyIDI4NS4xYTEwLjcxIDEwLjcxIDAgMCAxIC4wMyAxNS4xem01My41NC0xMTguNzZBNzguNzggNzguNzggMCAwIDAgNDA0LjU1IDIwOGwtLjY4IDEuNjdjLTIuNTYgNi40MS04LjY2IDE1LjE5LTE0LjgzIDIxLjM2bC0yMS4zNCAyMS4zNC01OS45Mi01OS45MmE5Ny4yNyA5Ny4yNyAwIDAgMCAyNi0zLjkyIDYuNzkgNi43OSAwIDAgMCA0LjA4LTkuNTdsLTQuMTEtOC4xNGE2Ljc4IDYuNzggMCAwIDAtNy44Ni0zLjVjLTcuMyAyLTIyLjA3IDQuNS00MyAuMjFsLTMxLTMxLS4xMi4xMmExMS4zOSAxMS4zOSAwIDAgMC04LTMuMmwtMjUuODYtLjExYy0xMC44MyAwLTE5Ljg1LTkuMTktMjAuMTktMjAuMjRhNi4zMiA2LjMyIDAgMCAxIDYuMjItNi4xMWw5MC43Ni0uMTNhMTEuMiAxMS4yIDAgMCAwIDEuNTMtLjExYzE0LjgzLTIuMDUgMjYuNTctNy41NyAzNS44Ny0xNi44OGwxNS44LTE1Ljc3IDkwLjc2IDkwLjc2em00NC4yLTIwLjg2TDM1MS40MyA0NS43MWwxOC40Ny0xOC40NyAxMTQuODUgMTE0Ljg3eiIvPjwvc3ZnPg==) center no-repeat transparent;
}

.footer{ margin-top:80px;}
.footer .coop p{ font-size: 13px;

    color: #999999;
    margin-top: 80px; margin-bottom: 10px;}
.footer .coop p a{ color: #999999;}
.footer p.yhzz{ line-height: 2.2;}
.footer h6{ font-size:13px; font-weight: bold;color:#333; margin-bottom: 10px; margin-top: 20px;}
.footer h6.h66{ }
.footer ul li a {color:#666; font-size: 14px; line-height: 26px;}
.footer .gstore-badge {
    height: 44px;
}.footer  .appstore-badge {
    height: 30px;
    margin-right: 5px;
}
.footer .twitter {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NiA0NiI+PHBhdGggZmlsbD0iIzQ0NCIgZD0iTTIzIDFDMTAuOCAxIDEgMTAuOCAxIDIzczkuOCAyMiAyMiAyMiAyMi05LjggMjItMjJTMzUuMiAxIDIzIDF6bTEyLjQgMTQuNGMtLjIuMi0uNi44LTEuMiAxLjQtMS4xIDEuMS0xLjEgMS4yLTEuMSAyIDAgMS4yLS42IDQtMS4yIDUuNS0xLjIgMi42LTMuNiA1LjYtNi4xIDctMy40IDItNy45IDIuNi0xMS44IDEuNC0xLjItLjMtMy40LTEuNC0zLjQtMS42IDAgMCAuNi0uMiAxLjQtLjIgMS43IDAgMy40LS41IDQuOC0xLjRsMS4xLS42LTEuMS0uM2MtMS43LS41LTMuMS0xLjctMy40LTIuOC0uMi0uNSAwLS41LjktLjVoMS4xbC0uOS0uNWMtMS4xLS41LTItMS40LTIuNS0yLjMtLjMtLjgtLjgtMi4zLS42LTIuNSAwIDAgLjUgMCAuOC4yIDEuMi41IDEuNC4zLjgtLjMtMS40LTEuNC0xLjktMy42LTEuMS01LjVsLjMtLjkgMS4xIDEuMmMyLjUgMi4zIDUuMyAzLjcgOC42IDQuMmwuOS4ydi0uOWMtLjItMi4zIDEuMi00LjQgMy40LTUuMy44LS4yIDIuMi0uMyAzLjEgMCAuNS4yIDEuMS41IDEuNi44bDEuMS42LjktLjNjLjUtLjIgMS4yLS41IDEuNi0uNnMuNi0uMi42LS4yYzAgLjItLjYgMS4yLTEuMiAxLjktLjguOC0uNi45LjkuMy44LS4zLjgtLjMuNiAweiIvPjwvc3ZnPg==) center no-repeat transparent;
}.footer .facebook {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NiA0NiI+PHBhdGggZmlsbD0iIzQ0NCIgZD0iTTIzIDFDMTAuOCAxIDEgMTAuOCAxIDIzczkuOCAyMiAyMiAyMiAyMi05LjggMjItMjJTMzUuMiAxIDIzIDF6bTUuOSAxMy45aC0yLjNjLTEuNy4yLTEuNCAxLjctMS40IDEuN2wtLjIgMmgzLjlsLS41IDQuNEgyNXYxMi41aC01LjJWMjIuOGgtMi43di00LjJoMi43bC4yLTMuN2MuMi00LjQgNC44LTQuNCA0LjgtNC40aDQuMXY0LjR6Ii8+PC9zdmc+) center no-repeat transparent;
}.footer .pinterest {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NiA0NiI+PHBhdGggZmlsbD0iIzQ0NCIgZD0iTTIzIDFDMTAuOCAxIDEgMTAuOCAxIDIzczkuOCAyMiAyMiAyMiAyMi05LjggMjItMjJTMzUuMiAxIDIzIDF6bTEuOSAyNy41Yy0xLjQgMC0zLS44LTMuNC0xLjcgMCAwLS44IDMuMy0uOSA0LS42IDIuMi0yLjUgNC41LTIuNiA0LjctLjIgMC0uMyAwLS4zLS4yLS4yLS4zLS42LTMuMSAwLTUuNC4zLTEuMSAxLjktNy44IDEuOS03LjhzLS42LS45LS42LTIuM2MwLTIuMiAxLjItMy43IDIuOC0zLjcgMS4yIDAgMS45LjkgMS45IDIuMiAwIDEuNC0uOCAzLjMtMS40IDUuMS0uMyAxLjYuOCAyLjggMi4zIDIuOCAyLjYgMCA0LjUtMy42IDQuNS03LjYgMC0zLjEtMi01LjQtNS45LTUuNC00LjMgMC03IDMuMy03IDYuOCAwIDEuMi4zIDIgMS4xIDIuOC4yLjMuMy41LjIuOC0uMi4yLS4zLjgtLjMgMS4xLS4yLjMtLjUuNS0uOC4zLTItLjgtMy0zLTMtNS40IDAtNCAzLjQtOC45IDEwLjItOSA1LjQgMCA5IDQgOSA4LjIgMCA1LjUtMy4xIDkuNy03LjcgOS43eiIvPjwvc3ZnPg==) center no-repeat transparent;
}.footer .instagram {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NiA0NiI+PGcgZmlsbD0iIzQ0NCI+PHBhdGggZD0iTTIyLjkgMjguM2MyLjggMCA1LjItMi4yIDUuMi01IC4yLTIuOC0yLjItNS4yLTUtNS4ycy01IDIuMi01LjIgNWMwIDIuOCAyLjMgNS4yIDUgNS4yem05LTE1LjhoLTIuNGMtLjYgMC0uOS41LS45Ljl2Mi43Yy4yLjMuNS42LjkuNmgyLjRjLjUgMCAuOS0uNS45LS45di0yLjRjMC0uNC0uMy0uOS0uOS0uOXoiLz48cGF0aCBkPSJNMjMgMUMxMC44IDEgMSAxMC44IDEgMjNzOS44IDIyIDIyIDIyIDIyLTkuOCAyMi0yMlMzNS4yIDEgMjMgMXptMTIuNSAxMnYyMC40Yy0uMi45LS45IDEuOS0yIDJIMTIuOGMtMS4zLS4yLTItLjktMi40LTJWMTIuOGMuMi0xLjEuOS0yIDItMi40aDIwLjdjMS4zLjIgMi4yIDEuMSAyLjQgMi4ydi40eiIvPjxwYXRoIGQ9Ik0zMC44IDI0Yy0uMiAxLjEtLjUgMi4yLTEuMSAzLjFzLTEuNCAxLjctMi40IDIuNGMtMi40IDEuNi01LjcgMS43LTguMi4zLTEuMy0uNi0yLjItMS43LTMtMy0uOS0yLTEuMS00LjEtLjYtNi4xaC0yLjRWMzJjMCAuNS41LjkuOS45aDE3LjhjLjUgMCAuOS0uNS45LS45VjIwLjZoLTIuNGMuNSAxLjIuNiAyLjMuNSAzLjR6Ii8+PC9nPjwvc3ZnPg==) center no-repeat transparent;
}.footer .link {
    display: inline-block;
    text-indent: -200px;
    overflow: hidden;
}
.footer .links li{ float: left; margin-right: 10px;}
.footer .twitter,.footer .facebook,.footer .pinterest,.footer .instagram {
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
}
#commonNav{display:none;}
#commonNav .icon-center img{ display: none;}
#commonNav .icon-center { width:50px;height:45px;margin: 0 auto;}
#commonNav #mCommonHome .icon-center{ background:url("../images/shouye.png") no-repeat center center; background-size: cover;}
#commonNav a#mCommonType .icon-center{ background:url("../images/fenlei.png") no-repeat center center; background-size: cover;}
#commonNav a#mCommonCart .icon-center{ background:url("../images/gouwuche.png") no-repeat center center; background-size: cover;}
#commonNav a#mCommonMy .icon-center{ background:url("../images/wdl.png") no-repeat center center; background-size: cover;}



#commonNav a#mCommonHome.active .icon-center{background:url("../images/shouye2.png") no-repeat center center; background-size: cover;}

#commonNav a#mCommonType.toggle-open .icon-center{background:url("../images/fenlei2.png") no-repeat center center; background-size: cover;}

#commonNav a#mCommonCart.active .icon-center{background:url("../images/gouwuche2.png") no-repeat center center; background-size: cover;}

/*三种状态除了active还有login*/
#commonNav a#mCommonMy.active .icon-center{background:url("../images/wode2.png") no-repeat center center; background-size: cover;}
#commonNav a#mCommonMy.login .icon-center{background:url("../images/wode.png") no-repeat center center; background-size: cover;}
.wrap_top_2{ background: #fff;}
.wrap_top_2 .breadcrumbs{ -webkit-box-shadow: none; 
    box-shadow: none; margin-top:10px;   }
.xm-product-box {
    position: relative;
    z-index: 4;
    background: #fff;
  
    border-bottom: 1px solid #e0e0e0;
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.07);
    box-shadow: 0 5px 5px rgba(0,0,0,.07);
}.xm-product-box .nav-bar {
    position: relative;
    min-height: 63px;
    width: 100%;
    margin-top: 0;
    color: #616161;
}.xm-product-box .nav-bar h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    color: #424242;
    float: left;    line-height: 30px;
    padding: 15px 0;
}
.wrapproduct{ background:#fff;}
.mi-detail{ padding:30px 0;}
.mi-detail .my-bullet{width: 8px;
    height: 8px;
    display: inline-block;
    border: 2px solid #fff;
    border-color: hsla(0,0%,100%,.3);
    border-radius: 10px;
    overflow: hidden;
    background: rgba(0,0,0,.4);
    opacity: 1;
			
			
			background: #ccc;
    width: 50px;margin: 0 4px;cursor: pointer;
    border-radius: 0;
    border: 0;
    height: 3px;}
		.mi-detail .my-bullet.swiper-pagination-bullet-active {
			background: #a3a3a3;}
		.mi-detail .my-bullet:hover{background: #a3a3a3;}
		.mi-detail .my-bullet:focus,.swiper-button-next:focus, .swiper-button-prev:focus{outline: none;}
		.mi-detail .swiper{
		   --swiper-navigation-color: #ccc;/* 单独设置按钮颜色 */

  --swiper-navigation-size: 20px;/* 设置按钮大小 */}
.mi-detail .swiper-slide{ text-align:center; padding-bottom: 30px;}
.mi-detail .swiper-slide img{max-width: 80%; max-height: 80%; text-align: center;}

.detail-info h2 {
    margin: 0;
    padding: 0;
    font-size: 24px;
    font-weight: 400;line-height: 1.4;
    color: #212121;
}
.detail-info .sale-desc  {
    color: #b0b0b0;
    margin: 0;
    padding: 0;
    padding-top: 8px;
    line-height: 1.5;
}
.detail-info .company-info {
    color: #ff6700;
    margin-bottom: 0;
}.detail-info .price-info span  {
    display: inline-block;
}.detail-info .price-info {
    display: block;
    font-size: 18px;
    line-height: 1;
    color: #ff6700;
    padding: 12px 0 10px;
}
.detail-info .price-info del {
    font-size: 14px;
    margin-left: 5px;
    color: #b0b0b0;
}.detail-info .else-info{   font-size: 14px;
    margin-left: 5px;
    color: #b0b0b0;}.line {
    margin-top: 12px;
    border-bottom: 1px solid #e0e0e0;
}.detail-info .address-box{
    margin: 20px 0;
}.product-address {
    padding: 30px 50px;
    position: relative;
    background: #fafafa;
    border: 1px solid #e0e0e0;
}.product-address {
    padding: 20px 50px;
    position: relative;
    background: #fafafa;
    border: 1px solid #e0e0e0;
}.product-address .address-info, .product-address .edit {
    display: inline-block;
}.product-address span {
    display: inline;
    margin-right: 14px;
}.product-address .edit {
    color: #ff6700;
    margin: 0;
}.product-address .info{
    color: #b0b0b0;
}.product-address .info span {
    color: #ff6700;
    margin: 0;
}
.product-address .fa {
    position: absolute;
    left: 20px;
    top: 26px;
    font-size: 20px;
    color: #999;
}
.buy-option .batch-box, .buy-option .buy-box-child, .buy-option .buy-box-mode {
    margin-bottom: 20px;
    position: relative;
}.buy-option .title {
    font-size: 18px;
}.mi-detail ul {
    margin: 0;
    padding: 0;
}.buy-option li {
    margin-right: 12px;
    margin-top: 10px;
    line-height: 42px;
    height: 42px;
    position: relative;
    border: 1px solid #e0e0e0;
    list-style: none;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    float: left;
    width: 290px;
    font-size: 16px;
    text-align: center;
}.buy-option li.active, .buy-option li:hover {
    z-index: 3;
    border-color: #ff6700;
}.buy-option li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
}.buy-option li.active a, .buy-option li:hover a {
    color: #ff6700;
}.buy-option li:nth-child(2n) {
    margin-right: 0;
}.selected-list {
    background: #f9f9fa;
    padding: 20px;
    margin-bottom: 30px;
}.selected-list ul {
    padding: 0;
    margin: 0;
}.selected-list ul li {
    list-style: none;
    line-height: 30px;
    color: #616161;
}.selected-list ul li:first-child {
    margin-top: 0;
}.selected-list ul li del, .selected-list ul li span {
    float: right;
}.selected-list ul li del {
    margin-left: 5px;
}.selected-list .total-price {
    color: #ff6700;
    font-size: 24px;
    padding-top: 20px;
}.btn-box {
    margin: 10px 0 20px 0;
}.sale-btn {
    display: inline-block;
    margin-right: 10px;
}.btn-primary {
    background: #ff6700;
    border-color: #ff6700;
    color: #fff;
}.sale-btn .btn {
    width: 260px;
    height: 52px;
    line-height: 52px; padding: 0;
    font-size: 16px;
}.after-sale-info span{
    display: inline-block;
}.after-sale-info a{
    display: inline-block;
    margin-right: 15px;
    line-height: 30px;
    margin-bottom: 10px;
    cursor: default;
    white-space: nowrap;
    color: #b0b0b0;
}.after-sale-info a i{
    font-size: 20px;
    display: inline-block;
    font-style: normal;
    vertical-align: middle;
}.after-sale-info a em{
    font-style: normal;
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}

.breadcrumbs {
    height: 40px;
    font-size: 12px;
    line-height: 40px;
  
    color: #757575;
	border-bottom: 1px solid #efefef; 	    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.03);
    box-shadow: 0 3px 5px rgba(0,0,0,.03);    position: relative;
    z-index: 4;
}
.page-main .container {
    width: 100%;
}.breadcrumbs a {
    color: #757575;
}.breadcrumbs .sep {
    margin: 0 .5em;
    color: #b0b0b0;font-family: sans-serif;
}
.search-container{ }
.search-container {
   /* background: #fff;*/
}
.search-container .container .search-filter{background: #fff;}


.search-container .search-filter .filter-wrap {
    margin: auto;
  
    padding: 18px 0;
}
.search-container .search-filter .filter-list {
    position: relative;
}
.search-container .search-filter .filter-list .item {
    position: relative;
    overflow: hidden;
    
    padding: 0 60px 0 20px;
    margin: 0;
    list-style: none;
    font-size: 0;
}.search-container  .search-filter .filter-list .label, .search-container .search-filter .filter-list .more-btn {
    position: absolute;
    height: 20px;
    line-height: 20px;
    padding: 14px 0;
    font-size: 14px;
}
.search-container  .search-filter .filter-list .label{
    top: 0;
    left: 0;
    color: #b0b0b0;
}
.search-container .search-filter .filter-list .item.choose-item{
    padding-bottom: 14px;
}.search-container .search-filter .filter-list .item:first-child {
   border-bottom: 1px solid #ededed; margin-bottom: 10px;
}
.search-container  .search-filter .filter-list .item li {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #424242;
    font-size: 14px;
    width: auto;
    padding: 14px 0;
    height: 20px;    box-sizing: content-box;
    line-height: 20px;
}
.search-container  .search-filter .filter-list .item .selected-item {
    height: auto;
    width: auto;
    margin: 6px 14px 6px 0;
    padding: 0;
}
.search-container  .search-filter .filter-list .item a {
	padding: 0 20px;
    width: auto;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #424242;
}

.search-container  .search-filter .filter-list .item .selected-item a {
    position: relative;
    border: 1px solid #b0b0b0;
    display: inline-block;
	max-width: 160px;
    padding: 5px 37px 5px 10px;
}

.search-container .search-filter .filter-list .item .selected-item a .iconfont {
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    background-color: #b0b0b0;
    color: #fff;
}
.search-container .search-filter .filter-list .item.show-less {
    min-height: 48px;
}


.search-container  .search-filter .filter-list .item .active a {
    color: #f40;
}.search-container .search-filter .filter-list .item .selected-item a:hover {
    color: #f40;
    border: 1px solid #f40;
}.search-container  .search-filter .filter-list .item .selected-item a:hover .iconfont {
    background-color: #f40;
}
.wraplist .wrap_right{ padding-right: 15px;
    padding-left: 15px; width: 100%;height: auto; min-height: 530px;}
.youlikelist .youlikeright{ width: 100%;}
.wraplist .wrap_right ul{    margin-left: -10px;}
.youlikelist .youlikeright{ padding:0;padding-right: 15px; 
    padding-left: 15px; width: 100%; background: none;height:auto;}
.youlikelist .youlikeright .youlikeright_wrap{ background: #fff; padding:20px 10px; margin-top: 30px; }
.youlikelist .youlikeright .youlikeright_wrap:after{ content: " "; display: block; clear:both;}

.wraplist .wrap_right ul li{height:280px;}
.wraplist .flags { margin-top: 10px; font-size:12px}
.wraplist .flags .new-label{
    display: inline-block;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #83c44e;
		border:1px solid #83c44e;
    border-radius: 2px;
    text-align: center;
    font-weight: 300;
    font-size: 12px;
    color: #fff;
	line-height: 12px;

    vertical-align: top;
    padding: 3px;
    margin: 0 2px;
}
.wraplist .flags .new-label_c{
    display: inline-block;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff;
	border:1px solid #5D4037;
    border-radius: 2px;
    text-align: center;
    font-weight: 300;
    font-size: 12px;
    color: #5D4037;
	line-height: 12px;
    vertical-align: top;
    padding: 3px;
    margin: 0 2px;
}
.mi-pagenav{
    height: 30px;
    padding: 15px 0;
    text-align: center;
	margin: 30px 0 60px; 
}
.mi-pagenav .numbers {
    display: inline-block;
    width: 48px;
    height: 24px;
 
    margin: 0 5px;
    font-size: 18px;
    font-weight: 200;
    line-height: 24px;
    color: #b0b0b0;
}.mi-pagenav .current{
    background-color: #757575;
    color: #fff;
}.mi-pagenav a.numbers{
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}.mi-pagenav a.numbers:hover {
    background: #b0b0b0;
    color: #fff;
}
.info-detail { font-size:13px; padding-top: 30px;padding-bottom: 30px;}
.info-detail  .section-title {
    font-size: 16px;
    border-bottom: 2px solid #aad5df;
    margin: 10px auto 22px;
    padding-bottom: 10px;
    display: inline-block;
}
.info-detail p,ul,li{ margin-bottom:5px;}
.info-detail table{ width:100%;}
.info-detail .properties th {
  width: 20%;
}
.product-description { margin-bottom:5px;}
.info-detail  .delivery-details, .info-detail .designer-description,.info-detail .properties {
    margin: 20px 0;
}
/*k12hack*/
.bgcolor2{background:#5D4037 !important;}
.bgcolor2:hover {
    background: #5D4037 !important;
}
@media (min-width: 1200px){.mega-menu ul li{    padding: 0 22px; margin-bottom: 0;}
	.wrap1 .desa{display: none;}
	.wrap_left_rom{display: block;}
	
}
@media (max-width: 1199px){
	.wrap_left,.wrap_right{float:none; width: 100%;}
	.wrap_right ul{margin-left: -10px;}
	.wrap_left{height:35px; padding: 0 15px 15px;;}
	.duiqibanner{border:none;}
	.banner .mySwiper{ display: none;}
	.banner .mySwiper2{     width: 100%;
    height: auto;
    box-sizing: border-box;
    float: none;
    border: 3px solid #fff;
    margin: 20px auto;
    border-radius: 15px;}
	.youlike .youlikeleft{width: 100%;}.tubiaoitem{width:25%;overflow: hidden; }
	.tubiaoitem{ position: relative;}
	.tubiaoitem:before{ content:" "; display: block;height:60%; position: absolute;top:20%;border-left: 1px solid #9AA899; width: 0px; right:0; }
		.youlike .swiper-slide a{border-radius:10px;}
.tubiaoitem:last-child:before{display: none;}
	.tubiaoitem a{display: inline-grid;}
	.tubiaoitem a img{ max-width: 100%;}
	.sigetubiao:before,.sigetubiao:after{ display:none;}.tubiaoitem{height:100%;}
	.sigetubiao{height:110px;}
	.youlike .youlikeleft{ border-radius: 10px;    overflow: hidden; float: none;}
		.youlike .mtop10{margin-top:0;}
	.youlike .youlikeright{ margin-top: 20px; float: none; width: 100%; border-radius: 10px; }
	
	.youlikelist .youlikeright_wrap{border-radius: 10px;}
	.youlike .swiper-pagination-youlike{top:0;}
	.wrap_right ul li a{border-radius: 10px;}
	.aboutus .intro-module{border-radius:15px;}
	
}.order-list-box {
    position: relative;
    height: 30px;
    margin: 20px 0;
}
.order-list-box .order-list{
    float: left;
    height: 30px;
    line-height: 30px;
}
.order-list-box .order-list li{
    float: left;
	margin-top: 5px;
    padding: 0 30px;
    border-left: 1px solid #e0e0e0;
    line-height: 20px;
}
 .order-list-box .order-list li:first-child {
    border-left: none;
}

.order-list-box .order-list li a{
    color: #424242;
    -webkit-transition: color .2s;
    transition: color .2s;
}.order-list-box .order-list li.active a{
    color: #ff6700;
}

.order-list-box .order-list li a{
    color: #424242;
    -webkit-transition: color .2s;
    transition: color .2s;
}
.order-list-box .order-list i{
    font-size: 16px;
    line-height: 16px;
    vertical-align: -1px;
	margin-left: 5px;
}
.order-list-box .type-list{
    float: right;
    height: 30px;
    line-height: 30px;
}.order-list-box .type-list li{
    float: left;
    margin-left: 30px;
}
.order-list-box .type-list a{
    color: #424242;
    -webkit-transition: color .2s;
    transition: color .2s;
}.order-list-box .type-list .checkbox{
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    vertical-align: -2px;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
}.order-list-box .type-list .checkbox i{
    visibility: hidden;
}.order-list-box .type-list .checkbox-checked{
    background-color: #ff6700;
    border-color: #ff6700;
    color: #fff;
}.order-list-box .type-list .checkbox-checked i{
    visibility: visible;
}
.fenleixuanze{margin:20px auto; padding-left:30px;}
.fenleixuanze a{padding: 5px 10px; margin-right: 15px; border:1px solid #ccc; border-radius: 10px; color:#5D4037;}
.fenleixuanze a i{margin-right: 10px;}
@media (max-width: 991px){
	.wrap_right ul li{width: 50%;}
	.topbox .logo{width:100%;text-align:center;}
	.topbox .search-form{ margin-left: 0; margin-top: 0;}
	.banner .mySwiper2{     width: 100%; }
	.banner .row{ margin:0;}
	.banner .swiper-button-next:after,.banner  .swiper-rtl .swiper-button-prev:after,.banner  .swiper-button-prev:after,.banner  .swiper-rtl .swiper-button-next:after{ font-size:100%;}
		.tubiaoitem a{font-size:12px;}
	.tubiaoitem a img{height:30px}
	.mySwiper-youlike .swiper-slide{width:50%;}
	.aboutus .intro-module{ padding:20px 40px;}.intro h2{ line-height: 1.5;}
	.footer {text-align: center;}
	.footer .links li{    padding: 0 10px;
    display: table-cell; float: none;}
	  .footer .links  {display: table;
	margin: 0 auto;}
	.footer .coop p{ margin-bottom: 60px;}
	#commonNav{display:block; width: 100%;overflow: hidden;}
	.breadcrumbs{ margin-top: 25px; background: none;}
	.breadcrumb{ margin-top: 25px; background: none;}
	.breadcrumbs .container .breadcrumbs_wrap{ background: #fff;border-radius: 10px; padding: 5px 10px;  border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-bottom: 1px solid #efefef;}
	.search-container .search-filter .filter-list .item {
 padding: 0 20px 0 44px;}
	.search-container{ background: none;}
	.search-filter{background: #fff;border-radius: 10px; /*border-top-left-radius: 0;border-top-right-radius: 0;*/ padding: 5px 10px;}
	.breadcrumbs{ height: auto;-webkit-box-shadow:none;border-bottom: none;
    box-shadow: none;}
}

@media (max-width: 768px){.mobleshowp{display: block;}


}
@media (max-width: 650px){.mySwiper-youlike .swiper-slide{width:100%;  padding:0;} .wrap_right ul li a img{width:100px;height:100px;}.wrap_right ul li h3{font-size:12px;} .wrap_right ul li p{ font-size:12px;} .wrap_right ul li a{padding:20px 0;}
	.convenient .image-container{width:100%; margin-bottom: 20px; font-size:12px;}.intro p{5px auto 25px auto;}.aboutus .intro-module    {padding: 20px 20px;
}
	.search-container .search-filter .filter-list .item .selected-item{ margin: 6px 6px 0px 0;}.search-container .search-filter .filter-list .item:first-child{ margin-bottom: 0;}.search-container .search-filter .filter-list .item li{}
.bullet-points .b-p-icon{width:100%;}.bullet-points{ margin-top: 10px;}
	.search-container .search-filter .filter-list .item a{padding:0 5px;}
	.order-list-box{height: auto;}.fenleixuanze{ margin: 10px auto 20px;}
	.order-list-box .order-list,.order-list-box .type-list{float:none; width: 100%; }
	.order-list-box .order-list li {
    float: left;
    padding: 0 0px; text-align: center;
		width: 25%;}
	
	.mi-pagenav .numbers{ display: none;}
	.mi-pagenav .numbers.first,.mi-pagenav .numbers.current,.mi-pagenav .numbers.fina,.mi-pagenav .numbers.last,.mi-pagenav .numbers.more{ display: inline-block;}
}
@media (max-width: 374px){
		
	.sigetubiao{height:130px;}
}

#commonNav {
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 31;
    box-sizing: border-box;
    width: 100%;
    list-style: none;
    background-color: #fff;
    box-shadow: 0 0 10px 0 hsla(0,6%,58%,.6);
    -webkit-box-shadow: 0 0 10px 0 hsla(0,6%,58%,.6);
    -moz-box-shadow: 0 0 10px 0 hsla(0,6%,58%,.6);
    font-size: 16px;
}
#commonNav > a {
    position: relative;
    width: 20%;
    height: 3em;
    box-sizing: border-box;
    float: left;
    font-size: 16px;
    background-color: transparent;
    text-align: center;
}
#commonNav .icon-center {

    background-color: transparent;
    z-index: 1;
}
#commonNav .icon-center img {
    
    width: 3.6em;
}
.borderrad15_imgwrap{ border-radius: 15px; overflow: hidden;width: 100%;height:auto; text-align: center; margin: 25px 0; border:1px solid #ccc;}
.borderrad15_imgwrap img{max-width: 100%;height:auto;}

@media screen and (max-width: 640px){
	.item-main-img .col-md-3{ text-align: center; margin: 10px 0;}
	.search-container .search-filter .filter-wrap .fenleimain{ display: none; /*border-top:1px solid #ededed;*/padding-bottom: 14px;}
	.search-container .search-filter .filter-wrap .fenleimain:after{ content: " "; display: block;clear: both;}
	.search-container .search-filter .filter-list .item:first-child{border: none;}
	.search-container .search-filter .filter-wrap{padding-bottom: 0;}
	.mi-detail .swiper-slide img{max-width: 80%; max-height: 80%; text-align: center;}
	.selected-list ul li del, .selected-list ul li span{float: none;
    display: inline-block;}
	.info-detail .properties th {
  width: 30%;
}
#commonNav > a {
   
}
#commonNav .icon-center {
    font-size: 16px;

}
}
@media screen and (max-width: 1024px){
#commonNav .icon-center img {
  
}
#commonNav .icon-center img {
   
}

}
.swsitem-right p span{height: 48px;overflow: hidden; }
.swsitem-right p span.jiage{height:auto;}
.wrap_right ul li h3{height: 45px; overflow: hidden;margin-top: 15px; margin-bottom: 15px;padding: 0 15px;
}

@media(max-width: 650px){.wrap_right ul li h3{height:36px;}}
.mega-menu ul{
    margin-bottom:0;
}