@charset "utf-8";
html,
body {
  overflow-x: hidden;
}
body,
.dd-page * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
}
.dd-page a{
  text-decoration: none;
}

.dd-top-bar {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: .74rem;
  background-color: #fff;
  margin: 0 auto;
  z-index: 10;
  position: relative;
}

.dd-top-bar .dd-logo {
  height: 100%;
  width: 1.86rem;
  margin-left: .15rem;
  background: url(../images/dd_logo.png) no-repeat right center;
  background-size: contain;
}

.dd-back-home {
  font-size: 0;
  padding-right: .3rem;
}

.dd-back-home img {
  height: .33rem;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix {
  zoom: 1;
}

.dd-page img {
  border: 0;
}
.dd-page li {
  list-style: none;
}

.dd-page img {
  border: 0;
}
.dd-page a {
  text-decoration: none;
  color: #494949;
}

.dd-page{
  font-family: Arial, 'Microsoft YaHei', sans-serif;
  width: 100%;
  margin: 0px auto;
  /* line-height: 1.6; */
  background: url(../images/back.jpg) no-repeat;
  background-size: cover;
  background-position: top center;
  position: relative;
  color: #000;
  padding-bottom: 1.5rem;
}

#stars {
  width:100%;
  position: fixed;
  pointer-events: none;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
}
.star {
  display:block;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#FFF;
  position:absolute;
  transform-origin:100% 0;
  animation:star-ani 4s linear infinite;
  -webkit-animation:star-ani 5s linear infinite;
  box-shadow:0 0 5px 5px rgba(255,255,255,.3);
  opacity:0;
  z-index:2;
}
.star:after {
  content:'';
  display:block;
  top:0px;
  left:4px;
  border:0px solid #fff;
  border-width:0px 90px 2px 90px;
  border-color:transparent transparent transparent rgba(255,255,255,.3);
  transform:rotate(-45deg) translate3d(1px,3px,0);
  box-shadow:0 0 1px 0 rgba(255,255,255,.1);
  transform-origin:0% 100%;
}
.star:nth-child(odd) {
  background:#ffeaf4;
  box-shadow:0 0 5px 5px rgba(255,234,244,.3);
}
.star:nth-child(odd):after {
  border-color:transparent transparent transparent rgba(255,234,244,.3);
  box-shadow:0 0 1px 0 rgba(255,234,244,.1);
}
@keyframes star-ani {
  0% {
      opacity: 0;
      transform: scale(0) translate3d(0,0,0);
  }
  20% {
      opacity: .8;
      transform: scale(0.2) translate3d(-100px,100px,0);
  }
  40% {
      opacity: .8;
      transform: scale(0.4) translate3d(-200px,200px,0);
  }
  60% {
      opacity: .8;
      transform: scale(0.6) translate3d(-300px,300px,0);
  }
  80% {
      opacity: 1;
      transform: scale(1) translate3d(-350px,350px,0);
  }
  100% {
      opacity: 0;
      transform: scale(1.2) translate3d(-400px,380px,0);
  }
}

.dd-banner {  
  position: relative;
  height: 5.34rem;
  background: url(../images/banner.png) no-repeat;
  background-position:center top;
  background-size:contain;
}

.dd-body {
  position: relative;
  margin-top: -1.3rem;
}

.dd-container {
  width: 94%;
  margin: 0 auto;
}


.dd-limited{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dd-limited_head { 
  text-align: center;
  width: 4.47rem;
  height: 1.11rem;
  background: url(../images/title_bak3.png) no-repeat;
  background-size: contain;
  transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  /* IE 9 */
  -moz-transform: rotate(-5deg);
  /* Firefox */
  -webkit-transform: rotate(-5deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(-5deg);
  letter-spacing: 2px;
}
.dd-limited_head .dd-app {
  color: #fff;
  font-weight: bold;
  font-size: .24rem;
  transform: skewX(-8deg) ;
  -ms-transform: skewX(-8deg);
  /* IE 9 */
  -moz-transform: skewX(-8deg);
  /* Firefox */
  -webkit-transform: skewX(-8deg);
  /* Safari 和 Chrome */
  -o-transform: skewX(-8deg);
}

.dd-limited_head .dd-text {
  font-weight: bold;
  font-size: .24rem;
  margin-top: 5px;
  transform: skewX(-8deg) ;
  -ms-transform: skewX(-8deg);
  /* IE 9 */
  -moz-transform: skewX(-8deg);
  /* Firefox */
  -webkit-transform: skewX(-8deg);
  /* Safari 和 Chrome */
  -o-transform: skewX(-8deg);
}

.dd-limited_head .dd-text span {
  font-size: .3rem;
  color: #ed1f29;
}

.dd-limited_head .dd-text strong {
  color: #ed1f29;
}

.dd-limited_main {
  margin-top: .25rem;
  width: 100%;
  padding: 0 .4rem;
  text-align: left;
}

.dd-limited_main ul {  
  vertical-align: bottom;
}

.dd-limited_main li {
  font-size: .18rem;
  font-weight: bold;
  line-height: 1.6;
  display: flex;
  align-items: flex-start;
}
.dd-limited_main li p.dd-stitle{
  width: 1rem;
}
.dd-limited_main li p.dd-list{
  width: 4.3rem;
}
.dd-limited_main li span {
  font-weight: normal;
}
.dd-limited_main li strong{
  color: #9b1db6;
}

.dd-limited_more{
  text-align: center;
  margin-top: .3rem;
  display: flex;
  justify-content: center;
}
.dd-limited_more .dd-limited_button,
.dd-limited_more .dd-limited_herf{
  width: 2.16rem;
  height: .51rem;
  line-height: .51rem;
  background: url(../images/buy_01.png) no-repeat;
  background-size:contain;
  color: #fff;
  font-size: .24rem;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
}
.dd-limited_more .dd-limited_herf{
  background-image: url(../images/buy_02.png);
}
/*测试*/
.dd-mask{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .7);
  z-index: 8;
  display: none;
}
.dd-mask.dd-show{
  display: block;
}
.dd-mask_box{
  /* background: url(../img/bg_bottom.png) no-repeat;
  background-size:cover; */
  background-color:#336376;
  width: 90%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  border-radius: .1rem;
  padding: .3rem;
}
.dd-mask_close{
  width: 1rem;
  height: 1rem;
  background: url(../images/close.png) no-repeat;
  background-size:contain;
  position: absolute;
  top: -1rem;
  right: .05rem;
  cursor: pointer;
  display: block;
}
.dd-mask_mian{
  background-color: #fff;
  border-radius: .1rem;
  padding: 0.4rem;
}
.dd-mask_mian_head{
  text-align: center;
  position: relative;
  height: .43rem;
  font-size: 0;
}
.dd-mask_mian_head::before{
  content: '\20';
  width: 1.3rem;
  height: .25rem;
  background-color: #fad2ef;
  border-radius: .3rem;
  position: absolute;
  left: 50%;
  margin-left: -.65rem;
  bottom: 0;
}
.dd-mask_mian_head .dd-title{
  font-size: .24rem;
  font-weight: bold;
  color: #a922c6;
  position: relative;
  z-index: 2;
}
.dd-mask_mian_ul{
  margin-top: .05rem;
  color: #000;
  padding-left: .2rem;
}
.dd-mask_mian_ul li{
  font-size: .18rem;
  list-style-type: decimal;
  line-height: 1.4;
}


.dd-discount {
  text-align: center;
  display: flex;
  justify-content: center;
  margin-top: .5rem;
}

.dd-discount_back {
  background: url(../images/discount_back01.png) no-repeat;
  background-size:contain;
  width: 4.47rem;
  height: .8rem;
  transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  /* IE 9 */
  -moz-transform: rotate(-5deg);
  /* Firefox */
  -webkit-transform: rotate(-5deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(-5deg);
  padding-top: .1rem;
  letter-spacing: .02rem;
}

.dd-discount_back .dd-text {
  font-weight: bold;
  font-size: .02rem;
  transform: skewX(-8deg);
  -ms-transform: skewX(-8deg);
  /* IE 9 */
  -moz-transform: skewX(-8deg);
  /* Firefox */
  -webkit-transform: skewX(-8deg);
  /* Safari 和 Chrome */
  -o-transform: skewX(-8deg);
}

.dd-discount_back .dd-text span {
  font-size: .15rem;
  color: #ed1f29;
}

.dd-discount_back .dd-text strong {
  color: #ed1f29;
}

.dd-date {
  margin-top: 1.5rem;
  padding: 0 .5rem;
  position: relative;
}

.dd-date ul {
  width: 100%;
}

.dd-date ul li {
  font-size: .18rem;
  font-weight: bold;
  line-height: 1.8;
}
.dd-date p{
  font-size: .18rem;
}
.dd-date ul li span {
  font-weight: normal;
}

.dd-date .dd-buy {
  position: absolute;
  right: 2.7rem;
  top: -1.5rem;
}

.dd-date .dd-buy_go {
  background: url(../images/buy_img.png) no-repeat;
  background-size:contain;
  width: .98rem;
  height: .98rem;
  color: #fff;
  font-weight: bold;
  font-size: .2rem;
  display: block;
  line-height: .98rem;
  text-align: center;
}

.dd-city {
  position: relative;
  margin-top: .3rem;
}

.dd-city_tabs {
  display: flex;
  padding: 0 .1rem;
  justify-content: space-between;
  align-items: flex-end;
}

.dd-city_tab {
  width:2.5rem;
  height: .47rem;
  background-color: #b66efe;
  border-top-left-radius: .1rem;
  border-top-right-radius: .1rem;
  border: 2px solid #995ad8;
  color: #fff;
  border-bottom: 0;
  line-height: .47rem;
}

.dd-city_tab .dd-text {
  font-size: .12rem;
  text-align: center;
}

.dd-city_tab .dd-text strong {
  font-weight: bold;
}

.dd-city_tab.dd-active {
  color: #ed1f29;
  height: .54rem;
  cursor: auto;
  background-color: #fff;
  border: none;
  line-height: .54rem;
}

.dd-city_tab.dd-active .dd-text {
  font-weight: bold;
}

.dd-city_contents {
  position: relative;
}

.dd-city_content {
  position: relative;
  display: none;
  background-color: #fff;
  border-radius: .1rem;
  padding: .3rem .1rem .2rem .1rem;
}

.dd-city_content.dd-show {
  display: block;
}

.dd-city_content .dd-city_main {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 2.44rem 1.95rem;
  padding-left: 0.2rem;
}

.dd-city_content .dd-city_main ul {
  display: flex;
  flex-wrap: wrap;
}

.dd-city_content .dd-city_main ul li {
  width: 50%;
  font-weight: bold;
  display: flex;
  align-items: center;
  padding: .07rem 0;
}
.dd-city_content .dd-city_main ul li:nth-child(even){
  padding-left: .2rem;
}


.dd-city_content .dd-city_main ul li span {
  font-size: .18rem;
  vertical-align: middle;
}

.dd-city_content .dd-city_main ul li img {
  vertical-align: middle;
  margin: 0 .05rem;
  width: .12rem;
  height: .1rem;
}

.dd-city_content .dd-city_tips {
  margin-top: .3rem;
  padding-left: .3rem;
  background: url(../images/icon_hua.png) no-repeat;
  background-size: .15rem .17rem;
  font-size: .18rem;
  background-position: left .05rem;
  color: #666;
}

.dd-barn {
  margin-top: .8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dd-barn_head {
  width: 4.5rem;
  height: 1.2rem;
  background: url(../images/title_bak.png) no-repeat;
  background-size: contain;
  transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  /* IE 9 */
  -moz-transform: rotate(-5deg);
  /* Firefox */
  -webkit-transform: rotate(-5deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(-5deg);
  text-align: center;  
}
.dd-barn_head.dd-head2{
  width: 3.38rem;
  height: 1.2rem;
  background-image: url(../images/title_bak2.png);
  padding-top: .02rem;
} 
.dd-barn_head .dd-app {
  color: #fff;
  font-weight: bold;
  font-size: .24rem;
  transform: skewX(-8deg) ;
  -ms-transform: skewX(-8deg);
  /* IE 9 */
  -moz-transform: skewX(-8deg);
  /* Firefox */
  -webkit-transform: skewX(-8deg);
  /* Safari 和 Chrome */
  -o-transform: skewX(-8deg);
  letter-spacing: 2px;
}

.dd-barn_head .dd-text {
  font-weight: bold;
  font-size: .24rem;
  margin-top: .05rem;
  transform: skewX(-8deg) ;
  -ms-transform: skewX(-8deg);
  /* IE 9 */
  -moz-transform: skewX(-8deg);
  /* Firefox */
  -webkit-transform: skewX(-8deg);
  /* Safari 和 Chrome */
  -o-transform: skewX(-8deg);
  letter-spacing: 2px;
}

.dd-barn_head .dd-text span {
  font-size: .4rem;
  color: #ed1f29;
}

.dd-barn_head .dd-text strong {
  color: #ed1f29;
}

.dd-barn .dd-date {
  text-align: left;
  margin-top: .3rem;
  width: 100%;
}
.dd-barn .dd-date.dd-main2{
  padding: 0px .3rem;
}

/*切换2*/
.dd-spot {
  position: relative;
  margin-top: .2rem;
}

.dd-spot_tabs {
  display: flex;
  justify-content: space-between;
}

.dd-spot_tab {
  width: 1.35rem;
  position: relative;
}

.dd-spot_tab .dd-photo {
  width: 1.35rem;
  height: 1.35rem;
  cursor: pointer;
  vertical-align: top;
  border: .04rem solid #fff;
  color: #fff;
  border-radius: 1.35rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size:contain;
  overflow: hidden;
  position: relative;
}

.dd-spot_tab:nth-child(1) .dd-photo {
  background-image: url(../images/spot_01.png);
}

.dd-spot_tab:nth-child(2) .dd-photo {
  background-image: url(../images/spot_02.png);
}

.dd-spot_tab:nth-child(3) .dd-photo {
  background-image: url(../images/spot_03.png);
}

.dd-spot_tab:nth-child(4) .dd-photo {
  background-image: url(../images/spot_04.png);
}

.dd-spot_tab .dd-text {
  font-size: .2rem;
  background: #9682fc;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: .4rem;
  text-align: center;
  line-height: .3rem;
}

.dd-spot_tab .dd-text strong {
  font-weight: bold;
}

.dd-spot_tab.dd-active .dd-photo {
  border: .05rem solid #fff6f9;
}

.dd-spot_tab.dd-active::after {
  content: '\20';
  width: .23rem;
  height: .14rem;
  background: url(../images/spot_active.png) no-repeat;
  background-size:contain;
  position: absolute;
  bottom: -.12rem;
  left: 50%;
  margin-left: -.115rem;
}

.dd-spot_tab.dd-active .dd-text {
  background: #ff7fa3;
  font-weight: bold;
}

.dd-spot_contents {
  position: relative;
  margin-top: .15rem;
}

.dd-spot_content {
  position: relative;
  display: none;
  background-color: #fff;
  border-radius: .25rem;
  padding: .15rem .25rem;
}

.dd-spot_content.dd-show {
  display: block;
}

.dd-spot_content .dd-spot_main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.dd-spot_content .dd-spot_item{  
  width: 2.6rem;
  padding: .05rem 0;  
}
.dd-spot_content .dd-spot_item .dd-photo{
  height: 0;
  padding-bottom: 54.54545455%;
}
.dd-spot_content .dd-spot_item .dd-photo img{
  width: 100%;  
  border-radius: .15rem;
}
.dd-spot_content .dd-spot_item .dd-infos{
  padding: .1rem 0;  
  font-weight: bold;
  display: flex;
  flex-direction: column;
}
.dd-spot_content .dd-spot_item .dd-infos_name{
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dd-spot_content .dd-spot_item .dd-infos_name span{  
  font-size: .18rem;
  vertical-align: middle;
}
.dd-spot_content .dd-spot_item .dd-infos_name img {
  margin: 0 .05rem;
  width: .16rem;
  height: auto;
}
.dd-spot_content .dd-spot_item .dd-infos_price{
  width: 100%;
  text-align: center;
  font-size: .18rem;
  margin-top: .05rem;
}
.dd-spot_content .dd-spot_item .dd-infos_price span{
  font-weight: bold;
  color: #ed1f29;
  font-size: .22rem;
}
.dd-spot_content .dd-spot_tips {
  margin-top: .1rem;
  padding-left: .3rem;
  background: url(../images/icon_hua.png) no-repeat;
  background-size: .15rem .17rem;
  font-size: .18rem;
  background-position: left .05rem;
  color: #666;
}

.dd-route{
  margin: .2rem -.2rem 0rem;
}
.dd-route_main{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.dd-route_item{
  width: 3.15rem;  
}
.dd-route_item .dd-route_back{
  width: 3.15rem;
  height: 4.83rem;
  background: url(../images/route_back.png) no-repeat;
  background-size:contain;
  padding: .55rem .7rem;
  display: flex;
  flex-direction: column;
}
.dd-route_item .dd-route_head{
  position: relative;
  text-indent: .4rem;
  font-size: .2rem;
  font-weight: bold;
  margin: 0px auto;
  line-height: 1.3;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dd-route_item .dd-route_head.dd-icon01{
  background: url(../images/route_icon01.png) no-repeat;
  background-size:.22rem .22rem;
  background-position: .1rem top;
}
.dd-route_item .dd-route_head.dd-icon02{
  background: url(../images/route_icon02.png) no-repeat;
  background-size:.26rem .2rem;
  background-position: .1rem top;
}
.dd-route_item .dd-route_head span{
  color: #ed1f29;
}
.dd-route_item .dd-route_mian{
  margin-top: .2rem;
  font-size: .16rem;
  text-align: left;
  line-height: 1.4;
}
.dd-route_item .dd-route_mian.dd-mr02{
  margin-top: .2rem;
}

.dd-route_item .dd-route_mian strong.dd-red{
  color: #ed1f29;
}
.dd-route_item .dd-route_photo{
  text-align: center; 
  font-size: 0;
}
.dd-route_item .dd-route_photo.dd-mr-1{
  margin-top: .1rem;
}
.dd-route_item .dd-route_photo_img{
  width: 1.21rem;
  display: inline-block;
  height: 1.73rem;
}
.dd-route_item .dd-route_photo_img img{
  width: 100%;
  height: 100%;
}
.dd-route_tips{
  margin-top: .3rem;  
  padding-left: .6rem;
  padding-right: .2rem;
  background: url(../images/icon_hua2.png) no-repeat;
  background-position:.35rem .05rem;
  background-size:.15rem .17rem;
  font-size: .18rem;
}

.dd-float{
  position: fixed;
  z-index: 2;  
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0 0 0 .02rem rgba(0, 0, 0, .3);
}
.dd-float_main{
  background-color: #b66efe;
  border-top:2px solid #faf5ff;
  display: flex;
  align-items: stretch;
  height: .8rem;
  justify-content: space-between;
}
.dd-float_item{
  text-align: center;
  font-size: .16rem;
  font-weight: bold;
  padding: 0 .1rem;
  display: flex;
  align-items: center;
  position: relative;
  line-height: 1.3;
}

.dd-float_item.dd-gohome{
  background-image: url(../images/f_bottom.png);
  background-size:.21rem .13rem;
  background-position:center .1rem;
  background-color:#ff7fa3;
  background-repeat: no-repeat;
  color: #fff;
  padding-top: .15rem;
}
.dd-float_item:nth-child(1)::after,
.dd-float_item:nth-child(2)::after,
.dd-float_item:nth-child(3)::after{
  content: '\20';
  width: 1px;
  height: .5rem;
  background-color: #d0a2ff;
  position: absolute;
  right: -.05rem;
  top:.15rem
}

.dd-float_item a,
.dd-float_item a:link,
.dd-float_item a:visited{
  color: #f2e5ff;
  display: block;
  display: table-cell;
}
.dd-float_item a:hover{
  color: #f2e5ff;  
}
.dd-float_item.dd-gohome a{
  color: #fff;
  text-decoration: none;
  font-size: .18rem;
}
.dd-float_item a.red{
  color: #fff9c4;
}

.dd-mask_mian .dd-limited_button {
    width: 2.16rem;
    height: .51rem;
    line-height: .51rem;
    background: url(../images/buy_01.png) no-repeat;
    background-size: contain;
    color: #fff;
    font-size: .24rem;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    margin-top: 0.3rem;
    margin-left: 30%;
}
.dd-mask_mian .dd-limited_button a {
  color: #fff;
  font-size: 0.24rem;
  font-weight: bold;
}