html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,li,dt,dd,th,td,button,input,form,img{ padding: 0; margin: 0; color: #333; font-family: 'Microsoft YaHei', Helvetica;}
html,body{-webkit-text-size-adjust: 100%; background-color: #1b0426; -webkit-overflow-scrolling: touch;}
html *{ -webkit-tap-highlight-color: transparent;}
a{ color: #333; text-decoration: none;}
img,textarea{ border: 0; vertical-align: middle}
ul,ol,li{ list-style: none;} 
i,em{ font-style: normal }
table{ border-spacing: none; border-collapse: collapse;}
button,input[type=text],input[type=password],select,textarea{ box-sizing: border-box; -webkit-appearance: none;}
.clearfix:after{ content: ''; display: block; height: 0; clear: both; visibility: hidden;}
em{ font-style: normal;}
.bg {
    position: relative;
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
}

ul,
li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

img {
    vertical-align: top;
}

em {
    font-style: normal;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.lines {
  width: 13.25rem;
  height: 1px;
  border-top: 2px dotted #484848;
  margin: 0 auto 0.85rem auto;
}
.banner {
  height: 27.25rem;
  background-image: url("../images/banner.jpg");
}
.banner h5 {
  margin: 7.5rem auto 0 auto;
  font-size: 0.6rem;
  background: #fff;
  padding: 0.125rem 0.25rem;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  width: 7.5rem;
}
.banner .time {
  font-size: 0.5rem;
  margin-top: 0.375rem;
  text-align: center;
  color: #fff;
}
.banner .pic1 {
  width: 16rem;
  height: 16.5rem;
  position: absolute;
  left: 0;
  bottom: 0.425rem;
  z-index: 10;
}
.mod1 {
  background: #d5a7bb;
  padding-top: 2rem;
  position: relative;
  margin-top: -1.475rem;
}
.mod1 .up {
  background: url("../images/bg_04.png?v=1.1") no-repeat top left;
  width: 16rem;
  height: 4.8rem;
  background-size: 16rem 4.8rem;
  position: absolute;
  left: 0;
  top: -1.05rem;
}
.block1 {
  width: 16rem;
  /*height: 8.5rem;*/
  background-size: 16rem 100%;
  position: relative;
}
.block1 .song1,
.block1 .song2 {
  position: absolute;
  text-align: center;
  width: 6.5rem;
  top: 2.7rem;
}
.block1 .song1 {
  left: 1.425rem;
}
.block1 .song2 {
  right: 1.25rem;
}
.block1 img {
  width: 6.5rem;
  height: 5.25rem;
}
.block1 .song1 .des {
  left: 0.525rem;
}
.block1 .song2 .des {
  left: 1.85rem;
}
.block1 .des {
  font-size: 0.6rem;
  color: #fff;
  position: absolute;
  bottom: 0.4rem;
}
.block1 .des em {
  color: #ffe63e;
}
.block2 {
  /*height: 73.8rem;*/
  margin-top: 0.425rem;
  background-size: 15.925rem 100%;
}
.block2 .main-title {
  width: 15.05rem;
  height: 3.975rem;
  margin: 0.6rem 0 0.825rem 0.95rem;
}
.block2 .main-title img {
  width: 15.05rem;
  height: 3.975rem;
}
.product {
  width: 13.25rem;
  margin: 0 auto 1.775rem auto;
  position: relative;
}
.product .img-show img {
  width: 13.25rem;
  height: 7.65rem;
}
.product .text-box {
  margin-top: 0.325rem;
}
.product .text-box .title {
  font-size: 0.85rem;
}
.product .text-box .pic1 {
  width: 7rem;
  height: 1rem;
  margin: 0.2rem 0 0 0.05rem;
}
.product .text-box .discript {
  font-size: 0.45rem;
  margin-top: 0.15rem;
}
.product .text-box .zeng {
  font-size: 0.45rem;
  color: #4b1f69;
  padding: 0.075rem 0 0.075rem 0.3rem;
  position: relative;
  display: inline-block;
  background: #fff;
  margin-top: 0.7rem;
  line-height: 0.725rem;
  width: 7.625rem;
  box-sizing: border-box;
  --webkit-box-sizing: border-box;
}
.product .text-box .zeng em{
    width:6rem;
    display: block;
}
.product6 .text-box .zeng em{
    width:5rem;
}
.product .text-box .pic2 {
  position: absolute;
  bottom: 0.075rem;
  right: 0.15rem;
}
.product .price-btn {
  position: absolute;
  right: 0;
  bottom: 0;
}
.product .price-btn .price {
  font-size: 0.45rem;
  color: #532473;
  line-height: 0.525rem;
}
.product .price-btn .price em,
.two-product .price-btn .price em {
  font-size: 0.95rem;
}
.product .price-btn .btn,
.two-product .price-btn .btn {
  font-size: 0.45rem;
  width: 4.5rem;
  height: 1.15rem;
  line-height: 1.15rem;
  text-align: center;
  background: #7e5796;
  color: #fff;
  display: block;
}
.product .price-btn .origin {
  font-size: 0.45rem;
  color: #532473;
}
.block2 .product1 .pic2 {
  width: 1.15rem;
  height: 1.775rem;
}
.product2 {
  margin: 0 auto 1.425rem auto;
}
.product3 {
  margin: 0 auto 1.675rem auto;
}
.block2 .product2 .text-box .zeng {
  margin-top: 1.1rem;
}
.block2 .product2 .text-box .pic2 {
  right: -0.275rem;
  width: 2.375rem;
  height: 2rem;
}
.block2 .product3 .text-box .zeng {
  margin-top: 0.425rem;
  width: auto;
  padding: 0.075rem 0.3rem;
}
.two-product {
  padding: 0 0.4rem;
  box-sizing: border-box;
  --webkit-box-sizing: border-box;
  margin-bottom: 1.55rem;
}
.two-product .img-show img {
  width: 5.75rem;
  height: 6.5rem;
  margin: 0 auto;
  display: block;
}
.two-product .text-box {
  margin-top: 0.075rem;
  text-align: center;
}
.two-product .text-box .title {
  font-size: 0.7rem;
}
.two-product .text-box .discript {
  font-size: 0.45rem;
}
.two-product .text-box .zeng,
.two-product .price-btn .price {
  font-size: 0.45rem;
  color: #542574;
}
.two-product .text-box .zeng {
  margin-top: 0.25rem;
  height: 0.775rem;
}
.two-product .price-btn {
  text-align: center;
}
.two-product .price-btn .btn {
  margin: 0 auto;
}
.block3 {
  /*height: 43.45rem;*/
  margin-top: 0.45rem;
  background-size: 15.925rem 100%;
}
.block3 .main-title {
  width: 15.975rem;
  height: 4.075rem;
  margin: 0.5rem 0 0.8rem 0.025rem;
}
.block3 .main-title img {
  width: 15.975rem;
  height: 4.075rem;
}
.block3 .product4 {
  margin: 0 auto 1.375rem auto;
}
.block4 {
  /*height: 61.45rem;*/
  margin-top: 0.35rem;
  background-size: 15.925rem 100%;
}
.block4 .main-title {
  width: 15.45rem;
  height: 4.075rem;
  margin: 0.5rem 0 0.8rem 0.025rem;
}
.block4 .main-title img {
  width: 15.45rem;
  height: 4.075rem;
}
.block4 .product5 .text-box .pic1 {
  width: 6.25rem;
}
.block4 .product5 .text-box .pic2 {
  right: -0.9rem;
  width: 2.125rem;
  height: 1.9rem;
}
.block4 .product6 {
  margin: 0 auto 2.025rem auto;
}
.block4 .product6 .text-box .pic1 {
  width: 3.95rem;
}
.block4 .product6 .text-box .pic2 {
  right: -1rem;
  bottom: -0.375rem;
  width: 2.625rem;
  height: 2.275rem;
}
.block4 .two-product .img-show img {
  width: 6rem;
}
.block4 .two-product {
  padding: 0 0.95rem;
}
.block5 {
  /*height: 61.5rem;*/
  margin-top: 0.55rem;
  background-size: 15.925rem 100%;
}
.block5 .main-title {
  width: 15.2rem;
  height: 3.825rem;
  margin: 0.775rem 0 0.8rem 0.8rem;
}
.block5 .main-title img {
  width: 15.2rem;
  height: 3.825rem;
}
.block5 .product .text-box .zeng {
  height: 1.6rem;
}
.block5 .product .text-box .pic2 {
  right: -0.4rem;
  width: 1.925rem;
  height: 1.925rem;
}
.block5 .product8 .text-box .zeng {
  margin-top: 0.275rem;
}
.block5 .product8 {
  margin: 0 auto 1.575rem auto;
}
.block5 .product9 {
  margin: 0 auto 1.5rem auto;
}
.block5 .two-product {
  padding: 0 0.95rem;
}
.block6 {
  /*height: 30.875rem;*/
  margin-top: 0.825rem;
  background-size: 15.925rem 100%;
}
.block6 .main-title {
  width: 15.025rem;
  height: 2.975rem;
  margin: 0.625rem 0 0.8rem 0.975rem;
}
.block6 .main-title img {
  width: 15.025rem;
  height: 2.975rem;
}
.block6 .two-product {
  padding: 0 1.3rem;
}
.block6 .lines {
  margin: 0 auto 0.75rem auto;
}
.mod1 .down {
  background: url("../images/bg_05.png?v=1.1") no-repeat top left;
  width: 16rem;
  height: 7.3rem;
  background-size: 16rem 7.3rem;
  margin-top: -2rem;
}
@media screen and (max-width: 420px){
    .two-product .text-box .discript{max-width:7.6rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .product3 .text-box .discript{max-width:9.25rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}
@media screen and (max-width: 350px){
    .block2 .two-product,.block3 .two-product,.block4 .two-product,.block5 .two-product{padding: 0 0.25rem;}
    .product .price-btn .price{text-align: right;}
    .product .price-btn .btn,.product .price-btn .origin{float:right;}      
    .product .price-btn{width: 5.7rem;}     
    .product .text-box .zeng em{width:5.7rem;}
    .two-product .text-box .discript{max-width:7.3rem;}
}