/*头部*/
.sameWideContainer {
    padding: 1rem 2rem;
    background-color: #fff;
}
/*nav start*/
.navWrap .topNav {
    position: fixed;
	z-index: 10;
    top: 2rem;
    display: flex;/*关键*/
    width: 100%;
    height:6rem;/*固定nav的高度*/
    padding: 1rem 2rem;/*6=4+1+1*/
	box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.125);
	background-color: #fff;
}
.navWrap .topNav .desk-logo {
    display: block;
    font-family:'Montserrat Alternates',"Montserrat",sans-serif,Helvetica,Georgia;
    font-size:1.9rem;
    font-weight:400;
    background-color: transparent;
}
.navWrap .topNav .desk-logo:hover {
	color:#000;
}
.navWrap .topNav .desk-logo span{
    line-height:4rem;/*核心部分高*/
    margin-right:1rem;
	letter-spacing: -2px;
}
.navWrap>.topNav>.menuNav,
.navWrap .topNav .otherMenuNav {
	position: relative;
	line-height: 4rem;/*核心部分高*/
	line-height: calc(4rem - 3px);
	line-height: 4.2rem;
    margin: 0 0 0 1.5rem;
    padding: 0;
	flex-shrink: 0;
    border-bottom: 0px solid transparent;/*动画效果*/
    transition-duration: 0.25s;
    transition-property: border-bottom-width;
    transition-timing-function: ease-out;
}
/*.navWrap .topNav .rightMenuNav{
	line-height: calc(4rem - 3px);
	line-height: 4.2rem;
	margin: 0 1.5rem;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
}*/
/*.navWrap .topNav .same-toggle-origin.contactus{
	margin-right:2.5rem;
}*/
.navWrap .topNav .otherMenuNav a {
	display: block;
	line-height: calc(4rem - 3px);
	line-height: 4.2rem;
}
/*.navWrap .topNav .otherMenuNav a:hover,*/
.navWrap .topNav .otherMenuNav.current a {
	color: #00d87e;
}
.navWrap .topNav .otherMenuNav.current {
	border-bottom: 3px solid #00d87e;
}
.navWrap .topNav .menuNav:hover {
    cursor: pointer;
}
.navWrap>.topNav>.menuNav.open {
	color: #00d87e;
    /*border-bottom: 3px solid #00d87e;*/
}
.navWrap .topNav .menuNav svg.head_arrow {
	/*margin-left:0.5rem;*/
	width:0.75rem;
	height:0.6rem;
	-webkit-transition: -webkit-transform 0.2s ease-out;
    -moz-transition: -moz-transform 0.2s ease-out;
    -o-transition: -o-transform 0.2s ease-out;
    -ms-transition: -ms-transform 0.2s ease-out;
}
.navWrap .topNav .menuNav.open svg.head_arrow{
	-webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    -webkit-transition: -webkit-transform 0.2s ease-out;
    -moz-transition: -moz-transform 0.2s ease-out;
    -o-transition: -o-transform 0.2s ease-out;
    -ms-transition: -ms-transform 0.2s ease-out;
}
.navWrap .topNav .menubox {
    position: absolute;
    top: 5rem;
	left: -2rem;
	display: flex;
	flex-flow: row nowrap;
	width: 50rem;
    background-color: #fff;
}
.navWrap .topNav .menubox {
    overflow: hidden;
    transition-duration: 0.5s;/*动画效果*/
    transition-property: max-height;
    transition-timing-function: ease-out;
}
.navWrap .topNav .menubox.open {
    display:block;
	height:auto;
    box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.125);
}
.navWrap .topNav .menubox.itemOne {/*自定义第一个menubox*/
	width:70rem;
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}
.navWrap .navItemBox {
    display: flex;
    /*margin-left: auto;决定了这个item float right*/
	justify-content: flex-end;
}
.navWrap .navItemBox .bag-icon,
.navWrap .navItemBox .user-icon {
	display:flex; 
}
.navWrap .navItemBox .bag-text,
.navWrap .navItemBox .login-text {
	display:block;
	margin-top:.5rem;
}
.navWrap .navItemBox .navItem {
	position:relative;
    flex-shrink: 1;
}
.navWrap .navItemBox .same-cart,
.navWrap .navItemBox .same-nav-user {
	margin-left:2.5rem;
}
.navWrap .navItemBox .same-cart a {
	border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
}
.navWrap .navItemBox .same-nav-user a {
	border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
}
.navWrap .navItemBox .same-nav-user a.head-pass-button{
	border-radius: 2rem;
}
.navWrap .navItemBox .searchButton {
    display: flex;
    float:left;
    height:4rem;
	margin-right:1.5rem;
    justify-content: center;
    text-align: center;
	align-items: center;
}
.navWrap .navItemBox .navItem a.sameUser:link, 
.navWrap .navItemBox .navItem a.sameUser:visited,
.navWrap .navItemBox .navItem a.sameCart:link, 
.navWrap .navItemBox .navItem a.sameCart:visited {
    display: flex;
    flex-shrink: 1;
    height: 4rem;
    max-width:6rem;
    /*min-width:5rem;*/
	justify-content: center;
    text-align: center;
	align-items: center;
	/*background-color: #00d87e;*/
	/*background: linear-gradient(45deg,#00d87e,#00db99);*/
}
.navWrap .navItemBox .navItem a.sameUser:hover,
.navWrap .navItemBox .navItem a.sameCart:hover{
	color:#000;
}
.navWrap .topNav .sameSearch {
    position: relative;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.navWrap .topNav .sameSearch>form {
	position:relative;
	margin-left:2rem;
}
.navWrap .topNav .same-search-input {
    min-width: 32rem;
    height: 4rem;
    line-height: 4rem;
    padding-left: 0.8rem;
    border: 2px solid #00db99;
	border-radius:2rem;
}
.navWrap .topNav .same-search-input:focus{
	outline:none;
}
.navWrap .topNav .same-search-input::placeholder {
    font-style: italic;
    color: #9b9b9b;
}		
.navWrap .topNav .same-search-input::-webkit-input-placeholder {
    font-style: italic;
    color: #9b9b9b;
}
.navWrap .topNav .same-search-input:-ms-input-placeholder {
    font-style: italic;
    color: #9b9b9b;
}
.navWrap .topNav .same-search-input::-moz-placeholder {
    font-style: italic;
    color: #9b9b9b;
}

.navWrap .topNav .sameSearch button {
    text-transform: none;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    background-color:transparent;
}
.navWrap .topNav .same-search-icon {
    position: absolute;
    fill: #3d4246;
    right:.625rem;
    top:1.313rem;
    cursor: pointer;
}
.navWrap .topNav .nav-search-suggest {
    position: absolute;
	z-index:16;
    top:4.1rem;
    background-color: #fff;
	box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.125);
	border-radius: 0.5rem;
}
.navWrap .topNav .nav-search-suggest .hot,
.navWrap .topNav .nav-search-suggest .history {
    padding: 0.75rem 0 0.6rem 0.75rem;
}
.navWrap .topNav .nav-search-suggest .hot h2,
.navWrap .topNav .nav-search-suggest .history h2
 {
    font-size: 0.75rem;
    line-height: 0.75rem;
    margin-bottom: 0.5rem;
    font-weight: bold;
}
.navWrap .topNav .nav-search-suggest .hot .hot-item {
    display: inline-block;
    cursor: pointer;
	border-radius:0.75rem;
	-webkit-border-radius:0.75rem;
    -moz-border-radius:0.75rem;
    padding: 0.25rem 0.75rem;
    line-height: 1rem;
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
    font-size:0.725rem;
    color: #545c63;
	background-color: rgba(84,92,99,0.15);
}
.navWrap .topNav .nav-search-suggest .hot .hot-item:hover {
	background-color: rgba(84,92,99,0.1);
}
.navWrap .topNav .nav-search-suggest .hot .hot-item {
	font-style: italic;
}
/*login area start*/
.hoverSpace {
    position: absolute;
    z-index: 9;
	top: 4rem;
	width: 5rem;
    height: 3rem;
    background-color: transparent;
}
.nav-user-drop{
	display: none;
    position: absolute;
    top: 5rem;
	right: -2rem;
	background-color: #fff;
	box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.125);
	overflow-y: auto;
    overflow-x: hidden;
	padding-left: .5rem;
    padding-right: .5rem;
	padding-bottom: 1rem;
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}
.nav-user-drop>.user-wrap {
    margin: 0.5rem 1rem;
}
.nav-user-drop>.user-wrap #profile-auth {
	width: 12rem;
}
#profile-auth .profile {
    display: block;
	height: 1.25rem;
    line-height: 1.25rem;
    padding: 0 0.8rem;  
}
.nav-user-drop>.user-wrap .account-li {
    line-height: 1.2rem;
    font-size: 0.875rem;
	cursor: pointer;
}
.nav-user-drop>.user-wrap .account-li .account-li-a {
	display:block;
    width: 100%;
	height: 1.875rem;
    font-size: 0.875rem;
	padding: 0 1rem;
    margin: 0.375rem 0;
    -ms-flex-align: center;
    align-items: center;
    min-height: 1.875rem;
	vertical-align: middle;
}
.nav-user-drop>.user-wrap .account-li .account-li-a:hover {
	color:#00d87e !important;
}
.nav-user-drop .head-pass-wrap{
	margin-top:1.5rem;
	margin-bottom:1.5rem;
}
.nav-user-drop .head-pass-button {
	display:block;
	width: 100%;
	font-size: 1rem;
    margin: 0.8rem 0;
    padding: 0.4rem 1rem;
	/*border-radius: 6px;*/
    /* box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); */
	text-align: center;
}
.nav-user-drop .head-pass-button.login {
	border: 2px solid #00db99;
    background-image: linear-gradient(-90deg,#00d87e,#00db99);
}
.nav-user-drop .head-pass-button.login:hover {
	border: 2px solid #00db99;
    background-image: linear-gradient(-90deg,#fff,#fff);
}
.nav-user-drop .head-pass-button.create {
	border: 2px solid #d9d9d9;
}
.nav-user-drop .head-pass-button.create:hover {
	border: 2px solid #00db99;
}
.same-toggle-drop {
    position: absolute;
    top: 5rem;
	left: -1rem;
	min-width: 19rem;
	width: 450px;
    padding: 0;
    background: #fff;
    /*z-index: -1;
    opacity: 0;
    visibility: hidden;*/
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    transition: 0.1s;
	/*border-radius: 0.5rem;*/
	border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
	text-align:center;
}
.same-toggle-drop .same-vip {
    width: 100%;
    height: 130px;
    /*border-radius: 10px 10px 0 0;*/
    background: url(//static.samemart.com/same-image/same-vip.png) no-repeat 0 0;
}
/*.same-toggle-drop .same-vip .same-vip-name {
    display: inline-block;
    padding: 71px 11px 0 90px;
    text-align: center;
    width: 165px;
    height: 84px;
    font-size: 14px;
}*/
.same-vip .same-vip-block {
    vertical-align: top;
    display: inline-block;
    height: 130px;
}
.same-toggle-drop .same-vip .same-vip-block a {
    display: inline-block;
    background: #FF9448;
    border-radius: 2px;
    width: 130px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.same-toggle-drop .same-vip .same-vip-block p {
    font-size: 14px;
    color: #666;
    padding: 4px 0 20px 100px;
}
.same-toggle-drop .ui-module,
.same-toggle-drop .oper-module {
    display: block;
    box-sizing: border-box;
    width: 200px;
    height: 60px;
    float: left;
    margin-top: 10px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    border: 1px solid #fff;
}
.same-toggle-drop .ui-module {
    box-sizing: border-box;
    margin: 10px 10px 0 20px;
    background-image: linear-gradient(-135deg, #FFD8D8 0, #FFFBF9 100%);
}
.same-toggle-drop .oper-module {
    background-image: linear-gradient(-135deg, #D8EFFF 0, #F3FBFF 100%);
}
.ui-module .ui-module-l {
    box-sizing: border-box;
    width: 4px;
    height: 60px;
    background: url(//static.samemart.com/same-image/same-vip-icons.png) no-repeat 0 0;
}
.oper-module .ui-module-l {
    box-sizing: border-box;
    width: 4px;
    height: 60px;
    background: url(//static.samemart.com/same-image/same-vip-icons.png) no-repeat -14px 0;
}
.fl {
    float: left;
}
.same-toggle-drop .vip-list {
    position: relative;
	margin-left: 1rem;
}
.same-toggle-drop .vip-list a {
    width: 130px;
    height: 34px;
    font-size: 14px;
    line-height: 32px !important;
    float: left;
    display: inline-block;
    margin: 20px 10px 20px 0;
    box-sizing: border-box;
    border: 1px solid #ccc;
	border-top-color: rgb(204, 204, 204);
	border-right-color: rgb(204, 204, 204);
	border-bottom-color: rgb(204, 204, 204);
	border-left-color: rgb(204, 204, 204);
	border-radius:4px;
	color: #00db99;
	border-color: #00db99;
	text-align:center;
}
.qg-label {
    box-sizing: border-box;
    padding-top: 4px;
    color: #fff;
    width: 78px;
    height: 51px;
	line-height: normal;
    position: absolute;
    top: 10px;
    left: -12px;
    background: url(//static.samemart.com/same-image/bg-same.png) no-repeat;
    text-align: center;
	font-size: 13px;
}
.same-toggle-drop .ui-module .ui-module-t, 
.same-toggle-drop .oper-module .ui-module-t {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 25px;
    padding: 5px 0 0 10px;
}
.same-toggle-drop .ui-module .ui-module-t span, 
.same-toggle-drop .oper-module .ui-module-t span {
    display: inline-block;
    height: 13px;
    overflow: hidden;
    text-align: center;
    line-height: 12px;
    border: 1px solid #FF4C22;
    border-radius: 4px;
    padding: 0 2px;
    margin-left: 5px;
    font-size: 12px;
    color: #FF4C22;
    vertical-align: -2px;
}
.same-toggle-drop .ui-module .ui-module-b, 
.same-toggle-drop .oper-module .ui-module-b {
    box-sizing: border-box;
    font-size: 14px;
    color: #666;
    padding-left: 10px;
    z-index: 1000;
    position: relative;
}
/*.same-toggle-drop .company-p {
    color: #00db99;
    font-size: 18px;
    padding: 13px 0 6px 2px;
}*/
.same-toggle-drop .company-viplist {
    padding: 0.5rem;
}
.same-toggle-drop .company-viplist li {
    /*width: 50%;*/
    float: left;
    height: 46px;
    line-height: 46px;
    color: #444;
    font-size: 14px;
}
.same-toggle-drop .company-viplist li.drop-VIPicon2{
	width: 100%;
}
.same-toggle-drop .company-link {
    display: block;
    width: 316px;
    height: 40px;
    margin: 10px 2px 7px;
    border-radius: 2px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #00db99;
    border-radius: 20px;
}
/*login area end*/
/*cart*/
.sameCart,
.sameUser{
	position:relative;
	display: flex;
    flex-direction: column;
    align-items: center;
	font-size:0.8rem;
}
.sameCartCount {
    position: absolute;
    top: 0.6rem;
	display: block;
	font-size:1.1rem;
	font-weight:bold;
	color:#00d87e;
}
/*主导航start*/
.s_category_div {
    position:relative;/*高度自伸缩*/
	display:none;
}
.s_category_wrap {
    display:table;
    table-layout:fixed; 
}
.s_category_wrap .s_category_left{
	border-right: 1px dashed #d6d6d6;
}
.s_category_wrap .s_category_left, 
.s_category_wrap .s_category_right {
    display: table-cell!important;
	padding-top:1.25rem;
	padding-bottom:1.25rem;
}
.s_category_left .left_item {
	position: relative;
	/*width: 9.125rem;*/
    padding: 0.625rem 2rem 0.625rem 0.5rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	/*overflow: hidden;*/
}
.s_category_left .left_item img {
	width:1.8rem;
	height:1.8rem;
	vertical-align: middle;
}
.s_category_left .left_item_name {
    display: inline-block;
	font-size:0.875rem;
	color:#3d4246;
    max-height:2rem;
    line-height:2rem;
	padding:0 0.2rem;
	/*overflow: hidden;*/
	min-width: 6rem;
}
.s_category_left .left_item_name:hover{
	color:#00d87e;
}
.s_category_left .left_item_line{
    position: absolute;
	z-index: 2;
    top: 0.5rem;
    right: -1px;
    display: none;
    width: 0.2rem;
    height: 2rem;
    background: #00d87e;
	border-radius:4px;
	-webkit-border-radius:4px;
    -moz-border-radius:4px;
}
.s_category_wrap .s_category_right {
	width:100%;
	padding-top:0;
    overflow:hidden;
	-webkit-transform: translateY(0.5rem);
    -ms-transform: translateY(0.5rem);
	transform: translateY(0.5rem);
}
.s_category_right_item {
	font-size:0.875rem;
	padding: 0 1rem 0 1rem;
}
.s_category_right_item .same-prod-tag {
	-webkit-transform: translateY(-0.5rem);
    -ms-transform: translateY(-0.5rem);
	transform: translateY(-0.5rem);
}
.right_item_top {
	display: inline-block;
	padding: 0.2rem 1.5rem;
	background-color: #00db99;
	/*background-image: linear-gradient(-90deg,#00d87e,#00db99);
	background: linear-gradient(85deg,#ff8c44,#ffa200);*/
	background: linear-gradient(85deg,#00db99,#00d87e);
	border-bottom-left-radius: 50%;
    border-top-right-radius: 50%;
	text-shadow: 0 0 0.5rem rgba(0,0,0,0.2);
}
.right_item_top:hover {
    -webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	-webkit-transform:translateY(-2px);
	-ms-transform:translateY(-2px);
	transform:translateY(-2px);
}
.right_item_top_name {
	vertical-align: middle;
	line-height: normal;
	color:#fff;
}
.right_item_top_name {
    margin-right: 0.125rem;
    font-size: 0.875rem;
}
.right_item_cat2 {
    float:left;
	color:#3d4246;
    /*line-height:1.625rem;*/
	line-height:1rem;
    padding-top:0.9rem;
    padding-right:1.25rem;
    text-align:left;
	overflow:hidden;
	cursor:auto;
}
.right_item_cat2 em{
    border:solid #3d4246;
    border-width:0 1px 1px 0;
    display:inline-block;
    padding:0.1875rem;
	transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
	transition:transform 0.2s ease-in-out;
}
.right_item_cat2 .right_arrow{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.right_item_cat3 {
    /*padding-top: 0.5rem;*/
	padding-top: 0;
    overflow: hidden;
    line-height: 1rem;
    font-size: 0.75rem;
    color: #545c63;
}
.right_item_cat3_body {
	margin-left: 0.625rem;
	font-size: 0.85rem;
	line-height: 1.5rem;
}
.right_item_cat3_name {
	color: #545c63;
	display: inline-block;
}
.item_highlight {
	color: #00d87e;
	white-space: nowrap;
}
.item_highlight:hover {
	color: #00d87e;
}
.right_slash {
	padding: 0.625rem 0.8rem;
	color: #eee;
}
.right_slash_first {
	padding-left: 0;
}
/*主导航end*/
/* category start */
.touch-slide-wrap {/*left & right*/
	position: relative;
    z-index: 14;
	height:2rem;
	margin-top:0.5rem;
	background-color:#fff;
}
.touch-slide-wrap>.touch-slide-left {
    position: absolute;
    left: 0;
    width: calc(100% - 6rem);
    height: 1.8rem;/*改成1.88rem就可看出不同*/
    overflow: hidden;
	margin-left:0.5rem;
	background-color:#fff;
}
.touch-slide-left>ul{
	overflow-x: auto;
	overflow-y: hidden;
    white-space: nowrap;
}
.touch-slide-left>ul>li {
    display: inline-block;
	padding: 0 0.75rem;
}
.touch-slide-left>ul>li:first-child {
	padding-left:0;
}
.touch-slide-left>ul>li:last-child {
	padding-right:1.5rem;
}
.touch-slide-left>ul>li>a,
.touch-slide-left>ul>li>span {
    position: relative;
	display: inline-block;
	float: left;
    height: 1.8rem;/*必须跟touch-slide-left的高度一致*/
    text-align: center;
    font-size: .9rem;
}
.touch-slide-left>ul>li>a.active,
.touch-slide-left>ul>li>a.current {
    color: #00db99;
}
.touch-slide-left>ul>li>a.active:before,
.touch-slide-left>ul>li>a.current:before {
	content: "";
    position: absolute;
    width: 25%;
    height: 1px;
    bottom: 0;
    left: 50%;
    border-bottom: 2px solid #00db99;
}
.touch-slide-left>ul>li>a.current:before {
	width: 55%;
    left: 25%;
}
.touch-slide-right .slide-right-drop{
	max-height: 22rem;/*made overflow-y scroll*/
}
.touch-slide-right>.slide-right-icon{
	position: absolute;
	z-index: 8;
    top: 0;
    right: 0.6rem;
	font-size:0.85rem;
	width: 6rem;
    height: 1.8rem;
	text-align: right;
    background-color: rgba(255,255,255,0.9);
	-webkit-tap-highlight-color:rgba(0,0,0,0); 
}
.touch-slide-left .same-lang-svg {
	padding: 0 3px 0;
	border-radius: 2px;
}
.footer__help-column .same-lang-svg {
	border: 1px solid #00db99;
	padding: 2px 6px;
	border-radius: 10px;
}
.footer__help-column .same-lang-svg svg {
	height: 1.2rem;
	vertical-align: text-bottom;
}
/* category end */
/*nav end*/


/*section-under-slider start */
.same-grid .grid-item {
    float: left;
    padding-left: 30px;
    width: 99%;
	margin-top:1rem;
}
.section-under-slider {
	background-color:#fff;
	text-align:center;
}
.section-under-slider .same-wrapper-mobile {
	/* height: 5.5rem; *//*控制高度*/
	height: 4.6rem;
}
.section-under-slider .grid-item {
	margin-top:0 !important;
}
.section-under-slider .grid-view-item {
	padding-top: 0.5rem;
	border-radius: 0;
}
.section-under-slider .grid-view-item .subheading {
    font-size: 0.8rem;
    height: 1.5rem;
    /*line-height: normal;*/
	padding: 0.25rem 0.75rem 0;
	margin-bottom: 1rem;
}
.section-under-slider .svgPart{
	opacity: 0.3;
}
.section-under-slider .same-grid .small-one-half:nth-child(4n+1) {
    clear: none;
}
/*.section-under-slider .same-grid .medium-one-quarter {
    width: 20%;
}*/
.swiper-container {
    position: relative;
	margin: 0 auto;
    overflow: hidden;
    padding: 0;
}
.section-under-slider .foot-same-icon.slider-more {
	border-radius:100%;
	width:2.5rem;
	height:2.5rem;
	margin-top:0.5rem;
	/* background: #00d87e; */
	background: #f5f5f5;
}
/*section-under-slider end */

/*bottom start*/
.bottom-wrap {
    padding: 0rem 0 1rem;
	text-align:center;
}
.social-links ul {
	padding-top: 0.5rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	margin-top: 0.5rem;
}
.footer-menu {
    display: table;
    margin: 0 auto;
}
.footer-menu li {
    float: left;
	font-size:0.9rem;
	line-height:1.5rem;
}
.footer-menu li+li:before {
	display: block;
	float: left;
    content: '\2022';
    padding: 0 .8rem;   
}
.same_copyright{
	font-size:0.8rem;
	line-height:0.5rem;
}
.footer-lang-wrap{
	display: flex;
    margin: 0 auto;
    -webkit-box-align: center;
    align-items: center;
}
.footer-lang-svg {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.footer__sitemap .copyright {
    display: flex;
    justify-content: space-between;
	flex: 0 0 100%;
	flex-flow: row nowrap;
	font-size: 0.9375rem;
}
.copyright .footer-lang-btn {
    cursor: pointer;
    user-select: none;
    margin: 0;
    padding: 0;
    background: none;
    border-width: 0;
    outline: 0;
}
.copyright .footer-lang-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    color: #3d4246;
}
.copyright .footer-lang-svg {
    margin-left: 1.5rem;
    margin-right: 0.5rem;
	color: #00db99;
	border: 0.15rem solid #00db99;
	padding: 2px 20px;
	border-radius: 15px;
	font-size: 0.875rem;
}
.footer-lang-wrap .same-lang-svg {
	color: #00db99;
}
.copyright .column-right svg,
.copyright .footer-lang-svg svg {
    fill: #00db99;
}
.copyright .cookie-setting {
    display: block;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 1rem;
    cursor: pointer;
    color: #3d4246;
    transition: opacity 150ms ease-in 0s;
}
.copyright .cookie-setting svg {
	fill: #00db99;;
}
/*bottom end*/

/* cookie popup start */
#cookie-pop-same {
	display: block;
    position: fixed;
	z-index: 16;
	left: 50%;
	bottom: 6rem;
	margin-left: -150px;
}
.cookie-pop-content.text-only {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	text-align: center;
	padding: 20px;
    width: 300px;
	border-radius: 4px;
}
.cookie-pop-content.cookie-inside {
	background-image: -webkit-gradient(linear,left top,left bottom,from(#ffa200),to(#ffd608)) !important;
}
.cookie-pop-close-btn {
    position: absolute;
    right: 0.3rem;
    top: 0.3rem;
	font-size: 1.5rem;
    color: #faf7f0;
	border: none;
    border-radius: 0;
    background: none;
	cursor: pointer;
	transition: all .2s;
}
.cookie-pop-close-btn:hover {
    /*color: #fbd2c1;*/
	transform: rotate(180deg);
}
.cookie-pop-close-btn:visited,
.cookie-pop-close-btn:hover,
.cookie-pop-close-btn:active,
.cookie-pop-close-btn:focus {
    background-color: transparent;
	outline: none;
	border: 0;
}
.button.transparent {
	color:#fff;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
	padding: 0.5rem 0;
    border: .5px solid #fff;
    background-color: rgba(255,255,255,0);
	border-radius:20px;
}
.button.transparent:hover {
    -webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	-webkit-transform:translateY(-2px);
	-ms-transform:translateY(-2px);
	transform:translateY(-2px);
}
.cookie-pop-content.text-only h2 {
    color: #faf7f0;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1;
}
.cookie-pop-content.text-only h2+p a {
    margin-top: 1rem;
	color: #fff;
}
/* cookie popup end */

/* addcart popup start */
.weui-mask {
	position: fixed;
    z-index: 17;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
}
.weui-animate-fade-in {
    -webkit-animation: c ease .3s forwards;
    animation: c ease .3s forwards;
}
.weui-dialog {
    position: fixed;
    z-index: 5000;
    width: 80%;
    max-width: 300px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #fff;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}
.weui-dialog__bd {
    padding: 0 1.6em .8em;
    min-height: 40px;
    font-size: 15px;
    line-height: 1.3;
    word-wrap: break-word;
    word-break: break-all;
    color: #999;
}
.weui-dialog__bd:first-child {
    padding: 2.7em 20px 1.7em;
    color: #353535;
}
.weui-dialog__ft {
    position: relative;
    line-height: 48px;
    font-size: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.weui-dialog__btn {
    position: relative;
	display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    height: 2.5rem;
	line-height: 2.5rem;
	color:#fff;
	font-size:0.9rem;
	background: linear-gradient(135deg, #00d87e 0%, #00db99 100%);
}
.weui-dialog__btn:hover {
	color:#f9f8f4;
}
.same-popup .btn_continue {
	color: #00db99;
	background: rgba(0, 219, 153,0.2);
}
.same-popup .btn_continue:hover {
	color:#00db99;
}
.weui-dialog__ft:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}
/* addcart end start */

/*footer start*/
.footer-same{
	width:100%;
	margin-top:3.5rem;
	line-height:1;
}
.footer-same-wrap{
	position:fixed;
	z-index:14;
	bottom:0;
	width:100%;/*底部是要满屏覆盖的*/
	padding:0.5rem 0 1rem;
	background-color: #fff;
	box-shadow: -3px 0 0.5rem 0 rgba(0,0,0,.08);
}
.section-layout-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    justify-content: space-around;
}
.section-category .section-layout-flex {
	overflow-x:auto;
}
.section-layout-flex>.section-layout-item {
	width:3.2rem;
    flex-direction: column;
    text-align: center;
	font-size:0.8rem;
}
.section-layout-flex>.section-layout-item>a{
	color:#666;
}
.section-layout-flex>.section-layout-item .foot-same-icon{
	position:relative;
	display:block;
	margin-bottom:0.3rem;
}
.section-layout-flex .section-layout-item .cart-count{
	position:absolute;
	z-index:14;
	/*top:-0.2rem;
	right:0;*/
	top: 7px;
    /*right: 17px;*/
	right: 16px;
	width:1rem;
	height:1rem;
	line-height:1rem;
	color:#666;
	font-size:0.75rem;
	text-align:center;
}
.section-layout-flex .section-layout-item.current a {
	color:#00db99;
}
.section-layout-flex .section-layout-item.current a svg{
	fill:#00db99;
}
.section-layout-flex .section-layout-item.current .cart-count{
	color: #00db99;
}
/*footer end*/

/*side bar start*/
.same_side_fixed {
    position: fixed;
	z-index:6;
    right: 0;
    bottom: 30%;
	display: flex;
	flex-direction: column;
    justify-content: center;
    width: 2.5rem;
	height: auto;
	line-height: 2.5rem;
	text-align: center;
	background: #fff;
    box-shadow: -3px 0 1rem 0 rgba(0,0,0,.09);
	/*border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;*/
	border-radius: 2rem;
}
.same_side_fixed .side_item {
	cursor:pointer;
}
.same_side_fixed .side_item:hover {
	color:#00d87e;
	-webkit-animation: shake .4s;
	-moz-animation: shake .4s;
	-o-animation: shake .4s;
	animation: shake .4s;
}
.same_side_fixed .side_item:hover svg,
.same_side_fixed .side_item:hover .icon,
.sameShake {
	-webkit-animation: shake .4s;
	-moz-animation: shake .4s;
	-o-animation: shake .4s;
	animation: shake .4s;
}

@-moz-keyframes -webkit-shake {
	0%,to {
		-webkit-transform: rotate(0)
	}

	10%,50%,90% {
		-webkit-transform: rotate(13deg)
	}

	20%,60%,80% {
		-webkit-transform: rotate(-13deg)
	}
}

@-webkit-keyframes -webkit-shake {
	0%,to {
		-webkit-transform: rotate(0)
	}

	10%,50%,90% {
		-webkit-transform: rotate(13deg)
	}

	20%,60%,80% {
		-webkit-transform: rotate(-13deg)
	}
}

@-o-keyframes -webkit-shake {
	0%,to {
		-webkit-transform: rotate(0)
	}

	10%,50%,90% {
		-webkit-transform: rotate(13deg)
	}

	20%,60%,80% {
		-webkit-transform: rotate(-13deg)
	}
}

@keyframes -webkit-shake {
	0%,to {
		-webkit-transform: rotate(0)
	}

	10%,50%,90% {
		-webkit-transform: rotate(13deg)
	}

	20%,60%,80% {
		-webkit-transform: rotate(-13deg)
	}
}

@-moz-keyframes -moz-shake {
	0%,to {
		-webkit-transform: rotate(0)
	}

	10%,50%,90% {
		-webkit-transform: rotate(13deg)
	}

	20%,60%,80% {
		-webkit-transform: rotate(-13deg)
	}
}

@-webkit-keyframes -moz-shake {
	0%,to {
		-webkit-transform: rotate(0)
	}

	10%,50%,90% {
		-webkit-transform: rotate(13deg)
	}

	20%,60%,80% {
		-webkit-transform: rotate(-13deg)
	}
}

@-o-keyframes -moz-shake {
	0%,to {
		-webkit-transform: rotate(0)
	}

	10%,50%,90% {
		-webkit-transform: rotate(13deg)
	}

	20%,60%,80% {
		-webkit-transform: rotate(-13deg)
	}
}

@keyframes -moz-shake {
	0%,to {
		-webkit-transform: rotate(0)
	}

	10%,50%,90% {
		-webkit-transform: rotate(13deg)
	}

	20%,60%,80% {
		-webkit-transform: rotate(-13deg)
	}
}

@-moz-keyframes -o-shake {
	0%,to {
		-webkit-transform: rotate(0)
	}

	10%,50%,90% {
		-webkit-transform: rotate(13deg)
	}

	20%,60%,80% {
		-webkit-transform: rotate(-13deg)
	}
}

@-webkit-keyframes -o-shake {
	0%,to {
		-webkit-transform: rotate(0)
	}

	10%,50%,90% {
		-webkit-transform: rotate(13deg)
	}

	20%,60%,80% {
		-webkit-transform: rotate(-13deg)
	}
}

@-o-keyframes -o-shake {
	0%,to {
		-webkit-transform: rotate(0)
	}

	10%,50%,90% {
		-webkit-transform: rotate(13deg)
	}

	20%,60%,80% {
		-webkit-transform: rotate(-13deg)
	}
}

@keyframes -o-shake {
	0%,to {
		-webkit-transform: rotate(0)
	}

	10%,50%,90% {
		-webkit-transform: rotate(13deg)
	}

	20%,60%,80% {
		-webkit-transform: rotate(-13deg)
	}
}

@-moz-keyframes shake {
	0%,to {
		-webkit-transform: rotate(0)
	}

	10%,50%,90% {
		-webkit-transform: rotate(13deg)
	}

	20%,60%,80% {
		-webkit-transform: rotate(-13deg)
	}
}

@-webkit-keyframes shake {
	0%,to {
		-webkit-transform: rotate(0)
	}

	10%,50%,90% {
		-webkit-transform: rotate(13deg)
	}

	20%,60%,80% {
		-webkit-transform: rotate(-13deg)
	}
}

@-o-keyframes shake {
	0%,to {
		-webkit-transform: rotate(0)
	}

	10%,50%,90% {
		-webkit-transform: rotate(13deg)
	}

	20%,60%,80% {
		-webkit-transform: rotate(-13deg)
	}
}

@keyframes shake {
	0%,to {
		-webkit-transform: rotate(0)
	}

	10%,50%,90% {
		-webkit-transform: rotate(13deg)
	}

	20%,60%,80% {
		-webkit-transform: rotate(-13deg)
	}
}

/* .dialog_box {
    background-color: rgba(0,0,0,.6);
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.dialog_qr_box {
    position: relative;
    transform: translateY(50%);
    overflow: hidden; 这个属性害死人
    width: 320px;
    height: 410px;
    background-color: #fff;
    margin: 0 auto;
    border-radius: 4px;
}
.dialog_qr_box .qr_box_top {
    padding: 27px 74px 40px;
}
.dialog_qr_box .qr_box_top .qr_box_qrimg {
    position: relative;
    margin-top: 31px;
}
.dialog_qr_box .qr_box_bottom {
    width: auto;
    height: 100px;
    margin: 0 10px;
    border-top: 1px dashed #999;
}
.dialog_qr_box .scan {
    height: 55px;
    line-height: 50px;
    padding-top: 5px;
    font-size: 14px;
    color: #999;
}
.dialog_qr_box .qr_box_bottom p {
    text-align: center;
}
.dialog_qr_box .qr_box_bottom p:first-child {
    margin-top: 20px;
    font-size: 16px;
    color: #333;
}
.dialog_qr_box .cir {
    width: 15px;
    height: 15px;
	background-color: hsla(0,0%,100%,.95);
    background-color: rgba(0,0,0,.6);
    border-radius: 50%;
}
.dialog_qr_box .cir1 {
    position: absolute;
    left: -7.5px;
    bottom: 92.5px;
}
.dialog_qr_box .cir2 {
    position: absolute;
    right: -7.5px;
    bottom: 92.5px;
}
.dialog_close{
	position: absolute;
	z-index: 18;
    top: 0;
    right: -40px;
    border: none;
    background-image: none;
    background-color: transparent;
    box-shadow: none;
    padding: 0;	
    cursor: pointer;
} */

.dialog_box {
    position: fixed;
	z-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.6);
}
.dialog_qr_box {
    position: fixed;
    left: 50%;
    top: 20%;
    border-radius: 4px;
    /* transform: translateX(-10%); */
    z-index: 20;
}
.dialog_qr_box {
    margin-left: -160px;
    width: 320px;
    height: 410px;
    background-color: #fff;
}
.dialog_qr_box .qr_box_top {
    padding: 27px 74px 40px;
}
.dialog_qr_box .qr_box_top .qr_box_qrimg {
    position: relative;
    margin-top: 31px;
}
.dialog_qr_box .qr_box_bottom {
    width: auto;
    height: 100px;
    margin: 0 10px;
    border-top: 1px dashed #999;
}
.dialog_qr_box .scan {
    height: 55px;
    line-height: 50px;
    padding-top: 5px;
    font-size: 14px!important;
    color: #999!important;
}
.dialog_qr_box .qr_box_bottom p {
    text-align: center;
}
.dialog_qr_box .qr_box_bottom p:first-child {
    margin-top: 20px;
    font-size: 16px;
    color: #333;
}
.dialog_qr_box .cir {
	display:none;
    width: 16px;
    height: 8px;
	/* background-color: hsla(0,0%,100%,.95); */
    background-color: rgba(0,0,0,.6);
    border-radius: 8px 8px 0 0;
}
.dialog_qr_box .cir1 {
    position: absolute;
    left: -4.5px;
    bottom: 95.5px;
    transform: rotate(90deg);
}
.dialog_qr_box .cir2 {
    position: absolute;
    right: -4.5px;
    bottom: 95.5px;
    transform: rotate(-90deg);
}
.dialog_qr_box .dialog_close{
	position: absolute;
	z-index: 18;
    top: 0;
    right: -40px;
    border: none;
    background-image: none;
    background-color: transparent;
    box-shadow: none;
    padding: 0;	
    cursor: pointer;
} 
/*side bar end*/

/*other common style start*/
.same-wrapper-regular {
    /*max-width:90rem;
	max-width:81.25rem;*/
	max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
}
.same-wrapper-mobile {
    /*max-width:90rem;
	max-width:81.25rem;*/
	max-width: 75rem;
	padding-left:0.5rem;
	padding-right:0.5rem;
    margin-left: auto;
    margin-right: auto;
}
.same-wrapper-wide {
	padding-left:2rem;
	padding-right:2rem;
    margin-left: auto;
    margin-right: auto;
}
/*other common style end*/

.quote-start .icon-quote {
	fill: #ffa200	!important;
}


/* 拼团部分 */
.priceBox {
	position:relative;
}
.same-point {
	visibility: hidden;
	position: absolute;
    z-index: 13;
	visibility: hidden;
    font-size: .6rem;
    text-align: center;
    line-height: normal;
    right: 0;
    bottom: 85%;
    padding: 0.25rem;
    color: #fff;
    background-color: #00db99;
    border-radius: 0.375rem;
}
.same-point::after {
    position: absolute;
    content: "";
    top: 100%;
    left: 50%;
    margin-left: -0.3125rem;
    border-width: 0.3125rem;
    border-style: solid;
    border-color: #00db99 transparent transparent transparent;
}
.samepop {
    visibility: visible;
    -webkit-animation: samepopin 0.5s, samepopout 0.5s 2.5s;
    animation: samepopin 0.5s, samepopout 0.5s 2.5s;
}
@-webkit-keyframes samepopin {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 85%; opacity: 1;}
}
@keyframes samepopin {
    from {bottom: 0; opacity: 0;}
    to {bottom: 85%; opacity: 1;}
}
@-webkit-keyframes samepopout {
    from {bottom: 85%; opacity: 1;} 
    to {bottom: 0; opacity: 0;}
}
@keyframes samepopout {
    from {bottom: 85%; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}
/*拼团*/
.pinTuan {
    display: inline-block;
    font-size: 11px;
    line-height: 11px;
    max-height: 14px;
    border: 1px solid;
    margin: 2px 5px 2px 0;
    padding: 1px 3px 0;
    border-radius: 2px;
    box-sizing: border-box;
    transform: translateY(5px);
}
.grid-item-two .sale-pin-ok {
	position: absolute;
	z-index: 5;
	bottom: 6rem;
	right: 0.5rem;
	/* width: 1.25rem; */
    height: 1.25rem;
    padding: 0 0.2rem;
    line-height: 1.25rem;
    color: #fff;
	background: linear-gradient(85deg,#65e7b9,#00d87e);
    text-align: center;
    /*border-radius: 2px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;*/
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
	border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.grid-item-two .sale-pin-ok .badges-pin {
	font-size: 0.7rem;
}
/*desktop footer start*/
.footer {
    /*display: flex;
    justify-content: center;*/
	display:block;
	margin-top: 2rem;
    padding: 0 2rem;
    background-color: #f9f9f9;
    color: #3d4246;
    font-size: 0.9rem;
	border-top: 1px solid rgb(112, 198, 162);
	border-top: 0.15rem solid #f4f4f4;
}
.footer__sitemap {
    display: flex;
    position: relative;
    flex-flow: row wrap;
    flex: 1 0 100%;
    justify-content: space-between;
    /* padding: 4rem 0 0; */
}
.footer__sitemap>ul {
    display: flex;
    position: relative;
    flex-flow: row wrap;
    justify-content: flex-start;
    flex: 0 0 100%;
    margin: 3rem 0 0;
}
.footer__sitemap>ul {
    flex: 0 0 100%;
    flex-flow: row nowrap;
}
.footer__sitemap>ul li {
    display: flex;
    position: relative;
    flex: 1 0 100%;
    flex-flow: row wrap;
    margin-bottom: 4rem;
}
.footer__sitemap>ul li {
    flex: 1 0 calc(33% - 85.33333px);
    max-width: calc(33% - 85.33333px);
    margin-right: 8rem;
}
.footer__sitemap>ul li:last-child {
    margin-right: 0;
}
/* .footer__sitemap__column:last-child {
    padding: 0 0 0 2rem;
} */
/* .footer__sitemap>ul li ul {
    margin-top: 4rem;
} */
/*first child start*/
.footer__sitemap__column:first-child {
    padding: 0 2rem 0 0;
}
.footer .h6, 
.footer h6 {
    font-size: 1.2rem;
    line-height: 3;
    font-weight: 400;
}
/* .mt-2, .my-2 {
    margin-top: 4rem!important;
    margin-bottom: 4rem!important;
} */
.btn-cloud .btn,
.js-email-capture-form-parent .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: .2rem solid transparent;
    padding: 0 1.2rem;
    font-size: 1rem;
    /*line-height: 2rem;*/
    border-radius: 3rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.dark-theme .btn.btn-dark,
.btn-cloud .btn {
    background: 0 0;
	border-color: #fff;
    color: #00d87e;
}
.dark-theme .btn.btn-dark:hover,
.btn-cloud .btn:hover {
	border-color: #00db99;
}
.dark-theme button.btn.btn-dark {
	cursor: pointer;
	color: #fff;
    background-color: #00d87e;
	border-color: #00db99;
}
#subscribe-submit-footer:hover {
	color: #00d87e;
	background-color: #fff;
}
.btn-cloud2 .btn {
	/* border-color: #00d87e!important;
	color: #00d87e!important; */
	display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0.2rem solid transparent;
    padding: 0 1rem;
    font-size: 1rem;
    /*line-height: 2rem;*/
    border-radius: 3rem;
    margin: 0.5rem 0;
}
.custom-input {
    display: flex;
    margin: 2rem 0 1rem;
    position: relative;
    width: 100%;
}
.custom-input label {
    display: inline-block;
    margin: 0;
    opacity: 1;
    padding: 0;
    position: relative;
    width: 100%;
    cursor: default;
}
.custom-input label input {
    background-color: transparent;
    box-shadow: 0 0 0 0 #000;
    caret-color: #000;
    color: #000;
    font-size: 0.9rem;
    height: 30px;
    line-height: 30px;
    padding: 0;
    transition: all .2s;
    -webkit-appearance: none;
    width: 100%;
    z-index: 2;
}
.dark-theme .custom-input label input {
    border-bottom: 2px solid #00db99;
	min-width: 15rem;
}
.email-capture button,
.custom-input button, 
.custom-input input {
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: 0 0;
    outline: 0;
}
.custom-input label span:not(.char-remain-count):not(.char-allowed-count) {
    color: #999;
    font-size: 0.9rem;
    height: 30px;
    left: 0;
    line-height: 30px;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: all .2s;
    z-index: 1;
    -webkit-font-smoothing: antialiased;
    white-space: nowrap;
}
.dark-theme .custom-input label input::-webkit-input-placeholder,.dark-theme .custom-input label select::-webkit-input-placeholder,.is-dark .custom-input label input::-webkit-input-placeholder,.is-dark .custom-input label select::-webkit-input-placeholder {
    color: transparent
}
.dark-theme .custom-input label input::-moz-placeholder,.dark-theme .custom-input label select::-moz-placeholder,.is-dark .custom-input label input::-moz-placeholder,.is-dark .custom-input label select::-moz-placeholder {
    color: transparent
}
.dark-theme .custom-input label input:-ms-input-placeholder,.dark-theme .custom-input label select:-ms-input-placeholder,.is-dark .custom-input label input:-ms-input-placeholder,.is-dark .custom-input label select:-ms-input-placeholder {
    color: transparent
}
.dark-theme .custom-input label input:-moz-placeholder,.dark-theme .custom-input label select:-moz-placeholder,.is-dark .custom-input label input:-moz-placeholder,.is-dark .custom-input label select:-moz-placeholder {
    color: transparent
}
.dark-theme .custom-input label.has-focus span:not(.char-remain-count):not(.char-allowed-count),.dark-theme .custom-input label.has-value span:not(.char-remain-count):not(.char-allowed-count),.is-dark .custom-input label.has-focus span:not(.char-remain-count):not(.char-allowed-count),.is-dark .custom-input label.has-value span:not(.char-remain-count):not(.char-allowed-count) {
    color: #ccc;
    font-size: 0.9rem;
    top: -2rem;
    font-family: AvenirNextLTW02-Medium,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-weight: 400
}

.dark-theme .custom-input label.has-focus.is-textarea span:not(.char-remain-count):not(.char-allowed-count),.dark-theme .custom-input label.has-value.is-textarea span:not(.char-remain-count):not(.char-allowed-count),.is-dark .custom-input label.has-focus.is-textarea span:not(.char-remain-count):not(.char-allowed-count),.is-dark .custom-input label.has-value.is-textarea span:not(.char-remain-count):not(.char-allowed-count) {
    top: -2rem;
    left: 0
}
/*first child end*/
.field-search.is-inverse input:focus {
    border: none;
    outline: 0;
    box-shadow: 0 0 0 4px transparent
}
/*second child start*/
.footer__sitemap .btn-cloud .btn {
    margin-bottom: 2rem;
    margin-right: 1.5rem;
}
.footer__sitemap .btn-cloud .btn:nth-child(2n) {
    margin-right: 0;
}
/*second child end*/

/*third child start*/
.btn-cloud2 {
	position:relative;
}
.footer__help-column a{
	color:#00d87e;
	/*text-align: right;*/
	font-weight: bold;
}
.footer__help-column .same-lang{
	margin-top:0.5rem;
}
.icon__flag {
    padding-top: 0;
    position: absolute;
}
.icon__flag svg {
    width: 1.5rem;
    height: 1.5rem;
    left: 0;
    top: 0;
}
.js-email-capture-form-parent{
	width:50%;
}
/*third child end*/
/*desktop footer end*/
/*JS count start*/
.time-box {
	position: relative;
	margin-left:2rem;
	transform: translateY(-0.5rem);
}
.time-box .square-box {
	float: left;
	width: 30px;
	height: 30px;
	margin: -14px 5px;
	transform: rotate(40deg);
}
.time-box .square-container {
	padding: 0.1rem 0;
	text-align: center;
	transform: rotate(-43deg);
	font-weight: 600;
	/*background-color: #ffc600;
	background-color: #ff6d11;*/
	background-color: #00db99;
	border-radius:4px;
}
.time-box .square-container-r {
	transform: rotate(-36deg);
}
.time-box .square-container .time {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 0.8rem;
	color: #fff;
}
.time-box .square-container .word {
	font-size: 0.65rem;
	color: #fff;
}
/* 换背景 */
/* .backgroundPicker {
	position: absolute;
	right: 30px;
	bottom: 20px;
	padding: 3px 6px 6px;
}
.backgroundPicker img {
	float: left;
	width: 25px;
	height: 25px;
	margin: 0 5px;
	border-radius: 3px;
	background-size: cover;
	cursor: pointer;
	transition: all .3s linear;
}
.backgroundPicker img:hover{
	transform: translateY(-4px);
} */
/*JS count end*/
/*detail footer start*/
.bar-page {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 2.5rem;
    padding: 2rem 1rem;
    background-color: #fff;
	box-shadow: -3px 0 0.5rem 0 rgba(0,0,0,.08);
}
.bar-page .bar-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 2.5rem;
	min-width: 3rem;
}
.bar-page .bar-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    /*flex: 1;*/
    height: 2rem;
    /*margin-left: 0.25rem;*/
	margin: 0 auto;
}
.bar-button {
    box-sizing: border-box;
    height: 2.5rem;
    border-radius: 5.25rem;
    /*font-size: 0.75rem;*/
    font-weight: bold;
    text-align: center;
}
.bar-button.bar-button-width-s {
    min-width: 8rem;
}
.bar-button.bar-button-theme-red {
	color: #00db99;
    line-height: 2.5rem;
	background: rgba(0, 219, 153,0.2);
    border: none;
}
.bar-button + .bar-button {
    margin-left: 0.5rem;
}
.bar-button.bar-button-theme-yellow {
    color: #fff;
    line-height: 2.5rem;
    /*background: linear-gradient(135deg, #ffd606 0%, #ffd608 100%);*/
	background: linear-gradient(135deg, #00d87e 0%, #00db99 100%);
    border: none;
}
.bar-menu .bar-menu-icon {
    display: block;
    margin: 0 auto;
}
.bar-menu .bar-menu-name {
	margin-top: 0.2rem;
    color: #7d819a;
    line-height: 0.75rem;
    font-size: 0.7rem;
    text-align: center;
}
.bar-menu .sameCartCount {
	top:18px!important;
	left:25px!important;
	width:1rem;
	text-align:center;
}
/*detail footer end*/
/*category tag 2 start*/
.sametag a {
	position: relative;
    display: inline-block;
    font-size: 0.9rem;
    color: #fff;
    height: 18px;
    line-height: 18px;
    padding: 0 8px 0px 10px;
    border-radius: 0 3px 3px 0;
    margin: 5px 9px 5px 9px;
    /*font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;*/
}
.sametag a.sametag-color {
    background: #00db99;
}
.sametag a:before {
    position: absolute;
	content: " ";
    width: 0px;
    height: 0px;
    top: 0;
    left: -18px;
    border: 9px solid transparent;
}
.sametag a.sametag-color:before {
    border-right-color: #00db99;
}
.sametag a:after {
    position: absolute;
    top: 7px;
    left: 2px;
	content: " ";
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.3);
}
/*category tag 2 end*/

/*hellobar start*/
.hellobar {
    position: fixed;
    z-index: 19;
    top: 0;
    left: 0;
    width: 100%;
    height: 2rem;
    background-color: #f9f9f9;
}
.wrapper.wrapper-large {
    padding: 0 2rem;
    height: 100%;
}
.top-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
}
.hellobar .start a.content-desktop {
    display: flex;
}
.hellobar .start a.content-desktop .notify {
    margin-right:0.5rem;
}
.hellobar .start a {
    font-size: 0.8rem;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.hellobar .start a.content-mobile {
    display: none;
}

.hellobar .end .menu ul li {
    display: inline-block;
    margin-left: 1.5rem;
    font-size:0.8rem;
}
.hellobar .end .menu ul li:first-child {
    margin-left: 0;
}
.hellobar .end .menu .same-tel {
    border:1px solid #00db99;
    padding:3px 8px;
    border-radius:3px;
    color:#00db99;
}
/*hellobar end*/


@media (max-width: 61.24rem) {
	.hellobar{
		display:none!important;
	}
	.hellobar .start a.content-mobile {
	    display: flex;
	}
}
/*responsive start*/
@media (max-width: 81.24rem) {

}
@media (max-width: 61.24rem) {
	body {
		background-color:#f9f9f9;
	}
	.same-wrapper-wide {
		padding-left:0.5rem;
		padding-right:0.5rem;
	}
	.navWrap .topNav {
		position: absolute;/*去除sticky效果*/
		z-index: 14;
		height: 3rem;
		height: 0;
		padding: 0;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.125);
	}
	.navWrap .topNav.close {
		z-index:15;
	}
	.navWrap .topNav.welcome {/*展开下拉菜单*/
		background:#fff!important;
	}
	.navWrap .topNav .desk-logo {
		color:#fff;
		font-size:1.5rem;
	}
	.navWrap .topNav.welcome {
		position:fixed;/*打开menu时*/
	}
	.navWrap .topNav.welcome .desk-logo,
	.navWrap .topNav.welcome .same-cart{
		display:none;
	}
	.navWrap .topNav .desk-logo span {
		line-height: 3rem;
	}
	.navWrap .topNav .desk-logo,
	.navWrap>.topNav>.menuNav,
	.navWrap .topNav .otherMenuNav,
	.navWrap .topNav .navItemBox {
		display:none;
	}
	.navWrap .topNav .sameSearch {
		position: absolute;
		position:fixed;
		z-index:14;
		top:0;
		left:0;
		width:100%;
		background-color:#fff;
	}
	.navWrap .topNav .sameSearch>form {
		margin:0.5rem;
		margin-top:0.5rem;
		background-color:#fff;
	}
	.navWrap .topNav .same-search-input {
		width:100%;
		min-width: auto;
		height:2rem;
		line-height:normal;
		padding-left:1rem;
		font-size:0.8rem;
		border:none;
		border-radius:2rem;
		outline:0;
		outline: none;
	    -webkit-appearance:none;
	    tap-highlight-color:rgba(255,255,255,0);  
		color:#666;
		background-color: #f4f4f4;
	}
	.navWrap .topNav .same-search-icon {
		/*top:0.95rem;
		right:1rem;*/
		top: 0.45rem;
		right: 0.5rem;
		width:32px!important;
		height:18px!important;
		fill:#666;
	}
	.navWrap .topNav .nav-search-suggest {
		top:2.6rem;
		left:0;
		/*box-shadow:none;*/
		background-image: linear-gradient(-180deg, #fff 0%, #f9f9f9 100%);
	}
	.navWrap .navItemBox .navItem a.sameCart:link, 
	.navWrap .navItemBox .navItem a.sameCart:visited {
		min-width: 3rem;
	}
	.navWrap .topNav .same-nav-user,
	.navWrap .topNav .same-cart {
		display:none;
	}
	/*section-under-slider start*/
	.same-grid {
		margin-left: -1.375rem;
	}
	.section-search-slider .same-grid .grid-item {
		padding-left: 1.375rem;
	}
	.grid-view-item .subheading {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	/*section-under-slider end*/
	/*touch move start*/
	.swiper-container {
		position: relative;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
	}
	.touch-slide-box {	
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: none;
		overflow: -moz-scrollbars-none;
	}
	.grid-view-item {
		/*overflow-x: scroll;没法移动*/		
	}
	.same-grid .touch-slider-item.small-one-half {
		width: 40%;
	}
	.swiper-container .img-area {
		position: relative;
		width: 100%;
		height: 10rem;
		overflow: hidden;
		border-radius: .5rem;
		background-color: #f9f8f4;
	}
	.img-area .p-tag {
		position: absolute;
		z-index: 2;
		top: 0;
		left: 50%;
		font-size: .9rem;
		color: transparent;
		white-space: nowrap;
		transform: translateX(-50%);
	}
	.img-area .p-tag svg {
		position: absolute;
		top: -1rem;
		left: 50%;
		padding: .1rem 0 .05rem 0;
		transform: translateX(-50%);
		background-color: #ff6d11;
		border-radius:.5rem;
	}
	.swiper-container .p-name {
		padding: .5rem .5rem 0;
	}
	.swiper-container .p-name span {
		display: -webkit-box;
		word-break: break-all;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		font-size: .95rem;
		max-height: initial;
		line-height: 1.2;
		white-space: normal;
		text-overflow: ellipsis;
		white-space: nowrap;
		line-height: normal;
	}
	.swiper-container .p-price {
		padding: .5rem 0 .8rem;
		font-size: 0;
	}
	.swiper-container .p-price b {
		font-size: .85rem;
		color: #ff6d11;
	}
	/*touch move end*/
	/*menu_more start*/
	.touch-slide-right .menuNav {
		transition-duration: 0.25s;
		transition-property: border-bottom-width;
		transition-timing-function: ease-out;
	}
	.touch-slide-right .menuNav svg.head_arrow {
		height: 0.4rem !important;
		margin-left: 0 !important;
		/*margin-top: 0.1rem;*/
		-webkit-transition: -webkit-transform 0.2s ease-out;
		-moz-transition: -moz-transform 0.2s ease-out;
		-o-transition: -o-transform 0.2s ease-out;
		-ms-transition: -ms-transform 0.2s ease-out;
	}
	.touch-slide-right .menuNav.open svg.head_arrow {
		-webkit-transform: rotateZ(180deg);
		-moz-transform: rotateZ(180deg);
		-o-transform: rotateZ(180deg);
		-ms-transform: rotateZ(180deg);
		transform: rotateZ(180deg);
		-webkit-transition: -webkit-transform 0.2s ease-out;
		-moz-transition: -moz-transform 0.2s ease-out;
		-o-transition: -o-transform 0.2s ease-out;
		-ms-transition: -ms-transform 0.2s ease-out;
	}
	.touch-slide-right .menubox.open {
		top: calc(2rem) !important;
		left: 0;
		width: 100%;
		overflow-y: scroll;	
		box-shadow: none !important;
		background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%), repeating-linear-gradient(135deg, #f9f9f9, #fff 2px, #f9f9f9 3px, #f9f9f9 5px);
	}
	.touch-slide-right .menubox.open ul {
		padding: 0 1rem;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
	}
	.touch-slide-right .menubox.open ul li {
		line-height: 2rem;
		padding: 0;
	}
	.touch-slide-right .menubox.open ul li:last-of-type{
		border-bottom: 1px solid transparent;
	}
	.touch-slide-right .menubox.open ul li {
		width: 100%;
		padding: 0.5rem 0;
		font-size:0.85rem;
		border-bottom: 1px solid #eee;
	}
	.touch-slide-right .menubox.open ul li .menuNav .cate-img {
		width: 2rem;
		height: 2rem; 
		vertical-align: middle;
	}
	/*menu_more end*/
	/*bottom start*/
	.same-bottom-rights.same-up-curve {
		background-color: #fff;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	.footer-menu li {
		display: table;
		float: none;
		margin: 0 auto;
	}
	.footer-menu li + li:before {
		display:none;
	}
	/*bottom end*/
	/*side start*/
	.same_side_fixed {
		display:none;
	}
	/*side end*/
	.footer {
		display:none !important;
	}
	.order_wrap_footer,
	#itemInfo .submit,
	.footer_checkout_button{
    	display:none;	
	}
	#itemInfo .wxImgBox {
		bottom: 26px!important;
	}
}
@media (max-width: 46.24rem) {
    
}
@media (max-width: 35.49rem) {
    
}
@media (min-width: 35.5rem) {
    
}
@media (min-width: 46.25rem) {
    
}
@media (min-width: 61.25rem) {
	.touch-slide-wrap {
		display: none;
	}
	.section-search-slider .same-grid .grid-item {
		padding-left: 0!important;
	}
	a.delivery_scope, 
	a.delivery_scope:visited {
		display: inline;
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(255,255,255,0)),color-stop(50%,#fbd2c1));
		background-image: linear-gradient(to bottom,rgba(255,255,255,0) 60%,#fbd2c1 40%);
		-webkit-transition: all 250ms ease-in-out;
		transition: all 250ms ease-in-out;
		border-bottom: none;
	}
	#same-cookie-privacy i {
		font-style:italic!important;
	}
	.footer-detail,
	footer,
	.same-bottom-rights{
		display:none;
	}
	.social-links ul {
		margin-top: 2rem;
		margin-bottom: 1rem;
		border-bottom: 1px solid #eee;
	}
	.navWrap .topNav .sameSearch {
		display: flex;
		display: -webkit-box;
		flex: 1; /*这个1表示flex-grow*/
		-webkit-box-flex: 1;
		justify-content: center;
		-webkit-box-pack: center;
	}
	.navWrap .topNav .nav-search-suggest {
		position: absolute;
		z-index:16;
		top:4.1rem;
		left:1rem;
		width:30rem;
		background-color: #fff;
		box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.125);
		border-radius: 0.5rem;
	}
}
@media (min-width: 61.25rem) and (max-width: 77.35rem) {
		.otherMenuNav.faq{
			display: none;
		}
		.navWrap .topNav .same-search-input {
			min-width: 27rem;
		 }
}
 @media (min-width: 61.25rem) and (max-width: 67.625rem) {
		.otherMenuNav.contactus{
			display: none;
		}
		.navWrap .navItemBox .same-cart {
			margin-left: 1rem;
		}
 }
/*responsive end*/