body{ background:#f4f4f4}
.module1 { position: relative; background:#2d2d2d}
.module1 .banner{ position: relative; height:calc(100vh - 0.6em);}

.module1 .banner1{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; background-size: cover; background-position: center bottom; background-repeat: no-repeat;transition: all linear 0.2s; transition-property:transform,opacity;}
.module1 .banner1 { background-image: url(../images/x300_bg.jpg);}
.module1 .btn-group{ position: absolute; left: 50%; bottom: 1.51em; margin-left: -3.04em;  width: 6.08em; z-index: 1; }
.module1 .btn-group .product{display: flex; align-items: center; justify-content: space-between;}
.module1 .btn{ display: flex; align-items: center; justify-content: center; width: 1.7em; height: .4em; border-radius: 0.2em;; background: #D60012;cursor: pointer;}
.module1 .btn span{font-size: 0.14em; color: #fff;font-weight: 700;cursor: pointer;}
.module1 .btn.down{ background:rgba(28,28,28,0.28); border: 0.02em solid rgba(255,255,255,.67); width: 1.72em; height: 0.42em; box-sizing: border-box;}


.module1 .banner1 .spe{ display: flex;  justify-content: center; color: #fff; }

.module1 .banner1 .figure img{ display: block; height: 4.49em; margin-right: 0.28em; padding-top: 0.6em;}
.module1 .banner1 .text{ min-width:3.96em ;}
.module1 .banner1 .text .h3-spe{padding-top: 0.53em;padding-bottom: 0.31em; }
.module1 .banner1 h3 span{  display: block; font-weight: 700; font-size: 0.48em; text-align: center;}
.module1 .banner1 p {margin-top: 0.4em;}
.module1 .banner1 p span{  display: block; font-size: 0.24em; text-align: center;}


.module1 .content{ display: flex; align-items: center; justify-content: center; transform: translateY(1em); opacity: 0; transition: all linear 0.5s;transition-property:transform,opacity;}
.module1.active .content{ transform: translateY(0); opacity: 1;}

.module2{ background: #fff;}

.module2 .line-row1{ position: relative; background:#2d2d2d}
.module2 .line-row1 .der{ transform: translateY(1em); opacity: 0; transition: all linear 0.5s 0.5s; padding-top: 1.84em; text-align: center;  color: #000;transition-property:transform,opacity;}
.module2 .line-row1 .der p:not(:last-child){padding-bottom: 0.24em;}
.module2 .line-row1 .der span{ display: block; font-size: 0.24em; color: #fefefe;}
.focusA{ position: relative; margin: 1.34em auto 0; width: 13.1em; transform: translateY(1em);  opacity: 0; transition: all 0.5s 1s; transition-property:transform,opacity;}
.focusA .prev,.focusA .next{ position: absolute; top: 1.075em;width: 0.7em; height: 0.7em;  border-radius: 50%;  background: #373737 center no-repeat; background-size: 0.15em 0.28em; border-radius: 50%; transition: background-color 0.2s ,border 0s; cursor: pointer;}
.focusA .prev{ left: -1.3em; background-image: url(../images/prev.png); }
.focusA .next{ right: -1.3em; background-image: url(../images/next.png) }
.focusA .prev:hover,.focusA .next:hover{ background-color: #d60012; border-color:#d60012 ;}

.focusA .show-list{ width: 13.1em; height: 2.74em; overflow: hidden;}
.focusA ul{ white-space: nowrap;}
.focusA ul li{ float: left; margin-right: 0.1em; width: 4.32em; height: 2.74em; background: #f3f3f3; cursor: pointer;}
.focusA ul li:last-child{ margin-right: 0;}
.focusA ul li p{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.focusA .dolls{ justify-content: center; margin-top: 1.04em;}
.focusA .focus1 .s1{ width: 3.23em;}
.focusA .focus2 .s2{ width: 3.23em;}
.focusA .focus3 .s3{ width: 3.2em;}
.focusA .focus4 .s4{ width: 3.14em;}
.focusA .focus5 .s5{ width: 2.77em;}
.big-show .figure-details .b1{ width: 9.04em;}
.big-show .figure-details .b2{ width: 9.05em;}
.big-show .figure-details .b3{ width: 9.37em;}
.big-show .figure-details .b4{ width: 8.65em;}
.big-show .figure-details .b5{ width: 5.79em;}

.line-row1.active .focusA{ transform: translateY(0); opacity: 1; }
.line-row1.active .der{transform: translateY(0);  opacity: 1;}
.parameter { display: table; max-width: 11.76em; margin: 1em auto 0; transform: translateY(1em);  opacity: 0; transition: all linear 0.5s 1s; transition-property:transform,opacity; color: #fff; padding-bottom: 1.33em; }
.parameter ul { overflow: hidden; display: table-row;}
.parameter ul li{ display: table-cell; white-space: nowrap; }
.parameter ul li p span{ display: block; font-size: 0.16em;}
.parameter ul li:nth-of-type(3n+1){ width: 4.73em; }
.parameter ul li:nth-of-type(3n+2){ width: 4.18em}
/* .parameter ul li:nth-of-type(3n+3){ } */
.parameter ul li p:not(:last-child){padding-bottom: 0.24em;}
.parameter h5{ margin-bottom: 0.24em;font-weight: 700; display: flex; align-items: center; line-height: 1; }
.parameter h5 span{ font-size: 0.24em; }

.parameter ul:not(:first-child) li h5{ padding-top: 0.44em;}


.module2 .line-row2{padding-top: 2.18em; background:#2d2d2d; color:#fff; }
.module2 .line-row2 .figure{  transform: translateY(1em); opacity: 0; transition: all linear 0.5s 0.5s; transition-property:transform,opacity; display: flex ; align-items: center; justify-content: center;}
.line-row2.active .figure{ opacity: 1;transform: translateY(0); }
.line-row2.active .parameter{ opacity: 1;transform: translateY(0);} 
.module2 .line-row2 .figure .der { position: relative; margin-top: 2.23em; }
.module2 .line-row2 .figure .der >  div{ position: absolute;}
.module2 .line-row2 .der div{  white-space: nowrap;}
.module2 .line-row2 .der div span{ display:block; font-style: normal;font-size: 0.18em; line-height: 1;} 
.module2 .line-row2 .der p { display: flex; justify-content: center; align-items: center; flex-direction: column;  }
.module2 .line-row2 .der p i{ background: linear-gradient( to bottom, #7B7B7B 0%, #7B7B7B 50%, transparent 50% ); 
  background-size: 2px 10px; background-repeat: repeat-y;}
.module2 .line-row2 .der p::before{ content: ''; width: 10px; height: 10px; border-radius: 50%; background: #7A7A7B; }
.module2 .line-row2 .der p::after{ content: ''; width: 12px; height: 12px; background: padding-box;background-color: #1a98f2; border:6px solid rgba(26,152,242,0.2); border-radius: 50%; transition: all linear 0.2s; transition-property:transform,opacity; }
.module2 .line-row2 .der >div:hover p::after{ content: ''; animation: twinkle 1s infinite;}
@keyframes twinkle {
  0% { box-shadow:0 0 0 rgba(26,152,242,1); }
  100% { box-shadow:0 0 0.2em rgba(26,152,242,1); }
  
}
.module2 .line-row2 .p1{ display: flex; align-items: center; right: 9.92em; top: 3.27em; white-space: nowrap;}
.module2 .line-row2 .der div.p1 p{ flex-direction: row; align-items: center; margin-left: 0.13em; }
.module2 .line-row2 .der div.p1 p i{ width: 0.4em; height: 2px; background: linear-gradient( to right, #7B7B7B 0%, #7B7B7B 50%, transparent 50% ); 
  background-size: 10px 2px; background-repeat: repeat-x; }
.module2 .line-row2 .figure-img{ width: 12.32em;padding-bottom: 0.19em;}

.module2 .line-row2 .p2{ display: flex; flex-direction: column-reverse; top: 1.42em; left: 4.22em;}
.module2 .line-row2 .p2 p{ flex-direction: column-reverse; padding-bottom: 0.12em;}
.module2 .line-row2 .p2 i{ width: 2px; height: 0.8em;}
.module2 .line-row2 .p2 .text{ position: absolute; left: 50%; bottom: -0.22em; transform: translateX(-50%);}
.module2 .line-row2 .p3{ bottom: 7.85em; left: 5.65em;}
.module2 .line-row2 .p3 p{padding-top: 0.17em;}
.module2 .line-row2 .p3 i{ width: 2px; height: .94em;}
.module2 .line-row2 .p3 .text{ position: absolute; left: 50%; top: -0.22em; transform: translateX(-50%);}

.module2 .line-row2 .p4{ display: flex; flex-direction: column-reverse; top: 1.1em; left: 6.39em;}
.module2 .line-row2 .p4 p{ flex-direction: column-reverse; padding-bottom: 0.1em;}
.module2 .line-row2 .p4 i{ width: 2px; height: 2.43em;}
.module2 .line-row2 .p4 .text{ position: absolute; left: 50%; bottom: -0.22em; transform: translateX(-50%);}
.module2 .line-row2 .p5{ display: flex; flex-direction: column-reverse; top: 1.05em; left: 6.75em;}
.module2 .line-row2 .p5 p{ flex-direction: column-reverse; padding-bottom: 0.12em;}
.module2 .line-row2 .p5 i{ width: 2px; height: 1.96em;}
.module2 .line-row2 .p5 .text{ position: absolute; left: 50%; bottom: -0.22em; transform: translateX(-50%);}
.module2 .line-row2 .p6{ bottom: 8.05em; left: 6.95em;}
.module2 .line-row2 .p6 p{padding-top: 0.12em;}
.module2 .line-row2 .p6 i{ width: 2px; height: 1.24em;}
.module2 .line-row2 .p6 .text{ position: absolute; left: 50%; top: -0.22em; transform: translateX(-50%);}
.module2 .line-row2 .p7{ bottom: 8.27em; left: 8.26em;}
.module2 .line-row2 .p7 p{padding-top: 0.14em;}
.module2 .line-row2 .p7 i{ width: 2px; height: 1.2em;}
.module2 .line-row2 .p7 .text{ position: absolute; left: 50%; top: -0.22em; transform: translateX(-50%);}

.module2 .line-row2 .p8{ display: flex; flex-direction: column-reverse; top: 0.51em; right: 3.35em;}
.module2 .line-row2 .p8 p{ flex-direction: column-reverse; padding-bottom: 0.14em;}
.module2 .line-row2 .p8 i{ width: 2px; height: 2.85em;}
.module2 .line-row2 .p8 .text{ position: absolute; left: 50%; bottom: -0.22em; transform: translateX(-50%);}

.module2 .line-row2 .p9{ bottom: 8.06em; right: 2.83em;}
.module2 .line-row2 .p9 p{padding-top: 0.14em;}
.module2 .line-row2 .p9 i{ width: 2px; height: .98em;}
.module2 .line-row2 .p9 .text{ position: absolute; left: 50%; top: -0.22em; transform: translateX(-50%);}



.module2 .line-row2 .p10{ display: flex; flex-direction: column-reverse; top: 1em; right: 1.69em;}
.module2 .line-row2 .p10 p{ flex-direction: column-reverse; padding-bottom: 0.16em;}
.module2 .line-row2 .p10 i{ width: 2px; height: 1.55em;}
.module2 .line-row2 .p10 .text{ position: absolute; left: 50%; bottom: -0.22em; transform: translateX(-50%);}


.module2 .line-row2 .p11{ bottom:7.92em; right: 0.99em;}
.module2 .line-row2 .p11 p{padding-top: 0.14em;}
.module2 .line-row2 .p11 i{ width: 2px; height: 1.04em;}
.module2 .line-row2 .p11 .text{ position: absolute; left: 50%; top: -0.22em; transform: translateX(-50%);}
.module2 .line-row2 .p12{ position: absolute; bottom: 2.54em; right: 10.9em; white-space: nowrap; }
.module2 .line-row2 .p12 span{font-size: 0.22em;}
.module2 .line-row2 .p13{ display: flex; flex-direction: column;  position: absolute; top: -0.61em; left: 0.58em;}
.module2 .line-row2 .p13 img{ width: 1.6em;}
.module2 .line-row2 .p13 b{ display: block; font-size: 0.18em; font-weight: 400; line-height: 1.7778; }
.module2 .line-row2 .p13 div{ margin-right: auto; padding-top: 0.13em; font-weight: 400; text-align: center;}
.module2 .line-row2 .p14{ position: absolute; top: 4.28em; right: 0.7em;}
.module2 .line-row2 .p14 img{ display: block;margin-bottom: 0.24em; width: 1.6em;}
.module2 .line-row2 .p14 b{ font-weight: 400; font-size: 0.18em; line-height:1.7778; display: block; }
.module2 .line-row2 .p15{ position: absolute; top: 5.87em; left: 4.42em; color: #fff; }
.module2 .line-row2 .p15 span{font-size: 0.18em;}
.module2 .line-row2 .p15 div{ padding-top: 0.22em;}
.module2 .line-row2 .p16{ position: absolute; left: 3.04em; bottom: 0.65em;color: #000; }
.module2 .line-row2 .p16 span{font-size: 0.18em;}

.line-row2 .p13 b,.line-row2 .p14 b,.line-row2 .p12 span,.line-row2 .p15 span,.line-row2 .p16 span { opacity: 0; transition: all linear 0.5s 1.5s; transition-property:opacity;}
.line-row2 .p1, .line-row2 .p2, .line-row2 .p3,.line-row2 .p4, .line-row2 .p5, .line-row2 .p6,.line-row2 .p7, .line-row2 .p8, .line-row2 .p9,.line-row2 .p10, .line-row2 .p11{
  opacity: 0; transition: all linear 0.5s 1.5s;transition-property:opacity;
}
.active .p1,
.active .p2,
.active .p3,
.active .p4,
.active .p5,
.active .p6,
.active .p7,
.active .p8,
.active .p9,
.active .p10,
.active .p11,
.active .p12 span,
.active .p13 b,
.active .p14 b,
.active .p15 span,
.active .p16 span{ opacity: 1;}


.module2 .line-row3 { position: relative; padding-bottom: 1.41em; overflow: hidden; background: #f4f4f4 url(../images/x300/packag_bg.png) right bottom no-repeat; background-size: 9.62em 8.19em;  }
.module2 .line-row3::before{ content: '' ; position: absolute; width: 110%; height: 1.14em; background:#2d2d2d;left: 0; top: 0; transform: rotate(-3.2deg); transform-origin: left bottom;}
.module2 .line-row3 .content{ display: flex; margin-left: 3.5em; transform: translateY(1em); opacity: 0; transition: all linear 0.5s 0.5s;transition-property:transform,opacity; }
.line-row3.active .content{  transform: translateY(0);  opacity: 1;}
.module2 .line-row3 h5 span{ display: block; font-weight: 700;font-size: 0.26em;}
.module2 .line-row3 .list{padding-left: 1.1em; line-height: 1;}
.module2 .line-row3 .list p{padding-bottom: 0.32em;}
.module2 .line-row3 .list p span{ display: block; font-size: 0.24em;}
.module2 .line-row3 .list h5{ line-height: 1;padding-bottom: 0.5em;}
.module2 .line-row3  .figure{ position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 9.26em; height: 6.77em; align-content: space-between;
  width: 9.73em;
  height: 7.41em;
  background: #F4F4F4;
  padding: 0.24em;
  box-sizing: border-box;;
  box-shadow: 2px 8px 17px 1px rgba(95, 95, 95, 0.39);
  
}
.module2 .line-row3  .figure::before{ content: ''; position: absolute; left: 0.24em; right: 0.24em ; top: 0.24em; bottom: 0.24em; background:#e8e8e8; z-index: -1;}
.module2 .line-row3  .figure img{ width: 8.17em; height: 6em; }
.module2 .line-row3 .module-name-spe{padding-top: 1.14em;padding-bottom: 0.6em;}
.module2 .line-row3 .module-name-spe p{padding-bottom: 0;}
.module2 .line-row3 .module-name-spe span{margin-left: -2em;}


.module2 .line-row3  .pack1{ width: 4.32em;}
.module2 .line-row3  .pack2{ width:4.25em}
.module2 .line-row3  .pack3{ width: 4.24em;}
.module2 .line-row3  .pack4{ width: 3.96em; }

.module2 .line-row4{ padding-top: 0.88em;
  background: linear-gradient(235deg, #FFFFFF, #F4F4F4); }
.module2 .line-row4 .content{ display: flex; align-items: center; justify-content: center; flex-direction: column;  margin-top: 0.26em; transform: translateY(1em); opacity: 0; transition: all linear 0.5s 0.5s;} 
.line-row4.active .content{transform: translateY(0);   opacity: 1;}
.module2 .line-row4 .tab-change{   margin: 0.55em auto 0; width: 13.33em;}
.module2 .line-row4 .tab-change ul{display: flex; align-items: flex-start; justify-content: space-around; color: #d3d3d3; border-bottom: 0.04em solid #eaeaea; box-sizing: border-box; }
.module2 .line-row4  li{ cursor: pointer;}
.module2 .line-row4  li span{font-size: 0.22em; display: block; }
.module2 .line-row4  li.on{ color:#D50012;  font-weight: 700; border-bottom: 0.06em solid #D50012;padding-bottom: 0.42em; margin-bottom: -0.04em; }
.module2 .line-row4  li.on span{font-size: 0.26em;}
.module2 .line-row4 .tab-content{ display: flex; align-items: center; justify-content: center; padding: 0 0.4em; height: 1.78em;  background: rgba(238,238,238,.37);}
.module2 .line-row4 .tab-content p{font-size: 0.2em; line-height: 2.1;}
.module2 .line-row4 .tab-content > div:not(:first-child){ display: none;}

.module2 .line-row4 .live { display: flex; align-items: flex-end;}
.module2 .line-row4 .live1{ position: relative; z-index: 1; margin-right: -2.4em; width: 6.78em;  }


.module2 .line-row4 .show-area { height: 4.29em; }
.module2 .line-row4 .li1_figure{ display: flex; height: 100%; align-items: center; justify-content: center;}


.module2 .line-row4 .show-area  p{ display: flex; justify-content:center; height:4.29em;}
.module2 .line-row4 .show-area  p .a{ align-self: flex-end; position: relative; z-index: 1;}

.module2 .line-row4 .li1_figure .a{ margin-right: 0.92em; margin-bottom: 0.15em; width: 8.02em; opacity: 0; }
.module2 .line-row4 .li1_figure .b{ width: 1.4em;}
.module2 .line-row4 .li2_figure .a{  margin-right: 0em; opacity: 0; width: 1.76em;}
.module2 .line-row4 .li2_figure .b{ margin-right: 0.2em; opacity: 0; height: 4.29em;}
.module2 .line-row4 .li3_figure .a{  margin-right: 0em; opacity: 0; height: 1.75em;}
.module2 .line-row4 .li3_figure .b{ width: 5.28em;}
.module2 .line-row4 .li4_figure .a{  margin-right: 0em; opacity: 0; height: 1.75em;}
.module2 .line-row4 .li5_figure .a{  margin-right: 0em; opacity: 0; height: 3.98em;}
.module2 .line-row4 .li5_figure .b{  margin-right: 0em; opacity: 0; height: 4.29em;}

.module2 .line-row4 img.figure{ align-self: flex-start; width: 5.28em; }


.module2 .line-row4 .show-area div:not(:first-child){ display: none;}


.module2 .line-row5 {padding-top: 1.14em;background: linear-gradient(235deg, #FFFFFF, #F4F4F4);}
.module2 .line-row5 .content{ display: flex; flex-direction: column; align-items: center; justify-content: center;margin-top: 0.36em; margin-left: 3.5em; margin-right: 2.97em; padding-bottom:0.38em; transform: translateY(1em);  opacity: 0; transition: all linear 0.5s 0.5s; transition-property:transform,opacity;}
.line-row5.active .content{ transform: translateY(0); opacity: 1;}
.module2 .line-row5 ul{margin-top: -0.08em; border-left: 4px solid #e9e9e9;}
.module2 .line-row5 ul h5{ padding-bottom: 0.26em;  line-height: 1;}
.module2 .line-row5 ul h5 span{ display: block;font-size: 0.24em; font-weight: 700;}
.module2 .line-row5 ul p{color: rgba(163,163,163,.69); line-height: 1;}
.module2 .line-row5 ul p span{ display: block; font-size: 0.2em;}
.module2 .line-row5  ul li{ margin-bottom: 0.29em;  padding-left: 0.3em;  overflow: hidden; cursor: pointer;}
.module2 .line-row5  ul li.on{ margin-left: -6px; color: #D50011; border-left: 6px solid #D50011;}
.module2 .line-row5  ul li.on p{ color: #d50011;}
.module2 .line-row5  ul li:last-child {margin-bottom: 0; }
/* .module2 .line-row5  .show-area .relevant:not(:first-child){ display: none;} */
.module2 .line-row5 .relevant .plus{ color: #d70012; text-align: right; line-height: 1;}
.module2 .line-row5 .relevant .plus h5{padding-bottom: 0.32em; }
.module2 .line-row5 .relevant .plus h5 span{ display: block; font-size: 0.22em;font-weight: 700;}
.module2 .line-row5 .relevant .plus p{padding-bottom: 0.29em;}
.module2 .line-row5 .relevant .plus p span{ display: block; font-size: 0.18em; }
.module2 .line-row5 .relevant .minus{ text-align: right;  color: #3a3a3a; line-height: 1;}
.module2 .line-row5 .relevant .minus h5{ padding-top: 0.32em; }
.module2 .line-row5 .relevant .minus h5 span{ display: block; font-size: 0.22em;font-weight: 700;}
.module2 .line-row5 .relevant .minus p{padding-top: 0.29em;}
.module2 .line-row5 .relevant .minus p span{ display: block; font-size: 0.18em; }

.module2 .line-row5  .show-area{ position: relative; width: 9.35em; height: 4.47em;}
.module2 .line-row5  .show-area .relevant{display: flex; align-items: center; justify-content: center; position:absolute; left: 0; top: 0; width: 100%; height: 100%;}
/* .module2 .line-row5  .show-area .relevant p{ ;}  */
.module2 .line-row5  .show-area .relevant .text{ display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; position:relative; height: 4.45em; padding-right: 0.46em;}
.module2 .line-row5  .show-area .relevant .text::after{ content:''; position: absolute; right: 0; top: 0; width: .16em; height: 4.45em; border-radius: 1.6em; background: linear-gradient(to bottom,#d60012, #f79696);}
.module2 .line-row5  .show-area .relevant .text p{ transform: translateX(0.5em); opacity: 0; transition: all linear 0.5s; transition-property:transform,opacity;}
.module2 .line-row5  .show-area .relevant .text p:nth-of-type(1){ transition-delay: 0.2s;}
.module2 .line-row5  .show-area .relevant .text p:nth-of-type(2){ transition-delay: 0.4s;}
.module2 .line-row5  .show-area .relevant .text p:nth-of-type(3){ transition-delay: 0.6s;}
.module2 .line-row5  .show-area .relevant .text p:nth-of-type(4){ transition-delay: 0.8s;}

.module2 .line-row5  .show-area .relevant img{ opacity: 0; transition: all linear 0.5s; transition-property:opacity;}
.module2 .line-row5  .show-area .relevant .der{ opacity: 0; transition: all linear 0.5s; transition-property:opacity;}
.module2 .line-row5  .show-area .relevant .b{ height: 4.28em;}
.module2 .line-row5  .show-area .relevant.on img{ opacity: 1;}
.module2 .line-row5  .show-area .relevant.on .der{ opacity: 1;}
.module2 .line-row5  .show-area .relevant.on .b{ padding-left:1em;}
.module2 .line-row5  .show-area .relevant.on .text p{ transform: translateX(0); opacity: 1;}
.module2 .line-row5 .dolls{ margin-top: 0.11em; height: 0.15em; justify-content: center;}
/* .module2 .line-row5 .focusC{ width: 100%;}
.module2 .line-row5 .relevant{ display: flex; align-items: center; justify-content: space-between;}
.module2 .line-row5 .relevant .der { display: flex;}
.module2 .line-row5 .relevant .der > p{ margin:0 0.48em; width: .16em; height: 6.7em; border-radius: 1.6em; background: linear-gradient(to bottom,#d60012, #f79696);}



.module2 .line-row5 .relevant .figure:not(:first-child){ display: none;}
.module2 .line-row5 .relevant .figure img{ padding-left: 0.2em; opacity: 0; transition: all linear 0.5s 0.5s;  width: 6.27em;}
.module2 .line-row5 .relevant .figure.on img{ margin-left: 0; opacity: 1;} */
.module2 .line-row6 {padding-top: 1.01em;
  background: linear-gradient(235deg, #FFFFFF, #F4F4F4);}
.module2 .line-row6 .content{ display: flex; align-items: center; justify-content: center; margin-top: 0.8em; padding-bottom:0.9em; transform: translateY(1em);opacity: 0; transition: all linear .5s .5s; }
.line-row6.active .content{ transform: translateY(0);  opacity: 1;}
.module2 .line-row6 ul li:nth-of-type(1) .logo img{ width:3.38em ;}
.module2 .line-row6 ul li:nth-of-type(2) .logo img{ width:2.96em ;}
.module2 .line-row6 ul li:nth-of-type(3) .logo img{ width:1.32em ;}
.module2 .line-row6 ul li:nth-of-type(4) .logo img{ width:2.1em ;}
.module2 .line-row6 ul{ display: flex; flex-wrap: wrap; align-content: space-between; justify-content: space-between;width: 10.60em; height: 6.22em; border: 1px solid #e8e8e8; background: #e8e8e8;}
.module2 .line-row6 ul li{ width: 5.3em; height: 3.11em; background: #fff; box-sizing:border-box; border: 1px solid #e8e8e8; cursor:pointer;}
.module2 .line-row6 ul li:hover,.module2 .line-row6 ul li.on{ z-index: 1; box-shadow: 0 0.1em 0.35em rgba(204,204,204,.83);}
.module2 .line-row6 ul li .logo{ position: relative; width: 5.28em; height: 3.09em;}
.module2 .line-row6 ul li .logo img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.module2 .line-row6 ul li .figure{ display: none; width: 5.3em; height: 3.09em;}
.module2 .line-row6 ul li .figure img{ object-fit: cover;}
.module2 .line-row6 ul li .der{ display: none;}
.module2 .line-row6 ul li.on{ display: flex !important; flex-direction: column; justify-content: space-between; width: 100%; height: 100%;}
.module2 .line-row6 ul li .figure-img{ display: flex; justify-content: space-between; flex:1; width: 100%; height: 100%;}
.module2 .line-row6 ul li.on .figure{ display: flex;}
.module2 .line-row6 ul li.on .der{display: flex; align-items: center; justify-content: center;  height: 3.11em; padding: 0 0.7em; box-sizing: border-box; background: #b1000f; color: #fff;}
.module2 .line-row6 ul li.on .figure-img{ height: 3.09em;}
.module2 .line-row6 ul li:nth-of-type(3) .logo,.module2 .line-row6 ul li:nth-of-type(4) .logo{ align-self: flex-end;}
.module2 .line-row6 ul li .der .name {padding-bottom: 0.36em;}
.module2 .line-row6 ul li .der .name span{ display: block; font-size: 0.24em;font-weight: 700; line-height: 1;}
.module2 .line-row6 ul li .der .text p{font-size: 0.18em; line-height: 2; text-align: justify;}


.dolls{ display: flex; align-items: center;}
.dolls i{ margin: 0 0.1em; width: 0.12em; height: 0.12em; border-radius: 50%; background: #f3f3f3; opacity: 0.2; cursor: pointer; }
.dolls i.on{ background: #fff; opacity: 1;}



.big-show{ display: none; position: fixed;left: 0em; top: 0.6em; width: 100%; height:calc( 100vh - 0.6em); background:rgba(0,0,0,.8); z-index: 2; }
.big-show .close{ position: absolute; right: 0.3em; top:0.28em; width: 0.14em; height: 0.14em; background:url(../images/icon_close4.png) center no-repeat; background-size: contain; cursor: pointer;}
.big-show .type-flex{ display: flex; align-items: center; justify-content: center; height: 100%; }
.big-show .big-show-content{ width: 12.2em; height: 6.18em;background: #eee;}
.big-show .big-show-content .figure-details{ display: flex;}
.figure-details{ display: none;  justify-content: center; align-items: center; height:100%; }
.figure-details .mixed{ display: flex; align-items: center; justify-content: center; margin-bottom: 0.55em; padding-top: 0.5em;font-size: 0.24em; line-height: 0.46em; text-align: center;}
.figure-details .mixed img{ width: 2.02em; margin: 0 0.3em;}
.figure-details .mixed span:first-of-type{ margin-right: 1.4em;}
.figure-details .main{ align-content: flex-end;}
.figure-details .main img{ height: 2.53em;}




.module-name{ margin-left: 3.6em;}