@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-red {
  color: #ec6363;
}

.dd-blue {
  color: #387ef8;
}

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

.dd-page {
  font-family: 'Microsoft YaHei', Arial, sans-serif;
  width: 100%;
  margin: 0px auto;
  position: relative;
  color: #333333;
  font-size: .195rem;
  line-height: 1.425;
}

.dd-container {
  width: 94.375%;
  margin: 0 auto;
  max-width: 6.04rem;
}

.dd-header {
  height: 12.65rem;
  background: url(../images/banner.jpg?1.0) no-repeat;
  background-position: center bottom;
  background-size: 6.4rem 100%;
  padding-top: .35rem;
  position: relative;

}

.dd-header .dd-container {
  height: 100%;
  position: relative;
}

.dd-header-slogan {
  width: 6.02rem;
  position: relative;
  margin-left: -.18rem;
}


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

.dd-header-tips {
  width: 6.34rem;
  height: .96rem;
  position: absolute;
  right: -.2rem;
  bottom: -0px;
  z-index: 2;
  transform: rotate(-2deg);
}

.dd-header-sticky.dd-sticky {
  position: fixed;
  bottom: 0;
  left: 50%;
  z-index: 99;
  padding-bottom: .1rem;
  transform: translateX(-50%);
}

.dd-header-tips .dd-flex {
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
  align-items: stretch;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.dd-header-sticky.dd-sticky .dd-header-tips {
  position: static;
  transform: rotate(0);
  margin-right: -.05rem;
}

.dd-header-tips .dd-flex .dd-item {
  width: 23%;
  display: block;
  cursor: pointer;
}

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

.dd-body {
  background-image: linear-gradient(to bottom, #a0e080, #58bc75);
  padding-top: .1rem;
  position: relative;
  padding-bottom: 1.2rem;
  min-height: 10rem;
  max-width: 6.4rem;
  margin: 0 auto;
}

.dd-body::after {
  content: '\20';
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.26rem;
  background: url(../images/footer.png?1.0) no-repeat;
  background-size: 100% 100%;
  position: absolute;
}

.dd-body>.dd-container {
  position: relative;
  z-index: 2;
}

.dd-part01 {
  margin-top: .25rem;
}

.dd-public {
  position: relative;
  background: #fff url(../images/public-footer.png?1.0) no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
  border-radius: .2rem;
  padding: .9rem .25rem .85rem;
}

.dd-public-header {
  min-width: 5.71rem;
  min-height: 1.12rem;
  background: url(../images/title-bg.png?1.0) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -.22rem;
  padding: .1rem .75rem .2rem;
  text-align: center;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dd-public-header strong {
  color: #fff;
  font-weight: bold;
  font-size: .315rem;
  text-shadow: .02rem .03rem .015rem rgba(67, 63, 86, 0.79);
}

.dd-public-header strong.dd-smll {
  font-size: .2275rem;
  padding-bottom: .1rem;
  margin-left: .05rem;
}

.dd-part01-flex {}

.dd-part01-flex .dd-vision {
  width: 4.32rem;
  margin: .2rem auto;
}

.dd-part01-flex .dd-vision img {
  width: 100%;
  height: auto;
  display: block;
}

.dd-part01-infos {
  margin-top: .1rem;
}

.dd-part01-infos .dd-title {
  font-size: .3rem;
  color: #2dae57;
}

.dd-part01-infos .dd-intro {
  margin-top: .1rem;
}

.dd-part01-tips {}

.dd-part01-cent {
  margin-top: .25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dd-part01-cent .dd-detail {
  border-radius: .1rem;
  background-image: -moz-linear-gradient(-92deg, rgb(162, 224, 130) 1%, rgb(54, 169, 76) 100%);
  background-image: -webkit-linear-gradient(-92deg, rgb(162, 224, 130) 1%, rgb(54, 169, 76) 100%);
  background-image: -ms-linear-gradient(-92deg, rgb(162, 224, 130) 1%, rgb(54, 169, 76) 100%);
  box-shadow: 0px 5px 8px 0px rgba(44, 119, 52, 0.5);
  height: .7rem;
  width: 4.65rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: .245rem;
}

.dd-part02 {
  margin-top: .75rem;
  position: relative;
}

.dd-part02::after {
  content: '\20';
  width: 2.07rem;
  height: .9rem;
  background: url(../images/slogan-fri.png?1.0) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: .3rem;
}

.dd-part02 .dd-public {
  padding-bottom: .85rem;
}

.dd-part03 .dd-public {
  padding-bottom: .45rem;
}

.dd-part02-item {
  position: relative;
  background-color: rgba(201, 227, 188, .3);
  border-radius: .2rem;
  padding: .25rem;
  margin-top: .45rem;
}

.dd-part02-item:last-child {
  padding: .05rem;
  padding-top: .25rem;
  padding-bottom: .1rem;
}

.dd-part02-item .dd-head {
  position: absolute;
  height: .38rem;
  background: url(../images/title-af.png?1.0) no-repeat;
  background-size: .13rem 100%;
  background-position: center right;
  left: 0;
  top: -.17rem;
}

.dd-part02-item .dd-head::before {
  content: '\20';
  width: .15rem;
  top: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background: url(../images/title-bf.png?1.0) no-repeat;
  background-size: 100% 100%;
}

.dd-part02-item .dd-head::after {
  content: '\20';
  top: 0;
  bottom: 0;
  left: .14rem;
  right: .13rem;
  position: absolute;
  background: url(../images/title-min.png?1.0) no-repeat;
  background-size: 100% 100%;
}

.dd-part02-item .dd-head-text {
  min-width: 1.45rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: relative;
  z-index: 2;
  padding-bottom: .06rem;
}

.dd-part02-rule:last-child {
  margin-top: .075rem;
}


.dd-part02-rule .dd-top {
  display: flex;
  align-items: center;
}

.dd-part02-rule .dd-top .dd-icon {
  width: .35rem;
  height: .35rem;
}

.dd-part02-rule .dd-top .dd-icon img {
  width: 100%;
  height: auto;
  display: block;
}

.dd-part02-rule .dd-top .dd-text {
  color: #4db95b;
  font-weight: bold;
  margin-left: .1rem;
}

.dd-part02-rule .dd-foot {}

.dd-part02-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: .15rem;
  font-size: .205rem;
  background-image: linear-gradient(to bottom, rgb(235, 255, 237) 0%, rgb(144, 236, 155, .5) 99%);
  border-radius: .15rem;
  border: .02rem solid #fff;
}

.dd-part02-table table .dd-green {
  color: #37b960;
}

.dd-part02 {
  position: relative;
}

.dd-part02-table table td {
  text-align: center;
  padding: .1rem 0;
  border-right: .02rem solid #fff;
  border-bottom: .02rem solid #fff;
  font-size: .18rem;
}

.dd-part02-table table td:last-child {
  border-right: none
}

.dd-part02-table table tr:last-child td {
  border-bottom: none;
}

.dd-part02-table table td.dd-nob {
  border-bottom: none;
}
.dd-part02-video {
  border-radius: 35px;
  margin-top: 20px;
  position: relative;
  display: block;
  overflow: hidden;
}

.dd-part02-video video {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 35px;
}

.dd-part02-video img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 35;
}

.dd-part03 {
  margin-top: .85rem;
}

.dd-part03-flex {}

.dd-part03-vision {
  margin: 0 -.1rem;
}

.dd-part03-vision img {
  width: 100%;
  height: auto;
  display: block;
}

.dd-part03-infos {
  margin-top: .1rem;
  margin-bottom: .1rem;
}

.dd-part03-text {
  color: #fff;
  margin-top: .25rem;
  font-size: .32rem;
  text-align: center;
}

.dd-part03-button {
  position: fixed;
  right: 2.5%;
  top: 75%;
  z-index: 99;
}

.dd-part03-button .dd-apply {
  border-radius: 50%;
  background-image: -moz-linear-gradient(-92deg, rgb(255, 255, 255) 1%, rgb(197, 238, 215) 100%);
  background-image: -webkit-linear-gradient(-92deg, rgb(255, 255, 255) 1%, rgb(197, 238, 215) 100%);
  background-image: -ms-linear-gradient(-92deg, rgb(255, 255, 255) 1%, rgb(197, 238, 215) 100%);
  box-shadow: 0px .03rem .05rem 0px rgba(28, 119, 57, 0.5);
  height: 1.25rem;
  width: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4abe7c;
  font-size: .32rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.25;
}

.dd-part04 {
  margin-top: .65rem;
}

.dd-part04 .dd-public {
  background-color: #f2fff3;
}

.dd-part04-items {
  margin-top: .2rem;
  margin-right: -.5rem;
  margin-left: -.25rem;
}

.dd-part04-items .dd-item {
  display: flex;
  align-items: center;
  margin: .35rem 0;
  padding-left: .65rem;
}
.dd-part04-items .dd-item.dd-03{
  padding-left: .85rem;
}
.dd-part04-items .dd-item.dd-05{
  margin-left: 1.5em;
}
.dd-part04-items .dd-item.dd-06{
  margin-left: 1.5em;
}


.dd-part04-items .dd-item:nth-child(even) {
  justify-content: flex-end;
  padding-left: 0;
  padding-right: 1rem;
}

.dd-part04-items .dd-item-title {
  position: relative;
  line-height: 1;
  flex: 0 0 auto;
}

.dd-part04-items .dd-item:nth-child(even) .dd-item-title {
  margin-left: .5em;
}

.dd-part04-items .dd-item-title strong {
  color: #fdfa5d;
  text-shadow: 1px 0 #36a04d, -1px 0 #36a04d, 0 1px #36a04d, 0 -1px #36a04d, 1px 1px #36a04d, -1px -1px #36a04d, 1px -1px #36a04d, -1px 1px #36a04d, 2px 0 #36a04d, -2px 0 #36a04d, 0 2px #36a04d, 0 -2px #36a04d, 2px 2px #36a04d, -1px -2px #36a04d, 2px -2px #36a04d, -2px 2px #36a04d;
  position: relative;
  z-index: 1;
  font-size: .25rem;
}

.dd-part04-items .dd-item-title::before {
  content: '\20';
  width: 1.2rem;
  height: .16rem;
  background: url(../images/part04-title-af.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: -.1rem;
  bottom: -.1rem;
}

.dd-part04-items .dd-item-icon {
  position: absolute;
  left: -.55rem;
  top: -.35rem;
  width: .7rem;
  height: .53rem;
}

.dd-part04-items .dd-item-icon img {
  width: 100%;
  height: auto;
  display: block;
}


.dd-item-text01 {
  width: 3.83rem;
  height: 1.02rem;
  background: url(../images/part04-text01.png) no-repeat;
  background-size: 100% 100%;
  padding: .15rem .1rem .15rem .25rem;
  font-size: .21rem;
  margin-left: .5em;
  line-height: 1.65;
}

.dd-item-text02 {
  width: 3.85rem;
  height: 1.3rem;
  background: url(../images/part04-text02.png) no-repeat;
  background-size: 100% 100%;
  padding: .15rem .25rem .1rem .15rem;
  margin-left: .5em;
  line-height: 1.65;
  font-size: .21rem;
}

.dd-item-text03 {
  width: 3.84rem;
  height: 2.14rem;
  background: url(../images/part04-text03.png) no-repeat;
  background-size: 100% 100%;
  padding: .15rem .15rem .1rem .25rem;
  margin-left: .5em;
  line-height: 1.65;
  font-size: .21rem;
}

.dd-item-text04 {
  width: 3.85rem;
  height: 1.3rem;
  background: url(../images/part04-text04.png) no-repeat;
  background-size: 100% 100%;
  padding: .15rem .2rem .1rem .3rem;
  margin-left: .5em;
  font-size: .21rem;
  line-height: 1.65;
}

.dd-item-text05 {
  width: 3.82rem;
  height: 1.76rem;
  background: url(../images/part04-text05.png) no-repeat;
  background-size: 100% 100%;
  padding: .15rem .15rem .1rem .3rem;
  margin-left: .5em;
  font-size: .21rem;
  line-height: 1.65;
}

.dd-item-text06 {
  width: 3.89rem;
  height: 3.66rem;
  background: url(../images/part04-text06.png) no-repeat;
  background-size: 100% 100%;
  padding: .25rem .25rem .1rem .2rem;
  font-size: .21rem;
  line-height: 1.65;
}


.dd-part04-items .dd-item-icon.dd-02 {
  left: auto;
  right: -.75rem;
  top: -.25rem;
}
.dd-part04-items .dd-item-icon.dd-03 {
  left: -.75rem;
  height: .7rem;
  top: -.35rem;
}

.dd-part04-items .dd-item-icon.dd-04 {
  left: auto;
  right: -.6rem;
}

.dd-part04-items .dd-item-icon.dd-05 {
  left: -.7rem;
  top: -.25rem;
}

.dd-part04-items .dd-item-icon.dd-06 {
  left: auto;
  width: .72rem;
  right: -.5rem;
  top: auto;
  bottom: -.55rem;
}

.dd-part04-tips {
  margin-top: .15rem;
  text-align: center;
  color: #4db95a;
  font-size: .2rem;
  font-weight: 500;
}

.dd-item-title.dd-05 {
  margin-top: -.7rem;
}

.dd-item-title.dd-06 {
  margin-top: -1.6rem;
}

.dd-part04-items .dd-item-title.dd-06::before {
  left: -.08rem;
  width: auto;
}

.dd-part04-items .dd-item .dd-line {
  background-image: linear-gradient(to bottom, rgba(170, 234, 164, 0) 50%, rgba(170, 234, 164, 1) 50%);
}


.dd-mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .75);
  z-index: 999;
  display: none;
}

.dd-mask-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dd-mask-inner {
  position: relative;
  width: 94.375%;
  max-width: 6.04rem;
  background-image: linear-gradient(to bottom, #9bdcff, #77bcfd);
  border-radius: .3rem;
  box-shadow: 0px .08rem .4rem 0px rgba(51, 68, 194, 0.5);
  padding: .1rem;
}

.dd-mask-content {
  background-color: #fff;
  border-radius: .2rem;
  padding: .2rem .3rem;
}

.dd-mask-inner .dd-mask-close {
  width: .7rem;
  height: .7rem;
  background: url(../images/close.png?1.0) no-repeat;
  background-size: .55rem .55rem;
  background-position: center center;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -.8rem;
  z-index: 2;
}

.dd-mask-inner .dd-main {
  min-height: 1rem;
  position: relative;
  z-index: 3;
  max-height: 70vh;
  overflow-y: auto;
  padding: 0 .15rem;
}

.dd-mask-inner .dd-main li {
  line-height: 1.8;
}

.dd-mask-inner .dd-main::-webkit-scrollbar {
  width: .05rem;
}

.dd-mask-inner .dd-main::-webkit-scrollbar {
  width: .05rem;
  height: .2rem;
  background-color: #fff;
  border-radius: .1rem;
}

.dd-mask-inner .dd-main::-webkit-scrollbar-thumb {
  background: #77bcfd;
  border-radius: .1rem;
}