.dialog[data-v-632c68af] {
 position:fixed;
 top:0;
 bottom:0;
 left:0;
 right:0;
 background:rgba(0,0,0,.6);
 z-index:9999
}
.dialog .dialog-container[data-v-632c68af] {
 width:900px;
 height:570px;
 background:#fff;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 border-radius:8px;
 position:relative
}
.dialog .dialog-container .dialog-title[data-v-632c68af] {
 width:100%;
 height:50px;
 font-size:15px;
 color:#fff;
 padding:16px 50px 0 20px;
 box-sizing:border-box;
 text-align:left;
 background-color:#1a1616
}
.dialog .dialog-container .content[data-v-632c68af] {
 width:100%;
 height:100%;
 line-height:26px;
 box-sizing:border-box
}
.dialog .dialog-container .content .dialog_content[data-v-632c68af] {
 width:100%;
 height:100%
}
.dialog .dialog-container .content .dialog_content .dialog_box[data-v-632c68af] {
 display:flex
}
.dialog .dialog-container .content .dialog_content .dialog_box .dialog_img[data-v-632c68af] {
 width:60%
}
.dialog .dialog-container .content .dialog_content .dialog_box .dialog_img img[data-v-632c68af] {
 width:375px;
 height:500px;
 -o-object-fit:contain;
 object-fit:contain;
 padding:10px 0
}
.dialog .dialog-container .content .dialog_content .dialog_box .dialog_fz[data-v-632c68af] {
 width:40%;
 text-align:left;
 display:inline-block
}
.dialog .dialog-container .content .dialog_content .dialog_box .dialog_fz .dialog_top span[data-v-632c68af] {
 font-size:20px;
 font-weight:700
}
.dialog .dialog-container .content .dialog_content .dialog_box .dialog_fz ul[data-v-632c68af] {
 padding:0;
 line-height:3
}
@media only screen and (max-width:991px) {
 .dialog .dialog-container .content .dialog_content .dialog_box[data-v-632c68af] {
  display:block
 }
 .dialog .dialog-container .content .dialog_content .dialog_box .dialog_mobile[data-v-632c68af] {
  display:flex;
  border-bottom:1px solid #ccc
 }
 .dialog .dialog-container .content .dialog_content .dialog_box .dialog_img[data-v-632c68af] {
  width:50%
 }
 .dialog .dialog-container .content .dialog_content .dialog_box .dialog_img img[data-v-632c68af] {
  width:100%;
  height:157px
 }
 .dialog .dialog-container .content .dialog_content .dialog_box .dialog_top[data-v-632c68af] {
  width:50%
 }
 .dialog .dialog-container .content .dialog_content .dialog_box .dialog_fz[data-v-632c68af] {
  width:100%;
  display:flex;
  justify-content:space-around;
  align-items:center
 }
}
.dialog .dialog-container .inp[data-v-632c68af] {
 margin:10px 0 0 20px;
 width:200px;
 height:40px;
 padding-left:4px;
 border-radius:4px;
 border:none;
 background:#efefef;
 outline:none
}
.dialog .dialog-container .inp[data-v-632c68af]:focus {
 border:1px solid #509ee3
}
.dialog .dialog-container .btns[data-v-632c68af] {
 width:100%;
 height:60px;
 position:absolute;
 bottom:0;
 left:0;
 text-align:right;
 padding:0 16px;
 box-sizing:border-box
}
.dialog .dialog-container .btns>div[data-v-632c68af] {
 display:inline-block;
 height:40px;
 line-height:40px;
 padding:0 14px;
 color:#fff;
 background:#f1f1f1;
 border-radius:8px;
 margin-right:12px;
 cursor:pointer
}
.dialog .dialog-container .btns .default-btn[data-v-632c68af] {
 color:#787878
}
.dialog .dialog-container .btns .default-btn[data-v-632c68af]:hover {
 color:#509ee3
}
.dialog .dialog-container .btns .danger-btn[data-v-632c68af] {
 background:#ef8c8c
}
.dialog .dialog-container .btns .danger-btn[data-v-632c68af]:hover {
 background:#e08787
}
.dialog .dialog-container .btns .danger-btn[data-v-632c68af]:active {
 background:#ef8c8c
}
.dialog .dialog-container .btns .confirm-btn[data-v-632c68af] {
 color:#fff;
 background:#509ee3
}
.dialog .dialog-container .btns .confirm-btn[data-v-632c68af]:hover {
 background:#6fb0eb
}
.dialog .dialog-container .close-btn[data-v-632c68af] {
 position:absolute;
 top:16px;
 right:16px;
 width:30px;
 height:30px;
 line-height:30px;
 text-align:center;
 font-size:18px;
 cursor:pointer
}
.dialog .dialog-container .close-btn .iconfont[data-v-632c68af] {
 color:#fff
}
.dialog .dialog-container .close-btn[data-v-632c68af]:hover {
 font-weight:600
}
@media only screen and (max-width:991px) {
 .dialog .dialog-container[data-v-632c68af] {
  width:100%;
  height:auto
 }
}
.Periphery[data-v-bffc95c0] {
 width:100%;
 height:100%;
 position:relative
}
.Periphery .collect_img[data-v-bffc95c0] {
 position:fixed;
 left:0;
 top:0;
 height:100%
}
@media only screen and (max-width:991px) {
 .Periphery .collect_img[data-v-bffc95c0] {
  height:700px
 }
}
.Periphery .collect_img>img[data-v-bffc95c0],
.Periphery .collect_img>video[data-v-bffc95c0] {
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover;
 position:absolute;
 left:0;
 top:0
}
.Periphery .collect_img>video[data-v-bffc95c0] {
 display:block
}
.Periphery .collect_bg[data-v-bffc95c0] {
 width:100%;
 height:100vh;
 position:relative;
 background-size:cover;
 overflow:hidden;
 -webkit-clip-path:inset(0 0 0 0);
 clip-path:inset(0 0 0 0)
}
.Periphery .collect_bg .scroll-icon[data-v-bffc95c0] {
 display:flex;
 justify-content:center;
 align-items:center;
 height:2em;
 width:1.2em;
 font-size:22px;
 color:hsla(0,0%,100%,.5);
 border-radius:2em;
 border:2px solid;
 transition:.4s;
 position:absolute;
 left:50%;
 bottom:0;
 transform:translate(-50%,-50%);
 z-index:1
}
.Periphery .collect_bg .scroll-icon[data-v-bffc95c0]:hover {
 background-color:hsla(0,0%,100%,.05);
 color:#fff
}
.Periphery .collect_bg .scroll-icon[data-v-bffc95c0]:after {
 content:"";
 width:5px;
 height:5px;
 background-color:#fff;
 border-radius:50%;
 animation:scroll-icon-bffc95c0 2.2s cubic-bezier(.65,.05,.36,1) infinite
}
@keyframes scroll-icon-bffc95c0 {
 0% {
  transform:translateY(-12px);
  opacity:0
 }
 30%,
 70% {
  opacity:1
 }
 to {
  transform:translateY(12px);
  opacity:0
 }
}
.Periphery .collect_bg .collect_fz[data-v-bffc95c0] {
 position:absolute;
 bottom:0;
 padding:85px 100px;
 text-align:left;
 color:#fff;
 opacity:0
}
.Periphery .collect_bg .collect_fz h2[data-v-bffc95c0] {
 color:#fff;
 font-weight:700;
 font-size:3rem;
 margin:0
}
.Periphery .collect_bg .collect_fz p[data-v-bffc95c0] {
 font-size:.875rem;
 line-height:16px
}
@media only screen and (max-width:991px) {
 .Periphery .collect_bg .collect_fz[data-v-bffc95c0] {
  width:auto;
  position:absolute;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  bottom:70px;
  z-index:2;
  padding-bottom:96px;
  left:0;
  text-align:left;
  color:#fff;
  padding:75px 20px
 }
 .Periphery .collect_bg .collect_fz h2[data-v-bffc95c0] {
  margin:0;
  font-size:1.4rem;
  line-height:40px
 }
 .Periphery .collect_bg .collect_fz p[data-v-bffc95c0] {
  font-size:.875rem
 }
}
.Periphery .All_Periphery[data-v-bffc95c0] {
 width:100%;
 padding:35px 0;
 position:relative;
text-align:center;
}
.Periphery .All_Periphery .select_product[data-v-bffc95c0] {
 width:auto;
 height:55px
}
.Periphery .All_Periphery .select_product ul[data-v-bffc95c0] {
 list-style-type:none;
 padding:0;
 width:230px;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-48px);
 box-shadow:0 2px 4px 0;
 white-space:nowrap;
 color:#fff;
 cursor:pointer;
 z-index:21;
 transition:background-color .5s,height .5s;
 min-height:80px;
 overflow:hidden;
 -webkit-user-select:none;
 -moz-user-select:none;
 user-select:none;
 border-radius:2px
}
.Periphery .All_Periphery .select_product li[data-v-bffc95c0] {
 margin:10px;
 line-height:30px;
 padding:5px;
 transition:.5s
}
.Periphery .All_Periphery .select_product li span[data-v-bffc95c0] {
 transition:.5s
}
.Periphery .All_Periphery .select_product li[data-v-bffc95c0]:not(:first-child) {
 opacity:.5;
 color:#fff
}
.Periphery .All_Periphery .select_product h1[data-v-bffc95c0],
.Periphery .All_Periphery h1[data-v-bffc95c0] {
 -webkit-margin-before:0;
 margin-block-start:0;
 -webkit-margin-after:0;
 margin-block-end:0;
 color:#7a4646
}
.Periphery .product[data-v-bffc95c0] {
 display:flex;
 justify-content:space-evenly;
 align-items:center;
 margin:13px 0;
 width:100%;
 flex-flow:row wrap;
 transform:translateZ(0);
 transition-duration:1s;
 transition-property:opacity,transform;
 opacity:1;
 position:relative;
 z-index:20
}
.Periphery .product .product_ul[data-v-bffc95c0] {
 list-style:none;
 padding:0;
 margin:0
}
.Periphery .product .product_ul li[data-v-bffc95c0] {
 flex:.25;
 border-radius:20px;
 margin-right:10px;
 margin-bottom:10px
}
.Periphery .product .product_ul li[data-v-bffc95c0]:nth-of-type(4n+0) {
 margin-right:0
}
.Periphery .product .product_ul img[data-v-bffc95c0] {
 width:20vw;
 height:400px;
 margin-bottom:20px;
 transition:all .5s ease 0s;
 cursor:pointer
}
.Periphery .product .product_ul img[data-v-bffc95c0]:hover {
 transform:scale(1.05);
 overflow:hidden
}
@media only screen and (max-width:991px) {
 .Periphery .product .product_ul[data-v-bffc95c0] {
  width:45%;
  height:auto;
  list-style:none;
  padding:0;
  margin:0
 }
 .Periphery .product .product_ul li[data-v-bffc95c0] {
  flex:.25;
  border-radius:20px;
  margin-right:10px;
  margin-bottom:10px
 }
 .Periphery .product .product_ul li[data-v-bffc95c0]:nth-of-type(4n+0) {
  margin-right:0
 }
 .Periphery .product .product_ul img[data-v-bffc95c0] {
  width:100%;
  height:auto;
  margin-bottom:20px;
  cursor:pointer
 }
}