/* jiaeApp - v0.0.0 - 2015-02-27 03:02:00 */

a:focus, a:hover {
    text-decoration: none!important;
}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,div,p,th,td,pre,code,blockquote,fieldset,legend,form,input,textarea
	{
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,img {
	border: 0
}

ol,ul {
	list-style: none
}

address,caption,cite,code,dfn,em,i,th,var {
	font-style: normal;
	font-weight: 400
}

q:before,q:after {
	content: ''
}

abbr,acronym {
	border: 0;
	font-variant: normal
}

sup {
	vertical-align: text-top
}

sub {
	vertical-align: text-bottom
}

legend {
	color: #333
}

header,nav,main,article,aside,section,footer {
	display: block
}

input,textarea {
	outline-style: none
}

input[type=text],input[type=password],textarea {
	outline-style: none;
	-webkit-appearance: none;
	-moz-appearance: none
}

textarea {
	resize: none
}

a,a:link,a:visited { /* color:#333 */
	
}

a:active,a:focus {
	color:black;
	outline: 0
}

a {
	color:black;
	text-decoration: none
}

body,button,input,select,textarea {
	/* font:14px/1.5 tahoma,'Hiragino Sans GB','Microsoft YaHei',sans-serif;color:#606060 */
	
}

html {
	font-size: 62.5%
}

/* body {
	background-color: #efeff0
} */

a {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.fl {
	float: left
}

.fr {
	float: right
}

.clearfix:after {
	display: block;
	clear: both;
	width: 100%;
	height: 0;
	content: ''
} /*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
	font-family: FontAwesome;
	src: url(../../fonts/fontawesome-webfont.eot);
	src: url(../../fonts/fontawesome-webfont.eot#iefix&v=4.2.0)
		format('embedded-opentype'), url(../../fonts/fontawesome-webfont.woff)
		format('woff'), url(../../fonts/fontawesome-webfont.ttf)
		format('truetype'),
		url(../../fonts/fontawesome-webfont.svg#fontawesomeregular)
		format('svg');
	font-weight: 400;
	font-style: normal
}

.fa {
	font-family: FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.fa-angle-left:before {
	content: "\f104"
}

.fa-angle-right:before {
	content: "\f105"
}

.fa-angle-down:before {
	content: "\f107"
}

.fa-search:before {
	content: "\f002"
}

.fa-align-left:before {
	content: "\f036"
}

.fa-user:before {
	content: "\f007"
}

.fa-shopping-cart:before {
	content: "\f07a"
}

.fa-home:before {
	content: "\f015"
}

.fa-check:before {
	content: "\f00c"
}

.fa-th-large:before {
	content: "\f009"
}

.fa-heart-o:before {
	content: "\f08a"
}

.fa-share-square-o:before {
	content: "\f045"
}

.loading {
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #efeff0;
	text-align: center
}

.loading .loading-pic {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 60px;
	height: 60px;
	-webkit-animation: loading-animate 1s infinite
}

@
-webkit-keyframes loading-animate { 0%{
	-webkit-transform: rotate(0)
}

100%{
-webkit-transform
:rotate(360deg)
}
}
.share-s1 {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6)
}

.share-s1 .share-lists {
	position: absolute;
	bottom: -150px;
	width: 100%;
	-webkit-transition: all .3s ease
}

.share-s1 .share-lists li {
	margin: 10px 3% 0;
	border-radius: 3px;
	background: #fff;
	text-align: center;
	font-size: 1.4rem
}

.share-s1 .share-lists li a {
	display: block;
	padding: 8px 0;
	color: #f5422a
}

.share-s1 .share-lists li:last-child a {
	color: #666
}

.share-s1 .share-lists-show {
	-webkit-transform: translateY(-160px)
}

.share-s1 .share-lists-hide {
	-webkit-transform: translateY(0)
}

.header-wp {
	position: fixed;
	z-index: 999;
	top: 0;
	width: 100%
}

.header-s2 {
	display: -webkit-box;
	height: 46px;
	background-color: #fff
}

.header-s2 .hd-left {
	height: 45px
}

.header-s2 .hd-center {
	-webkit-box-flex: 1
}

.header-s2 .hd-right {
	height: 46px
}

.header-s2 {
	background: #e84143
}

.header-s2 .hd-left,.header-s2 .hd-right {
	width: 46px;
	text-align: center;
	overflow: hidden
}

.header-s2 .hd-left a,.header-s2 .hd-right a {
	display: block;
	color: #fff
}

.header-s2 .hd-left {
	background-size: 28px 28px;
	line-height: 46px
}

.header-s2 .hd-left .fa {
	font-size: 4rem
}

.header-s2 .hd-right {
	line-height: 46px
}

.header-s2 .hd-right .fa {
	font-size: 2.4rem
}

.header-s2 .hd-right-text {
	text-align: left;
	font-size: 1.8rem
}

.header-s2 .hd-center {
	text-align: center
}

.header-s2 .hd-center .hd-title {
	line-height: 46px;
	font-size: 2rem;
	font-weight: 400;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #fff
}

.header-red {
	background-color: #e3f9fd;
	border-bottom: 0
}

.header-red .hd-title,.header-red .hd-left .fa,.header-red .hd-right .fa
	{
	color: #ffb61e
}

.header-red .hd-left {
	background: 0
}

.header-red .hd-left .fa {
	font-size: 4rem
}

.header-red .hd-right .fa {
	font-size: 2rem
}

.header-red .hd-right .fa-share-square-o {
	font-size: 2.4rem
}

.header-logo .hd-center .hd-title {
	background: url(../../images/common/logo.png) no-repeat center center;
	background-size: 100px 26px;
	text-indent: -9999px;
	color: #fff;
	font-size: 2.2rem;
	font-weight: 700
}

.header-search {
	border-bottom: 0;
	background: #e84143
}

.header-search .hd-search {
	position: relative;
	-webkit-box-flex: 1
}

.header-search .hd-search input {
	margin: 7px 0 0 15px;
	width: 80%;
	height: 32px;
	padding-left: 23px;
	border: 0;
	border-radius: 3px;
	background: #fbe2dc;
	color: #666;
	font-size: 1.4rem
}

.header-search .hd-search .fa {
	position: absolute;
	top: 12px;
	left: 22px;
	font-size: 1.6rem;
	color: #999
}

.header-search .hd-right a {
	color: #fff
}

.nav-s1 {
	height: 40px;
	background: #f8f8f8;
	color: #f5422a;
	font-size: 1.4rem
}

.nav-s1 .cat {
	display: -webkit-box
}

.nav-s1 .cat a {
	display: block
}

.nav-s1 .cat>li {
	position: relative;
	width: 33.333333%;
	height: 38px;
	line-height: 38px;
	border-bottom: 2px solid #f8f8f8;
	border-right: 1px solid #f1f1f1;
	-webkit-box-flex: 1;
	text-align: center
}

.nav-s1 .cat>li:last-child {
	border-right: 0
}

.nav-s1 .cat>li>a {
	color: #999
}

.nav-s1 .cat>li>.icon {
	position: absolute;
	right: 10px;
	top: 2px;
	font-size: 2.2rem;
	color: #999
}

.nav-s1 .cat>.active {
	border-bottom-color: #e84143
}

.nav-s1 .cat>.active>a {
	color: #666
}

.nav-s1 .cat>.active .children {
	display: block
}

.nav-s1 .children {
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	background: #f8f8f8;
	opacity: .8
}

.nav-s1 .children a {
	color: #999
}

.nav-s1 .children li {
	border-bottom: 1px solid #f1f1f1
}

.nav-s1 .children li:last-child {
	border: 0
}

.nav-s1 .children .active a {
	color: #f5422a
}

.nav-s1-dropdown .cat>li {
	width: 50%
}

.swiper-container {
	width: 100%
}

.swiper-container {
	position: relative;
	margin: 0 auto;
	overflow: hidden
}

.swiper-container .icons-list {
	position: absolute;
	bottom: 6px;
	width: 100%;
	font-size: 0;
	text-align: center
}

.swiper-container .icons-list li {
	display: inline-block;
	margin: 0 3px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .8)
}

.swiper-container .icons-list .active {
	background: #f80
}

.swiper-wrapper {
	position: relative;
	overflow: auto
}

.swiper-wrapper .slide {
	float: left
}

.swiper-wrapper .slide-pic {
	width: 100%;
	vertical-align: middle
}

.swiper-wrapper-animate {
	-webkit-transition: all .3s ease
}

.temai-lists li {
	position: relative;
	margin-top: 15px
}

.temai-lists .item-pic {
	width: 100%
}

.temai-lists .item-meta {
	font-size: 1.4rem
}

.temai-lists .item-meta .discount {
	font-weight: 700;
	color: #666
}

.temai-lists .item-meta .original-price {
	float: right;
	font-size: 1.4rem;
	color: #999
}

.temai-lists .item-meta .icon-rmb {
	margin-left: 5px;
	font-weight: 700;
	color: #f5422a
}

.temai-lists .item-meta .price {
	margin-top: -3px;
	float: right;
	font-size: 2rem;
	color: #f5422a
}

.temai-lists .countdown {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 46px;
	line-height: 46px;
	background: rgba(255, 255, 255, .7);
	color: #f5422a;
	text-align: center;
	font-size: 0
}

.temai-lists .countdown span {
	font-size: 3rem
}

.item-lists {
	margin-top: 2px;
	overflow: auto
}

.item-lists li {
	float: left;
	margin: 1%;
	width: 98%
}

.item-lists .item-pic {
	width: 35%;
	float: left;
	padding: 10px;
}

.item-lists .item-title,.item-lists .item-price {
	display: block
}

.item-lists .item-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.8rem;
	color: #666;
	margin: 5px
}

.item-lists .item-price {
	font-size: 1.6rem;
	color: #999;
	font-weight: 700;
	float: left;
	margin-top: 12px
}

.item-lists .item-price .origin {
	margin-left: 5px;
	color: #ccc
}

.item-bar {
	margin: 0 1%;
	height: 40px;
	line-height: 40px;
	background: #f7f7f7;
	box-shadow: 0 0 2px rgba(0, 0, 0, .1);
	font-size: 1rem;
	text-align: center
}

.item-title-bar h2 {
	font-weight: 400
}

.item-more .btn-more {
	display: block;
	color: #666;
	font-size: 1.4rem
}

.item-more .fa {
	margin-right: 5px;
	font-size: 1.6rem;
	color: #ccc
}

.banner-list li .pic {
	display: block;
	width: 100%
}

.banner-list li .title {
	line-height: 28px;
	text-align: center;
	font-weight: 400;
	font-size: 1.4rem;
	color: #666
}

.footer-s1 {
	position: fixed;
	z-index: 101;
	bottom: 0;
	width: 100%;
	height: 50px;
	background: #f8f8f8
}

.footer-s1 .menu {
	display: -webkit-box
}

.footer-s1 .menu li {
	-webkit-box-flex: 1;
	text-align: center
}

.footer-s1 .menu li a {
	color: #999
}

.footer-s1 .menu li .icon,.footer-s1 .menu li .text {
	display: block
}

.footer-s1 .menu li .icon {
	margin-top: 2px;
	font-size: 2rem
}

.footer-s1 .menu li .text {
	margin-top: -5px
}

.footer-s1 .menu .active a {
	color: #f5422a
}

.footer-s3 {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 50px;
	background: #efeff0
}

.footer-s3 .menu {
	display: -webkit-box
}

.footer-s3 .menu li {
	padding-top: 6px;
	-webkit-box-flex: 1;
	text-align: center
}

.footer-s3 .menu li a {
	display: block;
	color: #666
}

.footer-s3 .menu li .icon {
	margin: 0 auto;
	display: block;
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 22px
}

.footer-s3 .menu li .icon-home {
	background-image: url(../../images/common/icon-home.png)
}

.footer-s3 .menu li .icon-category {
	background-image: url(../../images/common/icon-category.png)
}

.footer-s3 .menu li .icon-cart {
	background-image: url(../../images/common/icon-cart.png)
}

.footer-s3 .menu li .icon-my {
	background-image: url(../../images/common/icon-my.png)
}

.footer-s3 .menu li .text {
	display: block;
	margin-top: 2px;
	font-size: 1.4rem;
	color: #99cccc;
}

.footer-s3 .menu .active a, .footer-s3 .menu .active a .text{
	color: #2db8b8!important;
}

.footer-s3 .menu .active .icon-home {
	background-image: url(../../images/common/icon-home-active.png)
}

.footer-s3 .menu .active .icon-category {
	background-image: url(../../images/common/icon-category-active.png)
}

.footer-s3 .menu .active .icon-cart {
	background-image: url(../../images/common/icon-cart-active.png)
}

.footer-s3 .menu .active .icon-my {
	background-image: url(../../images/common/icon-my-active.png)
}

.shopping-footer-wp {
	position: fixed;
	bottom: 0;
	width: 100%
}

.shopping-footer {
	height: 32px;
	line-height: 32px;
	padding: 8px 12px;
	border-top: 1px solid #e6e6e6;
	background: #fff;
	overflow: hidden;
	font-size: 1.4rem
}

.shopping-footer .color-red {
	color: #f5422a
}

.shopping-footer .btn-next {
	height: 32px;
	padding: 0 15px;
	background: #e73736;
	color: #fff
}

.header-wp-static { /* position:static */
	
}

.cont-pb-footer,.cont-home,.cont-product {
	padding-bottom: 59px;
	padding-top: 46px;
}

.cont-mt-header,.cont-product-detail {
	margin-top: 46px
}

.nav-s1 {
	z-index: 101
}

.nav-s1-fixed {
	position: fixed;
	top: 0;
	width: 100%
}
/* ���빺�ﳵ  */
.j-btn-addCart {
	display: inline-block;
	float: right;
	padding: 15px 17px 5px 5px;
	background: rgba(0, 0, 0, 0) url("../../images/header-icons.png")
		no-repeat scroll 0 -62px;
	background-size: 100%;
	margin-right: 2px;
	cursor: pointer;
}

@media screen and (min-width: 375px) { 
  .j-product-ul-div  {
    height: 80px!important;
    overflow:hidden;
  }
  
  .j-nav1-content li a {
   padding: 10px 3px 5px!important;
  }
}
@media screen and (max-width: 375px) { 
  .j-product-ul-div  {
    height: 60px!important;
    overflow:hidden;
    text-overflow: ellipsis;
  }
  .j-product-price {margin-top: 5px!important;}
  .j-product-brand {margin-top: 5px!important;}
  .j-nav1-content li a p { font-size: 12px!important;}
  .j-nav1-content li a {
   padding: 10px 5px 5px!important;
  }
}
@media screen and (min-width: 375px) and (max-width: 414px){
  .j-nav1-content li a {
   padding: 10px 10px 5px!important;
  }
}