/************************************************************************************
田园风格
*************************************************************************************/
/*第一屏 导航、banner*/
.maindianmian{ width:100%; margin:0 auto;}
.dm-floor-ul li{float:left; width:100%; display:block; height:2rem; background-repeat:no-repeat; background-size:100% 100%; font-size:0.875rem;}
.dm-floor-ul li.active,.dm-floor-ul li:hover{background-size:100% 100%;}
.dm-floor-ul li span{ display:none; cursor:pointer; line-height:2rem;}
.dm-floor-ul li.active span,.dm-floor-ul li:hover span{ display:inline-block; width:100%; text-align:center; line-height:2rem; color:#fff;}

.dm-header-title{ width:100%; float:left;/* padding-top:4rem;*/ height:7.5rem; padding-top:4rem; }
.dm-header-title h2{ text-align:center; font-size:2.25rem; color:#333; letter-spacing:0.125rem; line-height:3rem; }
.dm-header-title h2 .dm-header-t-a, .dm-header-title h2 .dm-header-t-b { height:0.5rem; border-top:1px solid #a1a1a1; display: inline-block; width: 9%; margin:0.5rem 1% 0px;}
.dm-header-title p{ color:#999999; font-size:1rem; width:100%; text-align:center; line-height:2.5rem;}

.dianmian-banner{ width:100%; height:100%; position:relative; float:left; background:#2e353f url(../image/dm-banner-bg.jpg) no-repeat top center; background-size:100% 100%; /*margin-top:-60px;*/ z-index:10;}
.dianmian-button{ position:absolute; right:20%; top:38%;}
.dm-banner-floor{ position:absolute; top:39%; left:6.66%; width:8%;}
.dm-banner-floor .dm-floor-ul li{  background-image:url(../image/dm-b-f-li-bg2.png);}
.dm-banner-floor .dm-floor-ul li.active,.dm-banner-floor .dm-floor-ul li:hover{background-image:url(../image/dm-b-f-li-bg1.png);}


/*服装店定制*/
.dm-fzd{ width:100%; background:url(../image/dm-fzd-bg.jpg) repeat-y center; background-size:100% 100%; position:relative; }
.dianmian-fzd{ width:100%; height:100%; float:left;}
.dm-fzd-floor{ position:absolute; bottom:39%; left:6.66%; width:8%;}
.dm-fzd-floor .dm-floor-ul li{  background-image:url(../image/dm-fzd-f-li-bg2.png);}
.dm-fzd-floor .dm-floor-ul li.active,.dm-fzd-floor .dm-floor-ul li:hover{background-image:url(../image/dm-fzd-f-li-bg1.png);}
.dm-fzd-floor .dm-floor-ul li span{ color:#202730;}
.dm-fzd .dm-fzd-sucai-l{ position:absolute; left:4%; bottom:6.4%; width:8.96%;}
.dm-fzd .dm-fzd-sucai-r{ position:absolute; right:1.5625%; bottom:33.4%; width:13.59375%;}
.dm-fzd .dm-fzd-sucai-l img,.dm-fzd .dm-fzd-sucai-r img{ width:100%; height:auto;}
.dianmianfzd_box{ /*width:62.5%; width:1200px;*/ width:75rem; margin:0 auto; height:100%;}

.dianmianfzd_box .dm-header-title{/*height:7.5rem; padding-top:3rem;*/height:11%; padding-top:8%;  }
.dianmianfzd_box .dm-header-t-ico{ /*width:2.83%;*/ width:2.125rem; height:auto; display:inline-block; margin-bottom:0rem;}
.dianmianfzd_box .dm-header-t-ico img{ width:100%; height:auto; vertical-align:middle;}
.dianmianfzd_box .dm-header-title p{ color:#999999; font-size:1rem; width:100%; text-align:center; line-height:2.5rem; margin-left:-1.1rem;}
.dm-fzd-box{ float:left; width:100%; height:auto; height:83%;}
.dm-fzd-box ul{ float:left; width:100%; margin:2% 0px 5% 0px; /*margin-bottom:3rem;*/ height:auto; /*margin-bottom:5%;*/}
.dm-fzd-box ul li{ /*width:29.8%;margin-right:4.8%;*/ width:22.375rem; margin-right:3.5625rem; height:auto; overflow:hidden;  float:left; border:1px solid #e9cb9e; background:#fff;}
.dm-fzd-box ul li:nth-of-type(3){ margin-right:0px;}
.dm-fzd-box ul li .dm-fzd-pic{ width:100%; /*height:82.35%;*/ /*height:auto; max-*/height:17.5rem; overflow:hidden; padding:0px; margin:0px;
-moz-box-shadow:8px 8px 5px rgba(55,55,55,0.16); -webkit-box-shadow:8px 8px 5px rgba(55,55,55,0.16); box-shadow:8px 8px 5px rgba(55,55,55,0.16);}
.dm-fzd-box ul li img{ width:100%; height:auto; transition: all 0.7s ease 0s;}
.dm-fzd-box ul li .dm-fzd-title{ height:3.5rem; width:100%; text-align:center;}
.dm-fzd-box ul li .dm-fzd-title a{ color:#333333; font-size:1.125rem; width:100%; display:inline-block; line-height:2.5rem;}
.dm-fzd-box ul li:hover img{transform: scale(1.03);}
.dm-fzd-box ul li:hover .dm-fzd-title a{ color:#000;}

.dm-fzd-box .dm-fzd-anli-ul1{  /*animation: bounceInLeft 1s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000)*/
    animation:bounceInLeft 3s;
    animation-iteration-count:1;
    animation-fill-mode:forwards;
    /* Safari 和 Chrome */
    -webkit-animation:bounceInLeft 3s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode:forwards;
	
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  100% {
    transform: forwards;
  }
}

.dm-fzd-box .dm-fzd-anli-ul2{  /*animation: bounceInLeft 1s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000)*/
    animation:bounceInRight 3s;
    animation-iteration-count:1;
    animation-fill-mode:forwards;
    /* Safari 和 Chrome */
    -webkit-animation:bounceInRight 3s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode:forwards;
	
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  100% {
    transform: forwards;
  }
}

/*理发店定制*/
.dm-lfd{ width:100%; background:url(../image/dm-lfd-bg.jpg) repeat-y center; background-size:100% 100%; position:relative; }
.dianmian-lfd{ width:100%; height:100%; float:left;}
.dianmianlfd_box .dm-header-title{/*height:5rem; padding-top:2rem;*/ height:9%; padding-top:8%; }
.dianmianlfd_box .dm-header-t-ico{ /*width:3.97%;*/ width:3.125rem; height:auto; display:inline-block; margin-bottom:-1rem;}
.dianmianlfd_box .dm-header-t-ico img{ width:100%; height:auto; vertical-align:bottom;}
.dianmianlfd_box .dm-header-title p{ color:#999999; font-size:1rem; width:100%; text-align:center; line-height:2.5rem; margin-left:-2rem;}
.dm-lfd-floor{ position:absolute; bottom:39%; left:6.66%; width:8%;}
.dm-lfd-floor .dm-floor-ul li{  background-image:url(../image/dm-lfd-f-li-bg2.png); position:relative;}
.dm-lfd-floor .dm-floor-ul li.active,.dm-lfd-floor .dm-floor-ul li:hover{background-image:url(../image/dm-lfd-f-li-bg1.png);}
.dm-lfd-floor .dm-floor-ul li span{ color:#202730;}
.dm-lfd .dm-lfd-sucai-r{ position:absolute; right:0px; bottom:0px; width:16.823%;}
.dm-lfd .dm-lfd-sucai-l img,.dm-lfd .dm-lfd-sucai-r img{ width:100%; height:auto;}
.dianmianlfd_box{ /*width:65.625%; width:1260px;*/ width:78.75rem; margin:0 auto; height:100%;}
.dm-lfd-box{ width:100%; height:auto; float:left; position:relative;}
.dm-lfd-box ul{ width:100%; height:100%; overflow:hidden;}
.dm-lfd-box ul li{ width:18.5rem; height:auto; text-align:center; position:absolute;}
.dm-lfd-box ul li .dm-lfd-list{ position:relative; width:100%; height:100%; float:left;}
.dm-lfd-box ul li .dm-lfd-pic{ width:16.75rem; height:16.75rem; padding:0.4rem; border:2px solid #ffcccc; background:#fff; border-radius:100%; overflow:hidden; z-index:5;}
.dm-lfd-box ul li .dm-lfd-pic img{ width:100%; height:100%; border-radius:100%; }
.dm-lfd-box ul li .dm-lfd-text{ width:100%; text-align:center;}
.dm-lfd-box ul li .dm-lfd-text a{ color:#333; font-size:1.125rem; line-height:2.5rem;}
.dm-lfd-box ul li:hover .dm-lfd-text a{ color:#000;}

.dm-lfd-box ul li:nth-of-type(1){ /*left:1.35%;*/left:1.06rem; top:0px; width:18.56rem; height:27.375rem;}
.dm-lfd-box ul li:nth-of-type(1) .dm-lfd-list .dm-lfd-pic{margin-top:4.0625rem;}
.dm-lfd-box ul li:nth-of-type(1) .dm-lfd-list .dm-lfd-ico{ position:absolute; top:0.5rem; right:5.125rem; z-index:8; width:3.26rem; height:auto;}
.dm-lfd-box ul li .dm-lfd-list .dm-lfd-ico img{ width:100%; height:auto;}

.dm-lfd-box ul li:nth-of-type(2){ /*left:22.25rem; left:19rem;left:27%;*/ left:21.2625rem;   top:0px; width:18.56rem; height:36.25rem;}
.dm-lfd-box ul li:nth-of-type(2) .dm-lfd-list .dm-lfd-pic{margin-top:12.75rem;}
.dm-lfd-box ul li:nth-of-type(2) .dm-lfd-list .dm-lfd-ico{ position:absolute; top:0px; left:7.5rem; z-index:8; width:3.4375rem; height:auto;}


.dm-lfd-box ul li:nth-of-type(3){ /*left:39.0625rem; left:35rem;left:49.6%;*/ left:39.06rem; top:0px; width:18.56rem; height:27.375rem;}
.dm-lfd-box ul li:nth-of-type(3) .dm-lfd-list .dm-lfd-pic{margin-top:4.0625rem;}
.dm-lfd-box ul li:nth-of-type(3) .dm-lfd-list .dm-lfd-ico{ position:absolute; top:0px; left:7.5rem; z-index:8; width:3.125rem; height:auto;}

.dm-lfd-box ul li:nth-of-type(4){ /*left:58.75rem; left:54rem; left:74.5%;*/ left:58.66875rem; top:0px; width:18.56rem; height:36.25rem;}
.dm-lfd-box ul li:nth-of-type(4) .dm-lfd-list .dm-lfd-pic{margin-top:12.75rem;}
.dm-lfd-box ul li:nth-of-type(4) .dm-lfd-list .dm-lfd-ico{ position:absolute; top:0px; left:7.5rem; z-index:8; width:3.3125rem; height:auto;}

.dm-lfd-box ul li:nth-of-type(5){ /*left:11.4375rem;left:9rem;left:13.5%;*/ left:11.25rem; top:0px; width:18.56rem; height:53.75rem;}
.dm-lfd-box ul li:nth-of-type(5) .dm-lfd-list .dm-lfd-pic{margin-top:33.5rem;}
.dm-lfd-box ul li:nth-of-type(5) .dm-lfd-list .dm-lfd-ico{ position:absolute; top:-1rem; left:7.5rem; z-index:8; width:3.1875rem; height:auto; vertical-align:bottom;}

.dm-lfd-box ul li:nth-of-type(6){ /*left:48.75rem;left:44rem;left:61.9%;*/ left:48.74625rem; top:0px; width:18.56rem; height:58.5625rem;}
.dm-lfd-box ul li:nth-of-type(6) .dm-lfd-list .dm-lfd-pic{margin-top:34rem;}
.dm-lfd-box ul li:nth-of-type(6) .dm-lfd-list .dm-lfd-ico{ position:absolute; top:-2rem; left:7.5rem; z-index:8; width:3.5rem; height:auto;}
.dm-lfd-box ul li:nth-of-type(7){ top:36rem; left:30.7125rem; /*left:39%;left:31.5rem;left:27rem;*/ background:url(../image/dm-lfd-button-bg.png) no-repeat; background-size:100% 100%; width:14.875rem; height:14.875rem; cursor:pointer; text-align:center; line-height:14.875rem; overflow:hidden;}
.dm-lfd-box ul li:nth-of-type(7) p{ width:100%; height:100%; display:block; cursor:pointer;}
.dm-lfd-box ul li:nth-of-type(7) p a{width:100%; height:100%; display:block; color:#333; font-size:1.5rem; }
.dm-lfd-box ul li:nth-of-type(7) p a:hover{ color:#000; font-size:1.55rem;}

.dm-lfd-box ul li .dm-lfd-pic {
   -webkit-animation: pic_go 1s ease-in-out alternate infinite;
   -moz-animation: pic_go 1s ease-in-out alternate infinite;
   animation: pic_go 1s ease-in-out alternate infinite;
}
@keyframes pic_go {
   0% {
       -webkit-transform: rotate(4deg);
       -webkit-transform-origin: top center;
       -moz-transform: rotate(4deg);
       -moz-transform-origin: top center;
       transform: rotate(4deg);
       transform-origin: top center;
    }
    100% {
       -webkit-transform: rotate(-4deg);
       -webkit-transform-origin: top center;
       -moz-transform: rotate(-4deg);
       -moz-transform-origin: top center;
       transform: rotate(-4deg);
       transform-origin: top center;
    }
}
/*美甲店定制*/
.dm-mjd{ width:100%; background:#fdf3f3; background-size:100% 100%; position:relative; }
.dianmian-mjd{ width:100%; height:100%; float:left;}
.dianmianmjd_box .dm-header-title{/*height:7rem; padding-top:2rem; */ height:9%; padding-top:8%;}
.dianmianmjd_box .dm-header-t-ico{ /*width:4.64%;*/ width:4.0625rem; height:auto; display:inline-block; margin-bottom:-1rem;}
.dianmianmjd_box .dm-header-t-ico img{ width:100%; height:auto; vertical-align:bottom;}
.dianmianmjd_box .dm-header-title p{ color:#999999; font-size:1rem; width:100%; text-align:center; line-height:2.5rem; margin-left:-2rem;}
.dm-mjd-floor{ position:absolute; bottom:39%; left:6.66%; width:8%;}
.dm-mjd-floor .dm-floor-ul li{  background-image:url(../image/dm-mjd-f-li-bg2.png); position:relative;}
.dm-mjd-floor .dm-floor-ul li.active,.dm-mjd-floor .dm-floor-ul li:hover{background-image:url(../image/dm-mjd-f-li-bg1.png);}
.dm-mjd-floor .dm-floor-ul li span{ color:#202730;}
.dm-mjd .dm-mjd-sucai-r{ position:absolute; right:0px; top:0px; width:16.823%;}
.dm-mjd .dm-mjd-sucai-l{ position:absolute; left:3.125%; bottom:8.3%; width:9.74%;}
.dm-mjd .dm-mjd-sucai-l img,.dm-lfd .dm-mjd-sucai-r img{ width:100%; height:auto;}
.dianmianmjd_box{ width:87.5rem;  margin:0 auto; height:100%; /*width:1400px;width:73%;*/ }

.dm-mjd-box{ width:100%;float:left; position:relative;}
.dm-mjd-box ul li{ position:absolute;}
.dm-mjd-box ul li .dm-mjd-list{width:22.625rem; height:20.625rem; border:1px solid #f3afba; position:relative;}
.dm-mjd-box ul li .dm-mjd-list .dm-mjd-pic{margin-top:0.7rem; margin-left:0.5625rem; border:2px solid #f3afba; width:20rem; height:17.375rem; padding:0.6875rem 1.75rem 0.6875rem 0.6875rem; float:left; background:#fef4f4; z-index:5; position:relative; overflow:hidden;}
.dm-mjd-box ul li .dm-mjd-list .dm-mjd-pic img{ width:100%; height:100%; transition: all 0.7s ease 0s; }
.dm-mjd-box ul li:hover .dm-mjd-list .dm-mjd-pic img{transform: scale(1.03);}
.dm-mjd-box ul li .dm-mjd-list .dm-mjd-text{ width:100%; text-align:center; float:left; height:2.875rem; line-height:2.875rem;  margin-top:1rem;}
.dm-mjd-box ul li .dm-mjd-list .dm-mjd-text a{ color:#333333; font-size:1.125rem;}
.dm-mjd-box ul li:hover .dm-mjd-list .dm-mjd-text a{ color:#000;}

.dm-mjd-box ul li:nth-of-type(1){ /*left:7.1%;*/ left:6.2125rem; top:0px; width:18.56rem; height:27.375rem;}
.dm-mjd-box ul li:nth-of-type(1) .dm-mjd-list .dm-mjd-ico{ position:absolute; left:-4.65rem; width:7.25rem; height:auto; top:8.25rem; z-index:4; }
.dm-mjd-box ul li:nth-of-type(1) .dm-mjd-list .dm-mjd-ico img{ width:100%; height:auto;}

.dm-mjd-box ul li:nth-of-type(2){ /*left:38.9%;*/ left:34.0375rem; top:0px; width:18.56rem; height:27.375rem;}
.dm-mjd-box ul li:nth-of-type(3){ /*left:69.86%;*/ left:61.1275rem; top:0px; width:18.56rem; height:27.375rem;}
.dm-mjd-box ul li:nth-of-type(4){ /*left:11.64%;*/ left:10.185rem; top:26rem; width:18.56rem; height:27.375rem;}
.dm-mjd-box ul li:nth-of-type(5){ /*left:64.86%;*/ left:56.7525rem; top:26rem; width:18.56rem; height:27.375rem;}
.dm-mjd-box ul li:nth-of-type(5) .dm-mjd-list .dm-mjd-ico{ position:absolute; right:-5.65rem; width:7.25rem; height:auto; top:8.25rem; z-index:4; }
.dm-mjd-box ul li:nth-of-type(5) .dm-mjd-list .dm-mjd-ico img{ width:100%; height:auto;}
.dm-mjd-box ul li:nth-of-type(6){ /*left:42%;*/ left:36.75rem; top:25.5rem; width:17.5rem; height:17.5rem; background:url(../image/dm-mjd-button-bg.png) no-repeat; background-size:100% 100%; line-height:17.5rem;}
.dm-mjd-box ul li:nth-of-type(6) .dm-mjd-button{ display:block; width:100%; height:100%; /*background:url(http://oss.meilh.com/20190323/images/dm-mjd-button.png) no-repeat; background-size:100% 100%;*/ text-align:center; position:relative;}
.dm-mjd-box ul li:nth-of-type(6) .dm-mjd-button  img{display:block; width:100%; height:100%; }
.dm-mjd-box ul li:nth-of-type(6) .dm-mjd-button a{ position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; color:#333; font-size:1.5rem;}
.dm-mjd-box ul li:nth-of-type(6) .dm-mjd-button a:hover{ color:#000;}

.dm-mjd-box ul li:nth-of-type(6) .dm-mjd-button img {
   -webkit-animation:mjd_button_go 4s infinite linear;/*匀速 循环*/
   -moz-animation:mjd_button_go 4s infinite linear;/*匀速 循环*/
   animation: mjd_button_go 4s infinite linear;/*匀速 循环*/
   -webkit-animation:mjd_button_go 4s infinite linear;/*匀速 循环*/
}

@keyframes mjd_button_go {
   0% {
       -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
       transform: rotate(0deg);
    }
    100% {
       -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
       transform: rotate(360deg);
    }
}
/*化妆品店定制*/
.dm-hzpd{ width:100%; background:#e7f0e9; background-size:100% 100%; position:relative; }
.dianmian-hzpd{ width:100%; height:100%; float:left;}
.dianmianhzpd_box .dm-header-title{/*height:7rem; padding-top:2rem;*/ height:9%; padding-top:8%; }
.dianmianhzpd_box .dm-header-t-ico{ /*width:5.46875%;*/ width:4.375rem; height:auto; display:inline-block; margin-bottom:-1rem;}
.dianmianhzpd_box .dm-header-t-ico img{ width:100%; height:auto; vertical-align:top;}
.dianmianhzpd_box .dm-header-title p{ color:#999999; font-size:1rem; width:100%; text-align:center; line-height:2.5rem; margin-left:2.2rem; /*margin-left:-2.7%*/}
.dm-hzpd-floor{ position:absolute; bottom:39%; left:6.66%; width:8%;}
.dm-hzpd-floor .dm-floor-ul li{  background-image:url(../image/dm-hzpd-f-li-bg2.png); position:relative;}
.dm-hzpd-floor .dm-floor-ul li.active,.dm-hzpd-floor .dm-floor-ul li:hover{background-image:url(../image/dm-hzpd-f-li-bg1.png);}
.dm-hzpd-floor .dm-floor-ul li span{ color:#202730;}
.dm-hzpd .dm-hzpd-sucai-r{ position:absolute; right:0px; top:0px; width:16.042%;}
.dm-hzpd .dm-hzpd-sucai-l{ position:absolute; left:0px; top:0px; width:18.7%;}
.dm-hzpd .dm-hzpd-sucai-l img,.dm-hzpd .dm-hzpd-sucai-r img{ width:100%; height:auto;}
.dm-hzpd .dm-hzpd-sucai-r img {
   -webkit-animation: hzpd_pic_go 1s ease-in-out alternate infinite;
   -moz-animation: hzpd_pic_go 1s ease-in-out alternate infinite;
   animation: hzpd_pic_go 1s ease-in-out alternate infinite;
}
@keyframes hzpd_pic_go {
   0% {
       -webkit-transform: rotate(2deg);
       -webkit-transform-origin: top center;
       -moz-transform: rotate(2deg);
       -moz-transform-origin: top center;
       transform: rotate(2deg);
       transform-origin: top center;
    }
    100% {
       -webkit-transform: rotate(-2deg);
       -webkit-transform-origin: top center;
       -moz-transform: rotate(-2deg);
       -moz-transform-origin: top center;
       transform: rotate(-2deg);
       transform-origin: top center;
    }
}
.dianmianhzpd_box{ width:80rem; margin:0 auto; height:100%; /*width:1280px;width:66.7%;*/ }

.dm-hzpd-box{ width:100%;float:left; position:relative;}
.dm-hzpd-box ul li{ /*position:absolute;*/ /*width:31.015625%;*/ width:24.8125rem; height:26rem; float:left; margin:0px 1rem; overflow:hidden;}
.dm-hzpd-box ul li .dm-hzpd-list{ width:100%; position:relative; text-align:center;}
.dm-hzpd-box ul li .dm-hzpd-list .dm-hzpd-pic{ margin:0 auto; width:19.8125rem; height:19.8125rem; background:#69995d; z-index:5; position:relative; border-radius:100%; border:5px solid #69995d; border-right:0px; border-bottom:0px; overflow:hidden; }
.dm-hzpd-box ul li .dm-hzpd-list .dm-hzpd-pic img{ width:100%; height:100%; transition: all 0.7s ease 0s; border-radius:100%;}
.dm-hzpd-box ul li:hover .dm-hzpd-list .dm-hzpd-pic img{transform: scale(1.03);}
.dm-hzpd-box ul li .dm-hzpd-list .dm-hzpd-text{ width:100%; text-align:center; height:2.875rem; line-height:2.875rem; }
.dm-hzpd-box ul li .dm-hzpd-list .dm-hzpd-text a{ color:#333333; font-size:1.125rem;}
.dm-hzpd-box ul li:hover .dm-hzpd-list .dm-hzpd-text a{ color:#000;}
.dm-hzpd-box ul li .dm-hzpd-list .dm-hzpd-ico{ position:absolute; top:0px; left:0px;  width:100%;}
.dm-hzpd-box ul li .dm-hzpd-list .dm-hzpd-ico img{ width:100%; height:auto;}
.dm-hzpd-box ul li:nth-of-type(3),.dm-hzpd-box ul li:nth-of-type(6){ margin-left:1rem; /*margin-left:1.25%;*/ margin-right:0px;}
.dm-hzpd-box ul li:nth-of-type(2){ margin-top:2rem;}
.dm-hzpd-box ul li:nth-of-type(4),.dm-hzpd-box ul li:nth-of-type(6){ margin-top:-2rem;}
.dm-hzpd-box ul li:nth-of-type(5){ margin-top:0px;}

/*专卖店定制*/
.dm-zmd{ width:100%; background:#f0ebe7; background-size:100% 100%; position:relative; }
.dianmian-zmd{ width:100%; height:100%; float:left;}
.dianmianzmd_box .dm-header-title{/*height:6rem; padding-top:2rem; */ height:9%; padding-top:7%;}
.dianmianzmd_box .dm-header-t-ico{ /*width:3.90625%;*/ width:3.125rem; height:auto; display:inline-block; margin-bottom:-1rem;}
.dianmianzmd_box .dm-header-t-ico img{ width:100%; height:auto; vertical-align:top;}
.dianmianzmd_box .dm-header-title p{ color:#999999; font-size:1rem; width:100%; text-align:center; line-height:2.5rem; margin-left:-1.6rem;/* margin-left:-2.7%*/}
.dm-zmd-floor{ position:absolute; bottom:39%; left:6.66%; width:8%;}
.dm-zmd-floor .dm-floor-ul li{  background-image:url(../image/dm-zmd-f-li-bg2.png); position:relative;}
.dm-zmd-floor .dm-floor-ul li.active,.dm-zmd-floor .dm-floor-ul li:hover{background-image:url(../image/dm-zmd-f-li-bg1.png);}
.dm-zmd-floor .dm-floor-ul li span{ color:#202730;}


.dianmianzmd_box{ width:80rem; margin:0 auto; height:100%; /*width:1280px; width:66.7%;*/ }

.dm-zmd-box{ width:100%;float:left; position:relative;}
.dm-zmd-box ul { float:left; width:100%; height:auto;}
.dm-zmd-box ul li{ /*position:absolute;*/ /*width:24.375%;margin:0px 2.265625% 0px 5.078125%;*/ width:19.5rem; margin:0px 1.8rem 0px 4.0625rem; height:23.5rem; float:left;  overflow:hidden;}
.dm-zmd-box ul li .dm-zmd-list{ width:100%; position:relative; text-align:center;}
.dm-zmd-box ul li .dm-zmd-list .dm-zmd-pic{ margin:0 auto; width:17.875rem; height:17.875rem; padding:0.5rem; z-index:5; position:relative; border-radius:100%; border:1px dashed #f4b654; overflow:hidden; }
.dm-zmd-box ul li .dm-zmd-list .dm-zmd-pic p{ display:block; width:100%; height:100%; text-align:center; overflow:hidden; border-radius:100%; cursor:pointer;}
.dm-zmd-box ul li .dm-zmd-list .dm-zmd-pic p img{ width:100%; height:100%;  border-radius:100%;}
.dm-zmd-box ul li:hover .dm-zmd-list .dm-zmd-pic p img{transform: scale(1.03);}
.dm-zmd-box ul li .dm-zmd-list .dm-zmd-text{ width:100%; text-align:center; height:2rem; line-height:2rem; }
.dm-zmd-box ul li .dm-zmd-list .dm-zmd-text a{ color:#333333; font-size:1.125rem;}
.dm-zmd-box ul li:hover .dm-zmd-list .dm-zmd-text a{ color:#000;}
.dm-zmd-box ul li .dm-zmd-list .dm-zmd-ico{  width:100%; text-align:center; height:2.2rem; position:relative;}
.dm-zmd-box ul li .dm-zmd-list .dm-zmd-ico img{ position:absolute; width:0.9375rem; height:auto;
animation:zysjUpdown 1s infinite alternate; -webkit-animation:dm_zmd_ico_updown 1s infinite alternate;}
@keyframes dm_zmd_ico_updown{
		from{top:0px;}  to{top:0.5rem;}
}
@-webkit-keyframes dm_zmd_ico_updown{
		from{top:0px;}  to{top:0.5rem;}
}

.dm-zmd-box ul li:nth-of-type(2),.dm-zmd-box ul:nth-of-type(2) li:nth-of-type(2){ margin-top:4rem;}
.dm-zmd-box ul:nth-of-type(2){ margin-top:-1rem;}