/*公共样式*/
html, body {
    font-size: 14px;
    color: #333333;
}
* {
   margin: 0;
   padding: 0;
}
ul,li,ol {
   list-style: none; 
}
button {
    border:none;
}
em,i {
    font-style: normal;
}

h1,h2,h3 {
    font-weight: 300;
}
a,a:hover {
    color:#333;
    text-decoration: none;
}

/*首页*/

/*  导航 */
#header-top{width: 100%;
    height: 58px;
    position: fixed;
    top: 0px;
    z-index: 1030;
}

#header-home {
    width: 1080px; margin:0 auto; 
}
#header-home .home-header-tab .home-logo {
    width: 148px; 
    height: 48px;margin-top:10px;
    float: left; 
}
#header-home .home-header-tab .home-logo img{height:36px}

#header-home .home-icons {
      width: 310px;
    float: right;
    margin-top: 18px; display:inline
}
#header-home .home-search-box {
    float: left;  
    opacity: 0;
    transition: opacity 0.5s;
    -moz-transition: opacity 0.5s; /* Firefox 4 */
    -webkit-transition: opacity 0.5s; /* Safari 和 Chrome */
    -o-transition: opacity 0.5s; /* Opera */
}
#header-home .home-search-box.active {
    opacity: 1;
}
#header-home .home-search-keys {
    background: none;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    height: 28px;
    width: 120px; color:#fff
}
#header-home .home-icons span {
    float: left;
    cursor: pointer;
}

#header-home .home-icons .home-search-icon {
    display: block;
    width: 29px;
    height:29px; 
    margin-left: 5px; margin-right:5px;
	float:left; background-size:60%; background-position: center; background-repeat:no-repeat
}

#header-home .home-icons .home-user-icon {
    display: block;
    width: 29px;
    height:29px;
/*    background: url(../images/user-white.png) no-repeat center;background-size:80%;
*/ margin-left:14px; margin-right:4px
}

#header-home .home-icons .home-cart-icon {
	float:left;
    position: relative;
    display: block;
    width: 29px;
    height:29px;
	margin-left: 5px; display:inline;
}
#header-home .home-icons .home-cart-num {
    position: absolute;
    right: -10px;
    top: -8px;
    width:16px;
    display: block;
    height: 16px;
    line-height: 17px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    color: #333; 
    font-size: 12px;
	z-index:1; display:none
}

#header-home .home-menu {
    float: left;
    margin-top: 80px;
    padding-left: 25px;
    color: #fff;
}
#header-home .home-menu ul li {
    padding-bottom: 30px;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0.3em;
}
#header-home .home-menu ul li a{color: #fff;}
#header-home .home-menu ul li a:hover {color: #d6d6d6;}

#banner {
    width: 100%;
    min-height: 300px;
    overflow: hidden;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
#banner .carousel-item { 
background-repeat:no-repeat;
 background-size: cover;  width:100%; height:100%; background-position:center center; overflow:hidden
}
 @media screen and (max-device-witdh:750px){
	#banner .carousel-item { 
	background-repeat:no-repeat; 
 background-size: cover;  width:100%; height:100%; background-position:center center; overflow:hidden
} 
	 }
 @media screen and (max-device-witdh:1500px){
	#banner .carousel-item { background-repeat:no-repeat; 
  background-size: cover;  width:100%; height:100%; background-position:center center; overflow:hidden
} 
	 }
.home-content-wrap {
    width: 100%;
    margin: 0 auto;
}

#banner .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 10px; 
    margin:0 8px;
}
.home-header-user {
    position: relative;
	float:left;
	
}
.home-header-user .header-menu-content {
    left: -60px;
    top: 20px; 

}
.home-header-user.active .header-menu-content {
    display: block;
}
.home-content {
    text-align: center;
    margin-top:20px;
    padding: 10px 0;
    width: 100%;
}
.home-content h1 {
    font-weight: 500;
}
.home-content h1,.home-content h2 {
    font-size: 24px;
    line-height: 24px;
    margin: 0;
    letter-spacing: 0.05em;
}

.home-content h2 {
    color:#595959;
    font-weight: normal;
    letter-spacing: 0.05em;
    margin-top: 50px;
    margin-bottom: 15px;
}
.home-content p {
    margin-bottom: 14px;
    font-size: 16px;
}



/* 动画 */  
 .CollectionItem__Link {
    color: #363636;
    border-color: #ffffff;
	
  }

 .CollectionItem__Link::before {
    background-color: #ffffff;
  }

  @media (-moz-touch-enabled: 0), (hover: hover) {
.CollectionItem__Link:hover {
      color: #ffffff;
	  border:1px solid #fff;

    }
  /* end */
  
  }

.home-Columns {
    width: 100%;
    margin-top: 20px;
    height:499px; position:relative
}
.home-Columns .listTit{   text-align:center ; width:230px; margin: 20px auto;     position: absolute;
    left: 32.5%;
    top: 30px;}


.home-Columns .home-Columns-item {
    float: left;
    width: 48%;
    height: 499px;
    overflow: hidden; background-size:cover; background-position:center; position:relative
}
.CollectionItem__Image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover; background-position:center
}

.home-widget {
  position:relative; background-size:cover; background-position:center; height:499px; overflow:hidden;
	width:98%; margin:25px 1%
}
.home-widget img{ width:100% !important;  height:auto !important}
.listTit-home{ position: absolute;
    left: 33.333%;
    top: 40%;
    font-size: 60px;
    color: #fff;
	font-weight:bold}
.home-Columns-four {
 
	width:98%; margin-left:1%; margin-right:1%;
}
.home-Columns-four .home-Columns-item {
    width:24%;
    float: left;
    height:550px;
    margin-right: 1.33%; background-size: cover; position:relative; margin-bottom:20px;
}   
.home-Columns-four .home-Columns-item img{ width:100%;height:550px;}

/* gd */

.migo-shad{
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 19891015;
position:fixed;  
background-color: rgb(0, 0, 0);
opacity: 0.6;     
	}
.index-pop{z-index: 19891016;
width: 680px;
height: auto;
margin-left: -300px;
top: 35%;
left: 50%; position:fixed;}
.index-pop .xubox-main {opacity:1;
	width: 680px;
    position: relative;
    height: auto;
    min-height: 100px;
    padding: 0px 20px;
    border-radius: 2px;
    min-width: 200px;

}
.index-pop .xubox-main img{ width:100%;opacity: 1;}
.newindex-autopop-closebtn {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 26px;
    top: 10px;
    z-index: 2;
    text-align: center;
    line-height: 44px;
    font-size: 20px;
    cursor: pointer; background-image:url(../images/closebtn.png); background-size:cover;
}
.classno{ display:none}
.carousel-img{position:absolute; bottom:8%; left:33.3%; width:450px}
.carousel-img img{ width:80%;}
/* gd */

/*  Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1199.98px) {/* gd */
.carousel-img{position:absolute; bottom:8%; left:33.3%; width:500px}
.carousel-img img{ width:80%;}

.migo-shad{
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 19891015;
position:fixed;  
background-color: rgb(0, 0, 0);
opacity: 0.6;     
	}
.index-pop{z-index: 19891016;
width: 800px;
height: auto;
margin-left: -300px;
top: 40%;
left: 50%; position:fixed;}
.index-pop .xubox-main {opacity:1;
	width: 800px;
    position: relative;
    height: auto;
    min-height: 100px;
    padding: 0px 20px;
    border-radius: 2px;
    min-width: 200px;

}
.index-pop .xubox-main img{ width:100%;opacity: 1;}
.newindex-autopop-closebtn {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 26px;
    top: 10px;
    z-index: 2;
    text-align: center;
    line-height: 44px;
    font-size: 20px;
    cursor: pointer; background-image:url(../images/closebtn.png); background-size:cover;
}
.classno{ display:none}

/* gd */ }

/* Large devices (desktops, 992px and up)  */
@media (max-width: 992px) { /* gd */
.carousel-img{position:absolute; bottom:8%; left:33.3%;width:450px}
.carousel-img img{ width:80%;}

.migo-shad{
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 19891015;
position:fixed;  
background-color: rgb(0, 0, 0);
opacity: 0.6;     
	}
.index-pop{z-index: 19891016;
width: 680px;
height: auto;
margin-left: -300px;
top: 35%;
left: 50%; position:fixed;}
.index-pop .xubox-main {opacity:1;
	width: 680px;
    position: relative;
    height: auto;
    min-height: 100px;
    padding: 0px 20px;
    border-radius: 2px;
    min-width: 200px;

}
.index-pop .xubox-main img{ width:100%;opacity: 1;}
.newindex-autopop-closebtn {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 26px;
    top: 10px;
    z-index: 2;
    text-align: center;
    line-height: 44px;
    font-size: 20px;
    cursor: pointer; background-image:url(../images/closebtn.png); background-size:cover;
}
.classno{ display:none}

/* gd */}



@media all and (max-width:1440px) {
	.carousel-img{position:absolute; bottom:6%; left:33.3%;width:600px}
.carousel-img img{ width:75%;}
	.home-widget {
  position:relative; background-size:cover; background-position:center; height:376px; overflow:hidden;
	width:98%; margin:25px 1%
}

	.home-Columns {
    width: 100%;
    margin-top: 20px;
    height:376px; position:relative
}
.home-Columns .home-Columns-item {
    float: left;
    width: 48%;
    height: 366px;
    overflow: hidden; background-size:cover; background-position:center; position:relative
}
.home-Columns-four .home-Columns-item img{ width:100%;height:362px; }
.home-Columns-four .home-Columns-item {
    width:24%;
    float: left;
    height:362px;
    margin-right: 1.33%; background-size: cover; position:relative; margin-bottom:20px;
} 

}
.home-Columns .home-Columns-item:nth-child(2){
    float:right;
   margin-right:1%; 
}

.home-Columns .home-Columns-item:first-child {
    margin-right:1%;    margin-left:1%;
	
	

}
.CollectionItem__Image{    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;}
.CollectionItem__ImageWrapper{background-size:cover;background-position:center;height:100%;width:100%;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:-webkit-transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
@media (-moz-touch-enabled: 0), (hover: hover){.CollectionItem:hover .CollectionItem__ImageWrapper{-webkit-transform:scale(1.2);transform:scale(1.2)}}

.home-Columns-four .home-Columns-item:last-child {
    margin: 0; 
}
.header-menu-content {
    position: absolute;
    left: -100px;
    z-index: 20;
    display: none;
}

.header-item.active .header-menu-content {
    display: block;
}
.header-menu-left {
    width: 180px;
    /*min-height: 450px;*/
    margin-top:20px;
    height:220px;
    border-radius: 15px;
    background-color:rgba(49,49,49,.80);
    color: #fff;
    font-size: 14px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4); padding-top:8px
}
.header-menu-left ul li {
    display: block;
    float: left;
    width: 100%;
	font-size:15px
}
.header-menu-left ul li:hover{ background-color:#fff; }
.header-menu-left ul li:hover a{ color:#333 }

.header-menu-left ul li:hover span {
    text-decoration: underline;
}
.header-menu-left ul li a {
    color:#fff;
	width:100%; display:inline-block; text-align:center;
	text-transform: uppercase;
    padding: 6px 0px;
}
/* 登陆注册 */
.register-wrapper {
    position: relative;
}
.register-wrapper .modal-body {
    padding: 50px 1rem;
}
.register-wrapper .modal-content {
    padding-bottom: 40px;
}
.login-wrapper .modal-content,.register-wrapper .modal-content {
    border-radius:15px;
    position: relative;
}
.login-wrapper .close,.register-wrapper .close {
    font-size: 50px;
    line-height: 20px;
    font-weight: 200;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 20;
    color: #666;
}
.login-wrapper .modal-header,.register-wrapper .modal-header {
    border: none;
    padding: 0;
    position: relative;
}
.login-box-tab {
    text-align: center;
    color: #999999;
}
.login-box-tab span.login-item {
    font-size: 20px;
    line-height: 20px;
    margin:0 60px;
    cursor: pointer;
}
.login-box-tab span.login-item.active {
    border-bottom: 1px solid #333;
    color: #333;
    padding-bottom: 5px;
}
.login-item-content {
    display: none;
}
.login-item-content.active {
    display: block;
}
/* 登录框 */
.login-wrapper .login-item-content form {
    padding:30px;
}
.login-wrapper .modal-body {
    padding: 50px 1rem;
}
.login-wrapper .form-group {
    margin-bottom: 35px;
}
.login-wrapper .form-group .input-yzm {
    width: 220px;
    float: left;
}
.login-wrapper .form-group .form-control {
    border-radius: 0;
    border: none;
    height:50px;
    border-bottom: 1px solid #999;
} 
.login-wrapper .form-group .btn-yzm {
    width: 140px;
    height: 50px;
    background-color: #333;
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
}
.login-wrapper .login-item-content .btn-login {
    width: 100%;
    height: 50px;
    color: #fff;
    font-size: 16px;
    background-color: #000;
    border-radius: 5px;
}
.login-wrapper .wechat-login {
    font-size: 14px;
    text-align: center;
    color: #666;
    padding-top:40px;
}

.login-wrapper .login-tips {
    width: 100%;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 14px;
    background-color: #f3f3f3;
    color: #999;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 0 0 15px 15px;
}
.login-wrapper .login-tips .go-register {
    color: #333;
    cursor: pointer;
}


/* 注册入口*/
.register-wrapper .register-content {
    text-align: center;
}
.register-wrapper .register-content h1 {
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    padding-bottom: 50px;
}
.register-wrapper .register-content form {
    padding:0 50px;
}
.register-wrapper .register-content form .register-btn {
    width: 100%;
    height: 50px;
    margin-bottom: 40px;
    background-color: #333;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    box-shadow: 0px 0px 15px 0px rgba(202, 202, 202, 0.4);
}
.register-wrapper .register-content form .register-btn:hover {
    border:1px solid #333;
    color: #333; 
    background-color: #fff;
    cursor: pointer;
}

/*消费者注册*/
.register-content h1 {
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    padding-bottom: 50px;
}
.register-content .form-group {
    margin-bottom: 35px;
}
.register-content .form-group .input-yzm {
    width: 220px;
    float: left;
}
.register-content .form-group .form-control {
    border-radius: 0;
    border: none;
    height:50px;
    border-bottom: 1px solid #999;
} 
.register-content .form-group .btn-yzm {
    width: 140px;
    height: 50px;
    background-color: #333;
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
}
.register-content .btn-register {
    width: 100%;
    height: 50px;
    color: #fff;
    font-size: 16px;
    background-color: #333;
    /*background-color: #c5c5c5;*/
}
.go-register-next {
    display: block;
    position: absolute;
    cursor: pointer;
    top: -40px;
    left: 20px;
    width: 10px;
    height: 19px;
    transform:rotate(180deg);
    background: url(../images/more.png) no-repeat center;
}
.register-content .register-detail {
    display: none
}
.register-content .register-detail.active {
    display: block;
}



/*底部*/
#footer {
    padding: 40px 0 0;
    width: 100%;
    float: left;
    border-top: 1px solid #eee;
    background-color: #fbfbfb;
}
#footer .footer-content {
    width: 1080px;
    margin: 0 auto;
    padding: 0 45px;
}
#footer .newWechat {
    width: 225px;
    float: left;
	text-align:center
}
#footer .newWechat h1 {
 font-size: 24px;
 line-height: 24px;
 font-weight: 500;
 margin-bottom: 10px;
}
#footer .newWechat h2 {
 font-size: 20px;
 line-height: 20px;
 margin-bottom: 20px;
 letter-spacing: 0.1em
}
#footer .newWechat h3 {
 font-size: 14px;
 line-height: 14px;
 margin-bottom: 15px;
}
#footer .newWechat img {
    width: 100px;
    height: 100px;
}

#footer .foot-menu {
    float: left;
    font-size: 18px;
    line-height: 18px;
    width: 520px;
}

#footer .foot-menu dl {
    margin: 0 0 0 100px;
    float: left;
}

#footer .foot-menu dl dt {
    font-size: 15px;
    line-height: 32px;
    margin-bottom: 10px;
    color: #5a5a5a;
	border-bottom:#a0a0a0 1px solid
}
#footer .foot-menu dl dd {
    padding-bottom: 10px;
    font-size: 14px;
}
#footer .foot-menu dl:last-child {
    border:none;
}
#footer .copyright {
    width: 100%;
    float: left;
    padding-top: 40px;
    padding-bottom: 30px;
    text-align: center;
    letter-spacing: 0.01em;
    font-size: 12px;
    line-height: 12px;
    color: #666666;
}
#footer .copyright span {
    padding: 0 10px;
}
/*
*/

/* Icon Grow */
.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-grow .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-grow:hover .hvr-icon, .hvr-icon-grow:focus .hvr-icon, .hvr-icon-grow:active .hvr-icon {
  -webkit-transform: scale(1.2) translateZ(0);
  transform: scale(1.2) translateZ(0);
}


/* 弹出注册  */


.shopify-section{ position:relative}
.NewsletterPopup {
    max-width: 385px;
    right: 25px;
    bottom: 35px;
    left: auto;
    padding-top: 35px;

}
.NewsletterPopup{display: none;  position:fixed; width:calc(100% - 30px);padding:24px 30px 30px 30px;background:#f0eded;color:#000;z-index:50;text-align:center;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);box-shadow:0 1px 4px rgba(0,0,0,0.3);-webkit-transform:translateY(25px);transform:translateY(25px);-webkit-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.Form__Submit{background-color:#000; padding:12px 15px; color:#fff; width:80%; display:inline-block}
a.Form__Submit:hover{color:#fff;}
.NewsletterPopup__Content{ margin-bottom:1rem}
.shopify-autopop-closebtn {width: 26px;height: 26px;position: absolute;right: 26px;top: 10px;z-index: 2;text-align: center;line-height: 44px;
    font-size: 20px;cursor: pointer; background-image:url(../images/closebtn.png); background-size:cover;}	
.pop-header .pop-close,.pop-con .pop-icon{
	background:url(../images/common/common-icon.png) no-repeat;
}
.pop-mask{
	position:fixed;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.15;
	filter:alpha(opacity=15);
	left:0;
	top:0;
	z-index:999999;
	display:none;s
}
.pop-main{
	border: 4px solid rgba(0,0,0,.1);
    border: 4px solid #ccc\9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	width: 410px;
    position: fixed;
    z-index: 1000001;
    display: none;
    overflow: hidden;
	left:50%;
	margin-left:-209px;
}	
.pop-header{
	position: relative;
    padding: 0 10px;
    height: 36px;
    line-height: 36px;
    background: #f7f7f7;
    font-size: 14px;
    color: #666;
    font-family: "Microsoft YaHei";	
}
.pop-header .pop-close,.pop-header .tell-me-close{
	display:block;
	width:13px;
	height:13px;
	background-position:-41px -44px;
	position:absolute;
	right:13px;
	top:13px;
}
.pop-con{
	padding:10px 10px 20px;
	background:#fff;	
	position:relative;
	min-height:80px;
	text-align:center;
}
.pop-con .pop-icon{
	display:block;
	width:39px;
	height:39px;
	background-position:-118px -43px;
	position:absolute;
	left:20px;
	top:20px;
}
.pop-con .pop-text{
	padding:10px 20px 15px 60px;	
	font-size:14px;
	line-height:1.5em;
	text-align:left;
}
.sure-btn,.pop-sure{
	display: inline-block;
	width:auto;
	padding:0 25px;
    height: 28px;
	line-height:28px;
    font-size: 14px;
	text-align:center;
    color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border:1px solid #333333;
	background:#333333;
	cursor:pointer;
	margin-right:20px;
}
a.pop-sure:hover{
    color: #fff;
}
.cancel-btn{
	display:inline-block;
	background:#f5f5f5;
    height: 28px;
    line-height: 28px;
    padding: 0 25px;
    border: 1px solid #ddd;	
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	cursor:pointer;
	vertical-align:top;
}
/* 右侧 end */