@charset "utf-8";

html,
body {
  overflow-x: hidden;
}

body,
.dd-page * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
}

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;
  background: url(../images/btn_back.png) no-repeat;
  width: 1.89rem;
  height: .36rem;
  text-align: center;
  background-size: contain;
}

.dd-back-home a {
  line-height: .36rem;
  color: #fff;
  font-size: .18rem;
  text-decoration: none;
}

.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;
  font-size: 0;
}

.dd-page a {
  text-decoration: none;
  color: #fff;
}

.dd-red {
  color: #d86761;
}

.dd-page {
  font-family: 'Microsoft YaHei', sans-serif;
  width: 100%;
  margin: 0px auto;
  line-height: 1.6;
  position: relative;
  color: #fff;
  font-size: .205rem;
  background-image: linear-gradient(to bottom, #3d82c8, #609cd4);
}

.dd-container {
  width: 91.5625%;
  margin: 0 auto;
  max-width: 5.86rem;
}

.dd-header {
  height: 5.66rem;
  position: relative;
  background: url(../images/banner.jpg) no-repeat;
  background-size: 6.4rem auto;
  background-position: center bottom;
  padding-bottom: 1.2rem;
}

.dd-header>.dd-container {
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.dd-header .dd-slogan {
  width: 1.85rem;
  padding-bottom: .8rem;
}

.dd-header .dd-slogan img {
  width: 100%;
  height: auto;
  display: block;
}

.dd-body {
  padding-top: .1rem;
  max-width: 6.4rem;
  margin: 0 auto;
  background-image: linear-gradient(to bottom, #3d82c8, #609cd4);
  min-height: 5rem;
  position: relative;
  z-index: 1;
  padding-bottom: .2rem;
}

.dd-part00 {
  margin-top: -1.5rem;
  position: relative;
}

.dd-part00-header {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.dd-part00-header .dd-en {
  line-height: 1;
  font-size: .34rem;
  background: linear-gradient(to bottom, rgba(255,255,255,.5), rgba(255, 255, 255, .1) 50%,rgba(255, 255, 255, 0) 70%);
  -webkit-background-clip: text;
  color: transparent;
  text-transform: uppercase;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}
.dd-part00-header .dd-title{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .25rem;
  font-weight: bold;
  margin-top: -.15rem;
}
.dd-part00-header .dd-title::before,
.dd-part00-header .dd-title::after{
  content: '\20';
  width: .5rem;
  height: .015rem;
  background-color: rgba(255, 255, 255, .7);
}
.dd-part00-header .dd-title strong{
  margin: 0 .1rem;
}
.dd-part00-slogan{
  text-align: center;
  line-height: 1.8;
  margin-top: .2rem;
}

.dd-part00-citys{
  width: 5.37rem;
  height: 2.53rem;
  background: url(../images/city-part.png?1.0) no-repeat;
  background-size: 100% 100%;
  margin-left: -.15rem;
  margin-top: -.1rem;
  position: relative;
}
.dd-part00-slogan strong{
  color: #fffca6;
}
.dd-part00-citys .dd-cq{
  width: .6rem;
  height: .6rem;
  position: absolute;
  left: 37.5%;
  top: 50%;
  cursor: pointer;
}

.dd-part00-citys .dd-sz{
  width: .6rem;
  height: .6rem;
  position: absolute;
  right: 5%;
  top: 70%;
  cursor: pointer;
}

.dd-part00-citys .dd-tj{
  width: .6rem;
  height: .6rem;
  position: absolute;
  right: 12%;
  top: 18%;
  cursor: pointer;
}
.dd-part00-citys .dd-cd{
  width: .6rem;
  height: .6rem;
  position: absolute;
  left: 17%;
  top: 40%;
  cursor: pointer;
}


.dd-part01{
  margin-top: .25rem;
  position: relative;
  z-index: 2;
}
.dd-public{
  position: relative;
  margin-top: .4rem;
}
.dd-public-header{
  display: flex;
  justify-content: center;
  align-items: center;
}
.dd-public-header .dd-title{
  font-size: .215rem;
  margin: 0 .25rem;
}
.dd-public-header::before,
.dd-public-header::after{
  content: '\20';
  width: .82rem;
  height: .03rem;
  background: url(../images/title-bf.png) no-repeat;
  background-size: contain;
}
.dd-public-header::after{
  background-image: url(../images/title-af.png);
}
.dd-public-main{
  margin-top: .1rem;
}
.dd-public-main .dd-item{
  margin-top: .3rem;
}
.dd-public-main .dd-item-head{ 
  background-image: linear-gradient( to left, rgba(255,255,255,0) 0%, rgb(255,255,255,.5) 100%);
  border-radius: .15rem;
  position: relative;
}
.dd-public-main .dd-item-head::before{
  content: '\20';
  left: .015rem;
  right: .015rem;
  top: .015rem;
  bottom: .015rem;
  position: absolute;
  border-radius: .15rem;
  background-image: linear-gradient( to right, #377dc4 0%, #97bbe0 100%);
}
.dd-public-main .dd-item-head .dd-inner{
  padding: .1rem .3rem;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.dd-public-main .dd-item-head .dd-icon{
  width: .24rem;
  height: .24rem;
}
.dd-public-main .dd-item-head .dd-icon img{
  width: 100%;
  height: auto;
  display: block;
}
.dd-public-main .dd-item-head .dd-text{
  color: #fff;
  font-size: .215rem;
  font-weight: bold;
  margin-left: .1rem;
}
.dd-public-main .dd-item-mian{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: .2rem .25rem;
  text-align: justify;
  line-height: 1.65;
  margin: 0 -.055rem;
}
.dd-public-main .dd-item-mian.dd-back01{
  background-image: url(../images/bg-01.png);
}
.dd-public-main .dd-item-mian.dd-back02{
  background-image: url(../images/bg-02.png);
}
.dd-public-main .dd-item-mian.dd-back03{
  background-image: url(../images/bg-03.png);
}
.dd-public-main .dd-item-mian.dd-back04{
  background-image: url(../images/bg-04.png);
}

.dd-public-main .dd-tips{
  font-size: .18rem;
  opacity: .75;
}
.dd-part02{
  margin-top: .8rem;
}

.dd-public-part {
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 60% auto;
  min-height: 4.5rem;
  margin: 0 -.285rem;
  padding: 0 .285rem;
  margin-top: .95rem;
}
.dd-public-part.dd-right{
   background-position: right bottom;
}

.dd-public-part:first-child {
  margin-top: -.25rem;
}

.dd-public-part-inner {
  display: flex;
  align-items: flex-start;
  position: relative;
}

.dd-public-window {
  width: 1.58rem;
  position: relative;
  flex: 0 0 auto;
}

.dd-public-window::before {
  content: '\20';
  left: 50%;
  transform: translateX(-50%);
  width: 2.32rem;
  height: 3.27rem;
  background: url(../images/window-yy.png) no-repeat;
  background-size: 100% 100%;
  top: -.45rem;
  position: absolute;
  opacity: .35;
  pointer-events: none;
}

.dd-public-window img {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  z-index: 1;
}

.dd-citys-inner {
  position: relative;
  z-index: 1;
  padding-top: .05rem;
  width: calc(100% - 1.58rem);
  flex: 1 1 auto;
  padding-left: .3rem;
}

.dd-public-part:nth-child(even) .dd-public-part-inner {
  flex-direction: row-reverse;
}

.dd-public-part:nth-child(even) .dd-public-part-inner .dd-citys-inner {
  padding-left: 0;
  padding-right: .3rem;
}

.dd-citys-inner .dd-origin {
  min-height: .65rem;
  position: relative;
  padding-bottom: .15rem;
}

.dd-citys-inner .dd-origin::after {
  content: '\20';
  height: 1px;
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.dd-citys-inner .dd-origin-head {
  display: flex;
  align-items: center;
  line-height: 1;
  margin-bottom: .05rem;
}

.dd-citys-inner .dd-origin-head .dd-cn {
  font-size: .28rem;
  font-weight: bold;
  color: #ffeed1;
}

.dd-citys-inner .dd-origin-head .dd-en {
  -webkit-text-stroke: 1px #ffeed1;
  color: transparent;
  font-size: .34rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-left: .1rem;
  opacity: .5;
}

.dd-citys-inner .dd-origin-other {
  line-height: 1.25;
  font-size: .15rem;
}

.dd-citys-inner .dd-origin-other span {
  font-weight: bold;
}

.dd-citys-inner .dd-origin-other img.dd-arrow {
  width: .14rem;
  height: .12rem;
  display: inline;
  margin: 0 .025rem;
}
.dd-citys-inner .dd-origin-other img.dd-new {
  width: .41rem;
  height: .18rem;
  display: inline;
  margin-left: .1rem;
}

.dd-citys-inner .dd-destination {
  min-height: 1rem;
}

.dd-citys-inner .dd-destination .dd-item {
  position: relative;
  padding: .2rem 0;
}

.dd-citys-inner .dd-destination .dd-item::after {
  content: '\20';
  height: 1px;
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.dd-citys-inner .dd-destination .dd-item:last-child::after {
  display: none;
}

.dd-citys-inner .dd-destination .dd-item-left {
  display: flex;
  align-items: center;
}

.dd-citys-inner .dd-destination .dd-item-left .dd-icon {
  width: .25rem;
  height: .25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.dd-citys-inner .dd-destination .dd-item-left .dd-icon img {
  width: 100%;
  height: auto;
  display: block;
}

.dd-citys-inner .dd-destination .dd-item-left .dd-text {
  font-size: .18rem;
  font-weight: bold;
  color: #ffeed1;
  margin-left: .075rem;
}

.dd-citys-inner .dd-destination .dd-item-right .dd-text {
  margin-top: .05rem;
  font-size: .18rem;
}
.dd-citys-inner .dd-destination .dd-item-right .dd-text p{
 margin-bottom: .25rem;
}

.dd-citys-inner .dd-destination .dd-item-right .dd-text img {
  width: .14rem;
  height: .12rem;
  display: inline;
}
.dd-line-01 {
  position: absolute;
  left: .14rem;
  top: 2.3rem;
  width: 4.88rem;
  bottom: -.9rem;
  background-size: 100% 100%;
  background-position: center center;
  background-image: url(../images/line-01.png);
}
.dd-line-02 {
  position: absolute;
  right: .58rem;
  top: 2.45rem;
  width: 4.34rem;
  bottom: -.85rem;
  background-size: 100% 100%;
  background-position: center center;
  background-image: url(../images/line-02.png);
}
.dd-line-03 {
  position: absolute;
  left: .14rem;
  top: 2.4rem;
  width: 4.88rem;
  bottom: -.9rem;
  background-size: 100% 100%;
  background-position: center center;
  background-image: url(../images/line-03.png);
}
.dd-public-tips{
  margin-top: .2rem;
}
.dd-sticky{
  position: fixed;
  right: 0;
  top: 65%;
  z-index: 99;
  display: flex;
  flex-direction: column;
}
.dd-sticky .dd-item{
  width: 1.14rem;
  height: .69rem;
  background: url(../images/item-bg.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: .1rem;
}
.dd-sticky .dd-item:first-child{
  position: relative;
  z-index: 1;
}
.dd-sticky .dd-item:last-child{
  margin-top: -.1rem;
}
.dd-sticky .dd-item span{
  font-size: .18rem;
}