.swiper{

    height: 7.66rem;

}

.swiper .paginations {

    width: auto;

    background: rgba(0, 0, 0, 0.25);

    color: #ffffff;

    left: auto;

    right: .32rem;

    bottom: 1.2rem;

    border-radius: .2rem;

    -webkit-border-radius: .2rem;

    -moz-border-radius: .2rem;

    -ms-border-radius: .2rem;

    -o-border-radius: .2rem;

    padding: .06rem .16rem;

    font-size: .24rem;

}

.nav{

    position: fixed;

    width: 100%;

    top: .26rem;

    left: 0;

    z-index: 99999;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-right: .18rem;

    box-sizing: border-box;

}

.nav_s{

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 99999;

    background: rgba(0, 0, 0, .5);

    height: 1rem;

    display: none;

}

.nav_s .w{

    display: flex;

    justify-content: space-around;

}

.nav_s a{

    display: block;

    line-height: 1rem;

    padding: 0 .2rem;

    color: #ffffff;

    box-sizing: border-box;

    position: relative;

}

.nav_s a.current::after{

    content: "";

    display: block;

    width: 100%;

    bottom: 0;

    left: 0;

    background: #ffffff;

    height: 2px;

    position: absolute;

    bottom: 0;

}

.nav a{

    display: block;

    padding: .2rem;

}



.nav .blank img{

    display: block;

    width: .51rem;

}

.nav .gwcs img{

    display: block;

    width: .56rem;

}

.nav .gwcs{

    position: relative;

}

.nav .gwcs span{

    display: block;

    background: #ff5050;

    font-size: .22rem;

    color: #ffffff;

    padding: .05rem;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    position: absolute;

    right: 0;

    top: .1rem;

    width: 0.3rem;
    
    text-align: center;
  
}

.content{

    position: relative;

    z-index: 9;

    padding-top: 1.3rem;

}

.content .cp{

    position: absolute;

    top: -1rem;

    left: 0;

    width: 100%;

    border-top-left-radius: .2rem;

    border-top-right-radius: .2rem;

    background: #ffffff;

    padding: .2rem 0;

    box-sizing: border-box;

}

.content .cp h2{

    font-size: .32rem;

    color: #21242b;

    font-weight: normal;

    line-height: .5rem;

    margin-top: .2rem;

}

.content .cp p{

    font-size: .26rem;

    color: #9b9da5;

    font-weight: bold;

    line-height: .4rem;



}

.price{

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: .2rem;

}

.price>span{

    font-size: .4rem;

    color: #2a2a2a;

    font-weight: bold;

}

.price img{

    display: block;

    width: .53rem;

}

.price .num{

    display: flex;

    align-items: center;

}

.price .num span{

    display: block;

    padding: 0 .18rem;

}





.title{

    color: #21242b;

    font-size: .32rem;

    font-weight: normal;

    position: relative;

}



.title em {

    position: absolute;

    left: 0;

    bottom: 0;

    display: block;

    width: .87rem;

    height: .14rem;

    border-radius: .8rem;

    -webkit-border-radius: .8rem;

    -moz-border-radius: .8rem;

    -ms-border-radius: .8rem;

    -o-border-radius: .8rem;

    background: #ffd84a;

}



.title span {

    font-weight: bold;

    position: relative;

    z-index: 11;

}

.symd dl{

    display: flex;

    overflow-x: auto;

    margin-top: .3rem;

}

.symd dl dd{

    flex: 0 0 auto;

    background: #f7f6f6;

    border-radius: .2rem;

    -webkit-border-radius: .2rem;

    -moz-border-radius: .2rem;

    -ms-border-radius: .2rem;

    -o-border-radius: .2rem;

    padding: .4rem .2rem;

    box-sizing: border-box;

    margin-right: .2rem;

}

.symd dl h3{

    font-size: .3rem;

    color: #343742;

    margin-bottom: .12rem;

}

.symd dl p{

    font-size: .27rem;

    color: #3f4251;

    line-height: .46rem;

}

.details {

    padding-top: .2rem;

}

.details .list_s span{

    display: block;

    font-size: .27rem;

    position: relative;

    padding-left: .2rem;

    margin-bottom: .1rem;

    margin-top: .2rem;

}

.details .list_s span::before{

    display: block;

     

    width: .1rem;

    height: .1rem;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    background: #4d4d4d;

}

.details .list_s .text{

    padding-left: .2rem;

    box-sizing: border-box;

}

.details .list_s p{

    font-size: .27rem;

    color: #4d4d4d;

    line-height: .4rem;

}

.foot{

    height: 1.9rem;

}

.gwc{

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 1111;

    background: #ffffff;

    height: 1.6rem;

    display: flex;

    align-items: center;

    justify-content: space-between;

    box-shadow: 0 -0.04rem .06rem -0.02rem #f4f4f4;

}

.gwc .jr,.gwc .yy{

    width: 48%;

    display: block;

    background: #ffd84a;

    color: #1b1b1b;

    height: 1rem;

    line-height: 1rem;

    text-align: center;

    border-radius: .5rem;

    -webkit-border-radius: .5rem;

    -moz-border-radius: .5rem;

    -ms-border-radius: .5rem;

    -o-border-radius: .5rem;



}

.gwc .yy{

    color: #ffffff;

    background: #c81623;

}