/*公共样式  START*/
body {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color:transparent;
}

em, i {
    font-style: normal;
}

dt, dd, ol, ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
    overflow: hidden;
}

/*common*/

header {
    width: 100%;
/*    max-width: 750px;*/
    height: 0px;
    margin: 0 auto;
}

header .head {
    width: 100%;
/*    max-width: 750px;*/
    height: 42px;
    background: #f8f8f8;
    text-align: center;
    font: normal 16px "微软雅黑";
    color: #eb1212;
    line-height: 42px;
    position: fixed;
    top: 0;
    z-index: 999;
}

header .head a {
    width: 38px;
    height: 38px;
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    background: url(../images/btnBack.png) no-repeat 0 0;
    background-size: 38px 38px;
}

header .head a.share {
    background: url("../images/shareIco.png") no-repeat center center;
    background-size: 23px 18px;
    left: auto;
    right: 5px;
}

.relative {
    position: relative;
}
.bCover{
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.container {
    margin: 0 auto;
    max-width: 100%;
}

.container a {
    display: block;
}

.container img {
    width: 100%;
    display: block;
    border: none;
}
.goodsBlock a:nth-child(1){
    height:calc(100% - 1.9rem);
}

.goodsBlock a:nth-child(2){
    height:1.9rem;
}

#tc_mask{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:999;
    background-color: rgba(0,0,0,0.8);
    display: none;
}
#tc{
    width:7.16rem;
    height:8.49rem;
    background-image: url(../images/tc.png);
    position: absolute;
    top:10%;
    left:50%;
    margin-left:-3.58rem;
}
#close_tc{
    width:0.8rem;
    height:0.75rem;
    position: absolute;
    top:0;
    right:0;
}
/*公共样式END*/
@keyframes zoomIn{
    0%{opacity:0;transform:scale3d(.3,.3,.3)}
    50%{opacity:1}
    100%{
        opacity: 1;
    }
}
@-webkit-keyframes zoomIn{
    0%{opacity:0;transform:scale3d(.3,.3,.3)}
    50%{opacity:1}
    100%{
        opacity: 1;
    }
}
#ani-cont{
    position: absolute;
    width:5.79rem;
    height:3.3rem;
    top:7rem;
    left:0.82rem;
    opacity: 0;
    animation:zoomIn 1s 0.5s linear forwards;
}
#ani-cont .ani{
    position: absolute;
}
#ani-cont .ani img{
    width: 100%;
    height: 100%;
}
@keyframes shine1{
    0%{opacity:0.5;}
    50%{opacity:1}
    100%{
        opacity: 0.5;
    }
}
@-webkit-keyframes shine1{
    0%{opacity:0.5;}
    50%{opacity:1}
    100%{
        opacity: 0.5;
    }
}

@keyframes shine2{
    0%{opacity:1;}
    50%{opacity:0.5}
    100%{
        opacity:1;
    }
}
@-webkit-keyframes shine2{
    0%{opacity:1;}
    50%{opacity:0.5}
    100%{
        opacity: 1;
    }
}
#ani-cont .ani1{
    width:3.46rem;
    height:0.66rem;
    top:1.14rem;
    left:1.19rem;
}

#ani-cont .brand1{
    width:1.63rem;
    height:0.6rem;
    top:0;
    left:1.75rem;
    opacity: 1;
    animation:shine2 2s 2s infinite alternate;
    -webkit-animation:shine2 2s 2s infinite alternate;
}

#ani-cont .brand2{
    width:1.7rem;
    height:0.7rem;
    top:0.41rem;
    left:0.26rem;
    opacity: 1;
    animation:shine2 4s 2.4s infinite alternate;
    -webkit-animation:shine2 4s 2.4s infinite alternate;
}


#ani-cont .brand3{
    width:2.05rem;
    height:0.76rem;
    top:0.43rem;
    left:1.9rem;
    opacity: 0.5;
    animation:shine1 2s 2s infinite alternate;
    -webkit-animation:shine1 2s 2s infinite alternate;
}

#ani-cont .brand4{
    width:0.63rem;
    height:0.97rem;
    top:0.22rem;
    left:3.85rem;
    opacity: 1;
    animation:shine2 2s 1s infinite alternate;
    -webkit-animation:shine2 2s 1s infinite alternate;
}

#ani-cont .brand5{
    width:1.47rem;
    height:0.77rem;
    top:0.41rem;
    left:4.32rem;
    opacity: 1;
    animation:shine2 4s 2.4s infinite alternate;
    -webkit-animation:shine2 4s 2.4s infinite alternate;
}

#ani-cont .brand6{
    width:0.96rem;
    height:0.79rem;
    top:1.07rem;
    left:0;
    opacity: 0.5;
    animation:shine1 2s 1.2s infinite alternate;
    -webkit-animation:shine1 2s 1.2s infinite alternate;
}

#ani-cont .brand7{
    width:0.74rem;
    height:0.9rem;
    top:0.98rem;
    left:4.88rem;
    opacity: 1;
    animation:shine2 4s 2.4s infinite alternate;
    -webkit-animation:shine2 4s 2.4s infinite alternate;
}

#ani-cont .brand8{
    width:1.38rem;
    height:0.48rem;
    top:1.81rem;
    left:0.15rem;
    opacity: 0.5;
    animation:shine1 3s 2s infinite alternate;
    -webkit-animation:shine1 3s 2s infinite alternate;
}

#ani-cont .brand9{
    width:1.38rem;
    height:0.5rem;
    top:1.81rem;
    left:1.44rem;
    opacity: 1;
    animation:shine2 1.7s 2.1s infinite alternate;
    -webkit-animation:shine2 1.7s 2.1s infinite alternate;
}


#ani-cont .brand10{
    width:1.27rem;
    height:0.61rem;
    top:2.15rem;
    left:0.59rem;
    opacity: 0.5;
    animation:shine1 4s 2s infinite alternate;
    -webkit-animation:shine1 4s 2s infinite alternate;
}

#ani-cont .brand11{
    width:1.08rem;
    height:0.44rem;
    top:2.23rem;
    left:1.78rem;
    opacity: 1;
    animation:shine2 3.2s 2.4s infinite alternate;
    -webkit-animation:shine2 3.2s 2.4s infinite alternate;
}

#ani-cont .brand12{
    width:1.54rem;
    height:0.75rem;
    top:1.92rem;
    left:2.77rem;
    opacity: 0.5;
    animation:shine1 4s 2.4s infinite alternate;
    -webkit-animation:shine1 4s 2.4s infinite alternate;
}


#ani-cont .brand13{
    width:1.31rem;
    height:0.75rem;
    top:1.62rem;
    left:4.26rem;
    opacity: 0.5;
    animation:shine1 3s 2s infinite alternate;
    -webkit-animation:shine1 3s 2s infinite alternate;
}

#ani-cont .brand14{
    width:1.36rem;
    height:0.46rem;
    top:2.22rem;
    left:4.35rem;
}

#ani-cont .brand15{
    width:1.77rem;
    height:0.65rem;
    top:2.65rem;
    left:2.16rem;
    opacity: 0.5;
    animation:shine1 2.3s 2.3s infinite alternate;
    -webkit-animation:shine1 2.3s 2.3s infinite alternate;
}


/*B类导航样式START*/
#navB{
    position: static;
	width:100%;
	height:0.50rem;
    z-index:99;
    top:0;
    left:0;
}
#navB div{
    float:left;
    width:calc(100%/6);
    height:100%;
    color:#fff;
	background-color:rgba(158,36,56,0.80);
    font-size:calc(100%/7);
    text-align: center;
    line-height: 0.5rem;
	/*border-style: solid; 
	border-width:0 0 0.05rem 0;
	border-color:rgba(25,51,63,1.00);*/
}
#navB.show{
	display: none;
}

#navB div.act{
    background-color:#ffd9d9;
	color:#082939;
	border-style: solid; 
	border-width:0 0 0.03rem 0;
	border-color:#ff8787;
	/*掌上商城用以下动画会丢失导航宽度，原因未知*/
	
	/*animation:fadeset 0.3s 0s ;
    -webkit-animation:fadeset 0.3s 0s ;*/
}
/*导航栏淡出淡入效果star*/
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0; /*初始状态 透明度为0*/
	}
	50% {
		opacity: 0; /*中间状态 透明度为0*/
	}
	100% {
		opacity: 1; /*结尾状态 透明度为1*/
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0; /*初始状态 透明度为0*/
	}
	50% {
		opacity: 0; /*中间状态 透明度为0*/
	}
	100% {
		opacity: 1; /*结尾状态 透明度为1*/
	}
}
@-webkit-keyframes fadeset {
	0% {
		height: 0%;
		color:#fff;
	}
	50% {
		height: 0%;
		color:#fff;
	}
	100% {
		height: 100%;		
		color:#000;
	}
}
@keyframes fadeset {
	0% {
		height: 0%;
		color:#fff;
	}
	50% {
		height: 0%;
		color:#fff;
	}
	100% {
		height: 100%;		
		color:#000;
	}
}
@-webkit-keyframes fadeOn {
	0% {
		opacity: 1; /*初始状态 透明度为0*/
	}
	50% {
		opacity: 0; /*中间状态 透明度为0*/
	}
	100% {
		opacity: 0; /*结尾状态 透明度为1*/
	}
}
@keyframes fadeOn {
	0% {
		opacity: 1; /*初始状态 透明度为0*/
	}
	50% {
		opacity: 0; /*中间状态 透明度为0*/
	}
	100% {
		opacity: 0; /*结尾状态 透明度为1*/
	}
}
/*导航栏淡出淡入效果end*/
/*B类导航样式END*/


.nav-swiper-slide iv{
    display: none;
    background:url(../images/ditu.png) top center no-repeat;
    background-size:cover;
    width:0.26rem;
    height:0.41rem;
}
.nav-swiper-slide.act iv{
    display: inline-block;
}

.prevent-load-wrap{
    display: none;
}
.prevent-load-wrap.active{
    display: block;
}
.baokuan-goods{
    height:24.97rem;
    overflow: hidden;
}
.baokuan-cell a{
    display: block;
}
.baokuan-cell a:nth-child(1){
    height:calc(100% - 1.9rem);
}
.baokuan-cell a:nth-child(2){
    height:1.9rem;
}

.slide-goods-wrap{
    height:4.46rem;
    background-image:url(../images/bg_11.jpg);
}

.col-2-link{
    position: relative;
}
.col-2-link img{
    display: block;
}
.col-2-link a{
    position: absolute;
    width:50%;
    height: 100%;
    top:0;
}
.col-2-link a:nth-child(2){
    left:0;
}
.col-2-link a:nth-child(3){
    right:0;
}

.col-3-link{
    position: relative;
}
.col-3-link img{
    display: block;
}
.col-3-link a{
    position: absolute;
    width:33.3%;
    height: 100%;
    top:0;
}

.col-3-link a:nth-child(2){
    left:0;
}
.col-3-link a:nth-child(3){
    left:33.3%;
}
.col-3-link a:nth-child(4){
    left:66.6%;
}
.col-4-link{
    position: relative;
}
.col-4-link img{
    display: block;
}
.col-4-link a{
    position: absolute;
    width:25%;
    height: 100%;
    top:0;
}
.col-4-link a:nth-child(2){
    left:0;
}
.col-4-link a:nth-child(3){
    left:25%;
}
.col-4-link a:nth-child(4){
    left:50%;
}
.col-4-link a:nth-child(5){
    left:75%;
}
#shine{
    margin:0 0.5rem;
    height: 100%;
    overflow: hidden;
}
#shine li{
    width:calc(100%/24);
    text-align: center;
    float: left;
    font-size: 0;
    height:100%;
    line-height: 0.9rem;
}
#shine li i{
    display: inline-block;
    
    border-radius: 100%;
    width:5px;
    height: 5px;   
}


@keyframes shine{
    0%{
        box-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #FFF,
               0 0 70px  #FFF,
               0 0 80px  #FFF,
               0 0 100px #FFF,
               0 0 150px #FFF;
        opacity: 0.5;
    },
    50%{

        box-shadow:0 0 5px #fff,
               0 0 10px #fff,
               0 0 15px #fff,
               0 0 20px #fff,
               0 0 35px #fff,
               0 0 40px #fff,
               0 0 50px #fff,
               0 0 75px #fff;
        opacity: 0.9;
    },
    100%{
        box-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #fff,
               0 0 70px  #fff,
               0 0 80px  #fff,
               0 0 100px #fff,
               0 0 150px #fff;
        opacity: 0.5;
    }
}
@-webkit-keyframes shine{
    0%{
        box-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #fff,
               0 0 70px  #fff,
               0 0 80px  #fff,
               0 0 100px #fff,
               0 0 150px #fff;
        opacity: 0.5;
    },
    50%{
        box-shadow: 0 0 5px #fff,
               0 0 10px #fff,
               0 0 15px #fff,
               0 0 20px #fff,
               0 0 35px #fff,
               0 0 40px #fff,
               0 0 50px #fff,
               0 0 75px #fff;
        opacity: 0.9;
    },
    100%{
        box-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #fff,
               0 0 70px  #fff,
               0 0 80px  #fff,
               0 0 100px #fff,
               0 0 150px #fff;
        opacity: 0.5;
    }
}
#shine li:nth-child(odd) i{
    animation:shine 1s infinite alternate linear;
    -webkit-animation:shine 1s infinite alternate linear;
}
#shine li:nth-child(even) i{
    animation:shine 1s 1s infinite alternate linear;
    -webkit-animation:shine 1s 1s infinite alternate linear;
}
#swiperPart{
    padding-top:0rem;
}


#fuyou-date{
    margin:0 0.60rem;
    height:0.73rem;
}
#fuyou-date li{
    float: left;
    width:calc(100%/6);
    height: 100%;
    text-align: center;
    color: #fff;
    font-size:0.24rem;
    line-height: 0.64rem;
}
#fuyou-date li.act{

}
#fuyou-date li.act span{
    border-bottom:2px solid #F8FF85;
    padding:0 2px 3px;
}
.fy-prevent-load{
    display: none;
}
.fy-prevent-load.act{
    display: block;
}
.fy-block{
    overflow: hidden;
    height:5.53rem;
    position: relative;
}
.fy-block .next-day{
    position: absolute;
    width:1.4rem;
    height:0.35rem;
    top:0.27rem;
    left:5.65rem;
}
.fy-link-wrap{
    margin-top:0.86rem;
    height:calc(100%);
}
.fy-link-wrap a{
    width:100%;
    height:100%;
    float:left;
}
.slide-goods-wrap{
    padding:0.35rem 0 0 0.35rem;
    overflow: hidden;
    position: relative;
}
.slide-goods-wrap .swiper-slide a{
    margin:0 0.04rem;
}

.swiper-button-next{
    background-image:url("../images/left-arrow.png");
    width:0.29rem;
    height:1.65rem;
    background-size: cover;
    right: auto;
    left:2px;
    top:45%;
}
/*改变了颜色和加粗的样式*/

.goTopclass{
    position: fixed;
    bottom: 37%;
    left: 0%;
    z-index: 99;
	height: 10%;
    width: 13%;
	
}
#navC img{
	width: 100%;
}
.jumpGood{

	position: fixed;
	top:0%;
	background-color: rgba(0,0,0,0.70);
    z-index: 99;
	height: 100%;
    width: 100%;
}
.jumpGood img{
    width: 100%;	
}
/*#svg1{
    width:100%;
    height: 100%;
    position: relative;
}
#svg2{
    width:4.36rem;
    height:5.86rem;
    box-shadow: 0px 0px 10px #fff; 
}
@keyframes dash {
  
  to {
    stroke-dashoffset: 3000;
  }
}
#path1{
    stroke-dasharray: 1000;
    box-shadow: 0px 0px 10px #fff;
    animation: dash 3s linear 1 alternate;
}*/