#component49365104 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component49365104 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component49365104.none{
    opacity: 1;
}
#component49365104.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component49365104-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component49365104-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component49365104-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component49365104breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component49365104.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component49365104.infiniteAnimate{
    animation: component49365104null 1s infinite linear;
    -webkit-animation: component49365104null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component49365104.animated,.tab-content-show > #component49365104.animated,.curr > #component49365104.animated,.swiper-slide-active .inner-wrap > #component49365104.animated{
    animation: null 1s 1s ease-in;
    -webkit-animation: null 1s 1s ease-in;
}
.ageTip-pop{display: none;}

#component49365104 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component49365104 img:first-child{
     display: block;
 }
#component49365104:hover img:first-child, #component49365104.anchor-item.active img:first-child{
    display: none;
 }
#component49365104:hover img:last-child, #component49365104.anchor-item.active img:last-child{
     display: block;
 }
 #component49365104:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component49365104.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component49365104.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component49365104swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component52125320.none{
    opacity: 1;
 }
 #component52125320.animated{
    opacity: 0;
 }
 #component52125320-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component52125320-p:hover {
   color: #F2E7DA;
}
#component52125320-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #F2E7DA;
}
 .layout-active > #component52125320.animated,.tab-content-show > #component52125320.animated,.curr > #component52125320.animated,.swiper-slide-active .inner-wrap > #component52125320.animated{
    animation: ${enterAnimate} 1s 1s ease-in;
    -webkit-animation: ${enterAnimate} 1s 1s ease-in;
 }
 #component52125320-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component52125320-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component67571714.none{
    opacity: 1;
 }
 #component67571714.animated{
    opacity: 0;
 }
 #component67571714-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component67571714-p:hover {
   color: #F2E7DA;
}
#component67571714-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #F2E7DA;
}
 .layout-active > #component67571714.animated,.tab-content-show > #component67571714.animated,.curr > #component67571714.animated,.swiper-slide-active .inner-wrap > #component67571714.animated{
    animation: ${enterAnimate} 1s 1s ease-in;
    -webkit-animation: ${enterAnimate} 1s 1s ease-in;
 }
 #component67571714-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component67571714-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component74434559 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component74434559 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component74434559.none{
    opacity: 1;
}
#component74434559.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component74434559-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component74434559-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component74434559-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component74434559breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component74434559.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component74434559.infiniteAnimate{
    animation: component74434559null 1s infinite linear;
    -webkit-animation: component74434559null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component74434559.animated,.tab-content-show > #component74434559.animated,.curr > #component74434559.animated,.swiper-slide-active .inner-wrap > #component74434559.animated{
    animation: null 1s 1s ease-in;
    -webkit-animation: null 1s 1s ease-in;
}
.ageTip-pop{display: none;}

#component74434559 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component74434559 img:first-child{
     display: block;
 }
#component74434559:hover img:first-child, #component74434559.anchor-item.active img:first-child{
    display: none;
 }
#component74434559:hover img:last-child, #component74434559.anchor-item.active img:last-child{
     display: block;
 }
 #component74434559:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component74434559.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component74434559.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component74434559swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component301716709{
    position: absolute;
    background: url("") no-repeat center top;
}
#component301716709 .tab-container {
    position: relative;
    z-index: 0;
}
#component301716709 .list-tabs {
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: space-between;
    flex-wrap: wrap;
    z-index: 3;
 }
 #component301716709 .list-tabs.hide {
     display: none;
 }
#component301716709 .list-tabs .list-tab {
    position: relative;
    text-align: center;
    color: #000000;
    background: url("") center/100% 100% no-repeat;
    cursor: pointer;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
 }
 #component301716709 .list-tabs .list-tab:hover{
    transform: null !important;
    -webkit-transform: null !important;
    transition: 0.5s ease !important;
    -webkit-transition: 0.5s ease !important;
}
 .layout-active #component301716709 .list-tabs .list-tab {
    animation-name: null;
 }
 .layout-active #component301716709 .list-tabs .list-tab {
    animation-play-state: running;
 }
#component301716709 .list-tabs .item-active-bg-url,#component301716709 .list-tabs .item-default-bg-url{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
#component301716709 .list-tabs p{
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: inherit;
    z-index: 1;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#component301716709 .list-tabs .list-tab.on .item-default-bg-url{
     display: none;
 }
#component301716709 .list-tabs .list-tab.on .item-active-bg-url{
    display: block;
 }
#component301716709 .list-tabs .list-tab .item-default-bg-url,
#component301716709 .list-tabs .list-tab.is-locked .item-default-bg-url {
     display: block;
 }
#component301716709 .list-tabs .list-tab .item-active-bg-url{
    display: none;
 }
 #component301716709 .list-tabs > .list-tab.animated{
    opacity: 0;
 }
 #app  #component301716709 .list-tabs  .list-tab {
     opacity: 1 !important;
 }

#component301716709 .list-tabs .on {
     color: #000000;
     background: url("") center/100% 100% no-repeat;
 }
#component301716709 .tab-banner{
    width: 92%;
    margin: 10px auto;
    display: block;
 }
#component301716709 .tab-content{
    position: relative;
    z-index: 2;
    display: none;
 }
#component301716709 .tab-content-show{
    display: block;
 }
#component301716709 .info-container{
    width: 86%;
    margin: 20px auto;
    overflow: hidden;
 }
 #component301716709 .button-next,#component301716709 .button-prev{
    position: absolute;
    cursor: pointer;
    z-index: 3;
} 
#component301716709 .button-next:hover,#component301716709 .button-prev:hover{
    opacity: 0.9;
    filter: opacity(90);
}

.component301716709-backBtn {
    position: absolute;
    cursor: pointer;
}
.component301716709-backBtn.active{
    display: block;
}
.component301716709-backBtn:hover {
    transform: scale(1.1);
    transition: all ease .3s;
}
.hide {
    display: none;
}#component12589535 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component12589535 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component12589535.none{
    opacity: 1;
}
#component12589535.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component12589535-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component12589535-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component12589535-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component12589535breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component12589535.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component12589535.infiniteAnimate{
    animation: component12589535null 1s infinite linear;
    -webkit-animation: component12589535null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component12589535.animated,.tab-content-show > #component12589535.animated,.curr > #component12589535.animated,.swiper-slide-active .inner-wrap > #component12589535.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component12589535 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component12589535 img:first-child{
     display: block;
 }
#component12589535:hover img:first-child, #component12589535.anchor-item.active img:first-child{
    display: none;
 }
#component12589535:hover img:last-child, #component12589535.anchor-item.active img:last-child{
     display: block;
 }
 #component12589535:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component12589535.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component12589535.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component12589535swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component181692607 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component181692607 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component181692607.none{
    opacity: 1;
}
#component181692607.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component181692607-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component181692607-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component181692607-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component181692607breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component181692607.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component181692607.infiniteAnimate{
    animation: component181692607null 1s infinite linear;
    -webkit-animation: component181692607null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component181692607.animated,.tab-content-show > #component181692607.animated,.curr > #component181692607.animated,.swiper-slide-active .inner-wrap > #component181692607.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component181692607 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component181692607 img:first-child{
     display: block;
 }
#component181692607:hover img:first-child, #component181692607.anchor-item.active img:first-child{
    display: none;
 }
#component181692607:hover img:last-child, #component181692607.anchor-item.active img:last-child{
     display: block;
 }
 #component181692607:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component181692607.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component181692607.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component181692607swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component197778909 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component197778909 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component197778909.none{
    opacity: 1;
}
#component197778909.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component197778909-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component197778909-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component197778909-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component197778909breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component197778909.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component197778909.infiniteAnimate{
    animation: component197778909null 1s infinite linear;
    -webkit-animation: component197778909null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component197778909.animated,.tab-content-show > #component197778909.animated,.curr > #component197778909.animated,.swiper-slide-active .inner-wrap > #component197778909.animated{
    animation: null 1s 1s ease-in;
    -webkit-animation: null 1s 1s ease-in;
}
.ageTip-pop{display: none;}

#component197778909 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component197778909 img:first-child{
     display: block;
 }
#component197778909:hover img:first-child, #component197778909.anchor-item.active img:first-child{
    display: none;
 }
#component197778909:hover img:last-child, #component197778909.anchor-item.active img:last-child{
     display: block;
 }
 #component197778909:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component197778909.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component197778909.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component197778909swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component202156411 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component202156411 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component202156411.none{
    opacity: 1;
}
#component202156411.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component202156411-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component202156411-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component202156411-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component202156411breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component202156411.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component202156411.infiniteAnimate{
    animation: component202156411null 1s infinite linear;
    -webkit-animation: component202156411null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component202156411.animated,.tab-content-show > #component202156411.animated,.curr > #component202156411.animated,.swiper-slide-active .inner-wrap > #component202156411.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component202156411 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component202156411 img:first-child{
     display: block;
 }
#component202156411:hover img:first-child, #component202156411.anchor-item.active img:first-child{
    display: none;
 }
#component202156411:hover img:last-child, #component202156411.anchor-item.active img:last-child{
     display: block;
 }
 #component202156411:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component202156411.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component202156411.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component202156411swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component236263267{
    position: absolute;
    background: url("") no-repeat center top;
}
#component236263267 .tab-container {
    position: relative;
    z-index: 0;
}
#component236263267 .list-tabs {
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: space-between;
    flex-wrap: wrap;
    z-index: 3;
 }
 #component236263267 .list-tabs.hide {
     display: none;
 }
#component236263267 .list-tabs .list-tab {
    position: relative;
    text-align: center;
    color: #000000;
    background: url("") center/100% 100% no-repeat;
    cursor: pointer;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
 }
 #component236263267 .list-tabs .list-tab:hover{
    transform: null !important;
    -webkit-transform: null !important;
    transition: 0.5s ease !important;
    -webkit-transition: 0.5s ease !important;
}
 .layout-active #component236263267 .list-tabs .list-tab {
    animation-name: null;
 }
 .layout-active #component236263267 .list-tabs .list-tab {
    animation-play-state: running;
 }
#component236263267 .list-tabs .item-active-bg-url,#component236263267 .list-tabs .item-default-bg-url{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
#component236263267 .list-tabs p{
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: inherit;
    z-index: 1;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#component236263267 .list-tabs .list-tab.on .item-default-bg-url{
     display: none;
 }
#component236263267 .list-tabs .list-tab.on .item-active-bg-url{
    display: block;
 }
#component236263267 .list-tabs .list-tab .item-default-bg-url,
#component236263267 .list-tabs .list-tab.is-locked .item-default-bg-url {
     display: block;
 }
#component236263267 .list-tabs .list-tab .item-active-bg-url{
    display: none;
 }
 #component236263267 .list-tabs > .list-tab.animated{
    opacity: 0;
 }
 #app  #component236263267 .list-tabs  .list-tab {
     opacity: 1 !important;
 }

#component236263267 .list-tabs .on {
     color: #000000;
     background: url("") center/100% 100% no-repeat;
 }
#component236263267 .tab-banner{
    width: 92%;
    margin: 10px auto;
    display: block;
 }
#component236263267 .tab-content{
    position: relative;
    z-index: 2;
    display: none;
 }
#component236263267 .tab-content-show{
    display: block;
 }
#component236263267 .info-container{
    width: 86%;
    margin: 20px auto;
    overflow: hidden;
 }
 #component236263267 .button-next,#component236263267 .button-prev{
    position: absolute;
    cursor: pointer;
    z-index: 3;
} 
#component236263267 .button-next:hover,#component236263267 .button-prev:hover{
    opacity: 0.9;
    filter: opacity(90);
}

.component236263267-backBtn {
    position: absolute;
    cursor: pointer;
}
.component236263267-backBtn.active{
    display: block;
}
.component236263267-backBtn:hover {
    transform: scale(1.1);
    transition: all ease .3s;
}
.hide {
    display: none;
}#component211152871 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component211152871 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component211152871.none{
    opacity: 1;
}
#component211152871.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component211152871-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component211152871-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component211152871-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component211152871breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component211152871.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component211152871.infiniteAnimate{
    animation: component211152871null 1s infinite linear;
    -webkit-animation: component211152871null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component211152871.animated,.tab-content-show > #component211152871.animated,.curr > #component211152871.animated,.swiper-slide-active .inner-wrap > #component211152871.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component211152871 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component211152871 img:first-child{
     display: block;
 }
#component211152871:hover img:first-child, #component211152871.anchor-item.active img:first-child{
    display: none;
 }
#component211152871:hover img:last-child, #component211152871.anchor-item.active img:last-child{
     display: block;
 }
 #component211152871:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component211152871.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component211152871.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component211152871swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component22283825 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component22283825 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component22283825.none{
    opacity: 1;
}
#component22283825.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component22283825-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component22283825-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component22283825-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component22283825breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component22283825.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component22283825.infiniteAnimate{
    animation: component22283825null 1s infinite linear;
    -webkit-animation: component22283825null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component22283825.animated,.tab-content-show > #component22283825.animated,.curr > #component22283825.animated,.swiper-slide-active .inner-wrap > #component22283825.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component22283825 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component22283825 img:first-child{
     display: block;
 }
#component22283825:hover img:first-child, #component22283825.anchor-item.active img:first-child{
    display: none;
 }
#component22283825:hover img:last-child, #component22283825.anchor-item.active img:last-child{
     display: block;
 }
 #component22283825:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component22283825.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component22283825.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component22283825swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component265745174{
    position: absolute;
    background: url("") no-repeat center top;
}
#component265745174 .tab-container {
    position: relative;
    z-index: 0;
}
#component265745174 .list-tabs {
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: space-between;
    flex-wrap: wrap;
    z-index: 3;
 }
 #component265745174 .list-tabs.hide {
     display: none;
 }
#component265745174 .list-tabs .list-tab {
    position: relative;
    text-align: center;
    color: #000000;
    background: url("") center/100% 100% no-repeat;
    cursor: pointer;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
 }
 #component265745174 .list-tabs .list-tab:hover{
    transform: null !important;
    -webkit-transform: null !important;
    transition: 0.5s ease !important;
    -webkit-transition: 0.5s ease !important;
}
 .layout-active #component265745174 .list-tabs .list-tab {
    animation-name: null;
 }
 .layout-active #component265745174 .list-tabs .list-tab {
    animation-play-state: running;
 }
#component265745174 .list-tabs .item-active-bg-url,#component265745174 .list-tabs .item-default-bg-url{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
#component265745174 .list-tabs p{
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: inherit;
    z-index: 1;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#component265745174 .list-tabs .list-tab.on .item-default-bg-url{
     display: none;
 }
#component265745174 .list-tabs .list-tab.on .item-active-bg-url{
    display: block;
 }
#component265745174 .list-tabs .list-tab .item-default-bg-url,
#component265745174 .list-tabs .list-tab.is-locked .item-default-bg-url {
     display: block;
 }
#component265745174 .list-tabs .list-tab .item-active-bg-url{
    display: none;
 }
 #component265745174 .list-tabs > .list-tab.animated{
    opacity: 0;
 }
 #app  #component265745174 .list-tabs  .list-tab {
     opacity: 1 !important;
 }

#component265745174 .list-tabs .on {
     color: #000000;
     background: url("") center/100% 100% no-repeat;
 }
#component265745174 .tab-banner{
    width: 92%;
    margin: 10px auto;
    display: block;
 }
#component265745174 .tab-content{
    position: relative;
    z-index: 2;
    display: none;
 }
#component265745174 .tab-content-show{
    display: block;
 }
#component265745174 .info-container{
    width: 86%;
    margin: 20px auto;
    overflow: hidden;
 }
 #component265745174 .button-next,#component265745174 .button-prev{
    position: absolute;
    cursor: pointer;
    z-index: 3;
} 
#component265745174 .button-next:hover,#component265745174 .button-prev:hover{
    opacity: 0.9;
    filter: opacity(90);
}

.component265745174-backBtn {
    position: absolute;
    cursor: pointer;
}
.component265745174-backBtn.active{
    display: block;
}
.component265745174-backBtn:hover {
    transform: scale(1.1);
    transition: all ease .3s;
}
.hide {
    display: none;
}#component249652478 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component249652478 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component249652478.none{
    opacity: 1;
}
#component249652478.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component249652478-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component249652478-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component249652478-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component249652478breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component249652478.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component249652478.infiniteAnimate{
    animation: component249652478null 1s infinite linear;
    -webkit-animation: component249652478null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component249652478.animated,.tab-content-show > #component249652478.animated,.curr > #component249652478.animated,.swiper-slide-active .inner-wrap > #component249652478.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component249652478 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component249652478 img:first-child{
     display: block;
 }
#component249652478:hover img:first-child, #component249652478.anchor-item.active img:first-child{
    display: none;
 }
#component249652478:hover img:last-child, #component249652478.anchor-item.active img:last-child{
     display: block;
 }
 #component249652478:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component249652478.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component249652478.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component249652478swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component253947281 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component253947281 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component253947281.none{
    opacity: 1;
}
#component253947281.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component253947281-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component253947281-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component253947281-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component253947281breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component253947281.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component253947281.infiniteAnimate{
    animation: component253947281null 1s infinite linear;
    -webkit-animation: component253947281null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component253947281.animated,.tab-content-show > #component253947281.animated,.curr > #component253947281.animated,.swiper-slide-active .inner-wrap > #component253947281.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component253947281 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component253947281 img:first-child{
     display: block;
 }
#component253947281:hover img:first-child, #component253947281.anchor-item.active img:first-child{
    display: none;
 }
#component253947281:hover img:last-child, #component253947281.anchor-item.active img:last-child{
     display: block;
 }
 #component253947281:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component253947281.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component253947281.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component253947281swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component297430729{
    position: absolute;
    background: url("") no-repeat center top;
}
#component297430729 .tab-container {
    position: relative;
    z-index: 0;
}
#component297430729 .list-tabs {
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: space-between;
    flex-wrap: wrap;
    z-index: 3;
 }
 #component297430729 .list-tabs.hide {
     display: none;
 }
#component297430729 .list-tabs .list-tab {
    position: relative;
    text-align: center;
    color: #000000;
    background: url("") center/100% 100% no-repeat;
    cursor: pointer;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
 }
 #component297430729 .list-tabs .list-tab:hover{
    transform: null !important;
    -webkit-transform: null !important;
    transition: 0.5s ease !important;
    -webkit-transition: 0.5s ease !important;
}
 .layout-active #component297430729 .list-tabs .list-tab {
    animation-name: null;
 }
 .layout-active #component297430729 .list-tabs .list-tab {
    animation-play-state: running;
 }
#component297430729 .list-tabs .item-active-bg-url,#component297430729 .list-tabs .item-default-bg-url{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
#component297430729 .list-tabs p{
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: inherit;
    z-index: 1;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#component297430729 .list-tabs .list-tab.on .item-default-bg-url{
     display: none;
 }
#component297430729 .list-tabs .list-tab.on .item-active-bg-url{
    display: block;
 }
#component297430729 .list-tabs .list-tab .item-default-bg-url,
#component297430729 .list-tabs .list-tab.is-locked .item-default-bg-url {
     display: block;
 }
#component297430729 .list-tabs .list-tab .item-active-bg-url{
    display: none;
 }
 #component297430729 .list-tabs > .list-tab.animated{
    opacity: 0;
 }
 #app  #component297430729 .list-tabs  .list-tab {
     opacity: 1 !important;
 }

#component297430729 .list-tabs .on {
     color: #000000;
     background: url("") center/100% 100% no-repeat;
 }
#component297430729 .tab-banner{
    width: 92%;
    margin: 10px auto;
    display: block;
 }
#component297430729 .tab-content{
    position: relative;
    z-index: 2;
    display: none;
 }
#component297430729 .tab-content-show{
    display: block;
 }
#component297430729 .info-container{
    width: 86%;
    margin: 20px auto;
    overflow: hidden;
 }
 #component297430729 .button-next,#component297430729 .button-prev{
    position: absolute;
    cursor: pointer;
    z-index: 3;
} 
#component297430729 .button-next:hover,#component297430729 .button-prev:hover{
    opacity: 0.9;
    filter: opacity(90);
}

.component297430729-backBtn {
    position: absolute;
    cursor: pointer;
}
.component297430729-backBtn.active{
    display: block;
}
.component297430729-backBtn:hover {
    transform: scale(1.1);
    transition: all ease .3s;
}
.hide {
    display: none;
}#component278831683 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component278831683 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component278831683.none{
    opacity: 1;
}
#component278831683.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component278831683-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component278831683-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component278831683-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component278831683breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component278831683.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component278831683.infiniteAnimate{
    animation: component278831683null 1s infinite linear;
    -webkit-animation: component278831683null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component278831683.animated,.tab-content-show > #component278831683.animated,.curr > #component278831683.animated,.swiper-slide-active .inner-wrap > #component278831683.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component278831683 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component278831683 img:first-child{
     display: block;
 }
#component278831683:hover img:first-child, #component278831683.anchor-item.active img:first-child{
    display: none;
 }
#component278831683:hover img:last-child, #component278831683.anchor-item.active img:last-child{
     display: block;
 }
 #component278831683:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component278831683.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component278831683.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component278831683swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component288930270 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component288930270 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component288930270.none{
    opacity: 1;
}
#component288930270.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component288930270-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component288930270-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component288930270-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component288930270breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component288930270.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component288930270.infiniteAnimate{
    animation: component288930270null 1s infinite linear;
    -webkit-animation: component288930270null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component288930270.animated,.tab-content-show > #component288930270.animated,.curr > #component288930270.animated,.swiper-slide-active .inner-wrap > #component288930270.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component288930270 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component288930270 img:first-child{
     display: block;
 }
#component288930270:hover img:first-child, #component288930270.anchor-item.active img:first-child{
    display: none;
 }
#component288930270:hover img:last-child, #component288930270.anchor-item.active img:last-child{
     display: block;
 }
 #component288930270:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component288930270.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component288930270.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component288930270swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component397463953{
    position: fixed;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 10;
}
section.content-container #component397463953.first-screen-hidden{
    display: block;
}

#component397463953.first-screen-hidden{
     display: none;
 }

#component397463953.position-left{
     left: 0rem;
     transition: left 0.3s,right 0.3s,transform 0.5s;
 }
#component397463953.position-right{
     right: 0rem;
     transition: left 0.3s,right 0.3s,transform 0.5s;
 }
#component397463953.position-left.close{
    left: 0;
    transform: translate(-100%, -50%);
}
#component397463953.position-right.close{
    right: 0;
    transform: translate(100%, -50%);
}

#component397463953 .fixed-content{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}
#component397463953 .fixed-switch-btn{
     position: absolute;
     top: 0;
     z-index: 3;
     cursor: pointer;
 }
 #component397463953 .fixed-switch-btn img {
     width: 0.23rem;
 }
#component397463953.position-left .fixed-switch-btn{
     left: 100%;
 }
#component397463953.position-right .fixed-switch-btn{
     right: 100%;
 }
#component397463953 .fixed-switch-btn .show,#component397463953 .fixed-switch-btn.active .hide{
    display: none;
}
#component397463953 .fixed-switch-btn .hide,#component397463953 .fixed-switch-btn.active .show{
     display: block;
}#component338974209 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component338974209 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component338974209.none{
    opacity: 1;
}
#component338974209.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component338974209-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component338974209-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component338974209-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component338974209breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component338974209.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component338974209.infiniteAnimate{
    animation: component338974209null 1s infinite linear;
    -webkit-animation: component338974209null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component338974209.animated,.tab-content-show > #component338974209.animated,.curr > #component338974209.animated,.swiper-slide-active .inner-wrap > #component338974209.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component338974209 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component338974209 img:first-child{
     display: block;
 }
#component338974209:hover img:first-child, #component338974209.anchor-item.active img:first-child{
    display: none;
 }
#component338974209:hover img:last-child, #component338974209.anchor-item.active img:last-child{
     display: block;
 }
 #component338974209:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component338974209.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component338974209.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component338974209swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component342379634 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component342379634 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component342379634.none{
    opacity: 1;
}
#component342379634.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component342379634-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component342379634-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component342379634-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component342379634breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component342379634.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component342379634.infiniteAnimate{
    animation: component342379634null 1s infinite linear;
    -webkit-animation: component342379634null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component342379634.animated,.tab-content-show > #component342379634.animated,.curr > #component342379634.animated,.swiper-slide-active .inner-wrap > #component342379634.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component342379634 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component342379634 img:first-child{
     display: block;
 }
#component342379634:hover img:first-child, #component342379634.anchor-item.active img:first-child{
    display: none;
 }
#component342379634:hover img:last-child, #component342379634.anchor-item.active img:last-child{
     display: block;
 }
 #component342379634:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component342379634.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component342379634.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component342379634swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component357935531 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component357935531 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component357935531.none{
    opacity: 1;
}
#component357935531.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component357935531-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component357935531-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component357935531-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component357935531breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component357935531.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component357935531.infiniteAnimate{
    animation: component357935531null 1s infinite linear;
    -webkit-animation: component357935531null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component357935531.animated,.tab-content-show > #component357935531.animated,.curr > #component357935531.animated,.swiper-slide-active .inner-wrap > #component357935531.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component357935531 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component357935531 img:first-child{
     display: block;
 }
#component357935531:hover img:first-child, #component357935531.anchor-item.active img:first-child{
    display: none;
 }
#component357935531:hover img:last-child, #component357935531.anchor-item.active img:last-child{
     display: block;
 }
 #component357935531:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component357935531.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component357935531.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component357935531swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component369522424 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component369522424 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component369522424.none{
    opacity: 1;
}
#component369522424.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component369522424-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component369522424-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component369522424-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component369522424breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component369522424.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component369522424.infiniteAnimate{
    animation: component369522424null 1s infinite linear;
    -webkit-animation: component369522424null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component369522424.animated,.tab-content-show > #component369522424.animated,.curr > #component369522424.animated,.swiper-slide-active .inner-wrap > #component369522424.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component369522424 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component369522424 img:first-child{
     display: block;
 }
#component369522424:hover img:first-child, #component369522424.anchor-item.active img:first-child{
    display: none;
 }
#component369522424:hover img:last-child, #component369522424.anchor-item.active img:last-child{
     display: block;
 }
 #component369522424:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component369522424.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component369522424.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component369522424swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component372087284 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component372087284 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component372087284.none{
    opacity: 1;
}
#component372087284.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component372087284-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component372087284-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component372087284-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component372087284breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component372087284.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component372087284.infiniteAnimate{
    animation: component372087284null 1s infinite linear;
    -webkit-animation: component372087284null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component372087284.animated,.tab-content-show > #component372087284.animated,.curr > #component372087284.animated,.swiper-slide-active .inner-wrap > #component372087284.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component372087284 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component372087284 img:first-child{
     display: block;
 }
#component372087284:hover img:first-child, #component372087284.anchor-item.active img:first-child{
    display: none;
 }
#component372087284:hover img:last-child, #component372087284.anchor-item.active img:last-child{
     display: block;
 }
 #component372087284:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component372087284.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component372087284.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component372087284swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component384355692 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component384355692 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component384355692.none{
    opacity: 1;
}
#component384355692.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component384355692-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component384355692-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component384355692-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component384355692breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component384355692.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component384355692.infiniteAnimate{
    animation: component384355692null 1s infinite linear;
    -webkit-animation: component384355692null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component384355692.animated,.tab-content-show > #component384355692.animated,.curr > #component384355692.animated,.swiper-slide-active .inner-wrap > #component384355692.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component384355692 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component384355692 img:first-child{
     display: block;
 }
#component384355692:hover img:first-child, #component384355692.anchor-item.active img:first-child{
    display: none;
 }
#component384355692:hover img:last-child, #component384355692.anchor-item.active img:last-child{
     display: block;
 }
 #component384355692:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component384355692.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component384355692.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component384355692swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component427735412 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component427735412 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component427735412.none{
    opacity: 1;
}
#component427735412.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component427735412-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component427735412-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component427735412-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component427735412breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component427735412.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component427735412.infiniteAnimate{
    animation: component427735412null 1s infinite linear;
    -webkit-animation: component427735412null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component427735412.animated,.tab-content-show > #component427735412.animated,.curr > #component427735412.animated,.swiper-slide-active .inner-wrap > #component427735412.animated{
    animation: null 1s 1s ease-in;
    -webkit-animation: null 1s 1s ease-in;
}
.ageTip-pop{display: none;}

#component427735412 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component427735412 img:first-child{
     display: block;
 }
#component427735412:hover img:first-child, #component427735412.anchor-item.active img:first-child{
    display: none;
 }
#component427735412:hover img:last-child, #component427735412.anchor-item.active img:last-child{
     display: block;
 }
 #component427735412:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component427735412.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component427735412.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component427735412swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component438848000 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component438848000 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component438848000.none{
    opacity: 1;
}
#component438848000.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component438848000-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component438848000-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component438848000-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component438848000breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component438848000.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component438848000.infiniteAnimate{
    animation: component438848000null 1s infinite linear;
    -webkit-animation: component438848000null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component438848000.animated,.tab-content-show > #component438848000.animated,.curr > #component438848000.animated,.swiper-slide-active .inner-wrap > #component438848000.animated{
    animation: null 1s 1s ease-in;
    -webkit-animation: null 1s 1s ease-in;
}
.ageTip-pop{display: none;}

#component438848000 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component438848000 img:first-child{
     display: block;
 }
#component438848000:hover img:first-child, #component438848000.anchor-item.active img:first-child{
    display: none;
 }
#component438848000:hover img:last-child, #component438848000.anchor-item.active img:last-child{
     display: block;
 }
 #component438848000:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component438848000.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component438848000.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component438848000swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component451032195 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component451032195 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component451032195 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component766905118{
    position: absolute;
    background: url("") no-repeat center top;
}
#component766905118 .tab-container {
    position: relative;
    z-index: 0;
}
#component766905118 .list-tabs {
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: space-between;
    flex-wrap: wrap;
    z-index: 3;
 }
 #component766905118 .list-tabs.hide {
     display: none;
 }
#component766905118 .list-tabs .list-tab {
    position: relative;
    text-align: center;
    color: #000000;
    background: url("") center/100% 100% no-repeat;
    cursor: pointer;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
 }
 #component766905118 .list-tabs .list-tab:hover{
    transform: null !important;
    -webkit-transform: null !important;
    transition: 0.5s ease !important;
    -webkit-transition: 0.5s ease !important;
}
 .layout-active #component766905118 .list-tabs .list-tab {
    animation-name: null;
 }
 .layout-active #component766905118 .list-tabs .list-tab {
    animation-play-state: running;
 }
#component766905118 .list-tabs .item-active-bg-url,#component766905118 .list-tabs .item-default-bg-url{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
#component766905118 .list-tabs p{
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: inherit;
    z-index: 1;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#component766905118 .list-tabs .list-tab.on .item-default-bg-url{
     display: none;
 }
#component766905118 .list-tabs .list-tab.on .item-active-bg-url{
    display: block;
 }
#component766905118 .list-tabs .list-tab .item-default-bg-url,
#component766905118 .list-tabs .list-tab.is-locked .item-default-bg-url {
     display: block;
 }
#component766905118 .list-tabs .list-tab .item-active-bg-url{
    display: none;
 }
 #component766905118 .list-tabs > .list-tab.animated{
    opacity: 0;
 }
 #app  #component766905118 .list-tabs  .list-tab {
     opacity: 1 !important;
 }

#component766905118 .list-tabs .on {
     color: #000000;
     background: url("") center/100% 100% no-repeat;
 }
#component766905118 .tab-banner{
    width: 92%;
    margin: 10px auto;
    display: block;
 }
#component766905118 .tab-content{
    position: relative;
    z-index: 2;
    display: none;
 }
#component766905118 .tab-content-show{
    display: block;
 }
#component766905118 .info-container{
    width: 86%;
    margin: 20px auto;
    overflow: hidden;
 }
 #component766905118 .button-next,#component766905118 .button-prev{
    position: absolute;
    cursor: pointer;
    z-index: 3;
} 
#component766905118 .button-next:hover,#component766905118 .button-prev:hover{
    opacity: 0.9;
    filter: opacity(90);
}

.component766905118-backBtn {
    position: absolute;
    cursor: pointer;
}
.component766905118-backBtn.active{
    display: block;
}
.component766905118-backBtn:hover {
    transform: scale(1.1);
    transition: all ease .3s;
}
.hide {
    display: none;
}#component466237475 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component466237475 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component466237475.none{
    opacity: 1;
}
#component466237475.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component466237475-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component466237475-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component466237475-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component466237475breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component466237475.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component466237475.infiniteAnimate{
    animation: component466237475null 1s infinite linear;
    -webkit-animation: component466237475null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component466237475.animated,.tab-content-show > #component466237475.animated,.curr > #component466237475.animated,.swiper-slide-active .inner-wrap > #component466237475.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component466237475 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component466237475 img:first-child{
     display: block;
 }
#component466237475:hover img:first-child, #component466237475.anchor-item.active img:first-child{
    display: none;
 }
#component466237475:hover img:last-child, #component466237475.anchor-item.active img:last-child{
     display: block;
 }
 #component466237475:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component466237475.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component466237475.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component466237475swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component479458249 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component479458249 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component479458249.none{
    opacity: 1;
}
#component479458249.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component479458249-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component479458249-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component479458249-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component479458249breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component479458249.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component479458249.infiniteAnimate{
    animation: component479458249null 1s infinite linear;
    -webkit-animation: component479458249null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component479458249.animated,.tab-content-show > #component479458249.animated,.curr > #component479458249.animated,.swiper-slide-active .inner-wrap > #component479458249.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component479458249 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component479458249 img:first-child{
     display: block;
 }
#component479458249:hover img:first-child, #component479458249.anchor-item.active img:first-child{
    display: none;
 }
#component479458249:hover img:last-child, #component479458249.anchor-item.active img:last-child{
     display: block;
 }
 #component479458249:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component479458249.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component479458249.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component479458249swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component488489528 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component488489528 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component488489528.none{
    opacity: 1;
}
#component488489528.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component488489528-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component488489528-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component488489528-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component488489528breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component488489528.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component488489528.infiniteAnimate{
    animation: component488489528null 1s infinite linear;
    -webkit-animation: component488489528null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component488489528.animated,.tab-content-show > #component488489528.animated,.curr > #component488489528.animated,.swiper-slide-active .inner-wrap > #component488489528.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component488489528 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component488489528 img:first-child{
     display: block;
 }
#component488489528:hover img:first-child, #component488489528.anchor-item.active img:first-child{
    display: none;
 }
#component488489528:hover img:last-child, #component488489528.anchor-item.active img:last-child{
     display: block;
 }
 #component488489528:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component488489528.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component488489528.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component488489528swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component498294364 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component498294364 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component498294364.none{
    opacity: 1;
}
#component498294364.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component498294364-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component498294364-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component498294364-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component498294364breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component498294364.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component498294364.infiniteAnimate{
    animation: component498294364null 1s infinite linear;
    -webkit-animation: component498294364null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component498294364.animated,.tab-content-show > #component498294364.animated,.curr > #component498294364.animated,.swiper-slide-active .inner-wrap > #component498294364.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component498294364 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component498294364 img:first-child{
     display: block;
 }
#component498294364:hover img:first-child, #component498294364.anchor-item.active img:first-child{
    display: none;
 }
#component498294364:hover img:last-child, #component498294364.anchor-item.active img:last-child{
     display: block;
 }
 #component498294364:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component498294364.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component498294364.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component498294364swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component508880654 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component508880654 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component508880654.none{
    opacity: 1;
}
#component508880654.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component508880654-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component508880654-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component508880654-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component508880654breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component508880654.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component508880654.infiniteAnimate{
    animation: component508880654null 1s infinite linear;
    -webkit-animation: component508880654null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component508880654.animated,.tab-content-show > #component508880654.animated,.curr > #component508880654.animated,.swiper-slide-active .inner-wrap > #component508880654.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component508880654 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component508880654 img:first-child{
     display: block;
 }
#component508880654:hover img:first-child, #component508880654.anchor-item.active img:first-child{
    display: none;
 }
#component508880654:hover img:last-child, #component508880654.anchor-item.active img:last-child{
     display: block;
 }
 #component508880654:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component508880654.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component508880654.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component508880654swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component514987870.none{
    opacity: 1;
 }
 #component514987870.animated{
    opacity: 0;
 }
 #component514987870-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component514987870-p:hover {
   color: #fdecc8;
}
#component514987870-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component514987870.animated,.tab-content-show > #component514987870.animated,.curr > #component514987870.animated,.swiper-slide-active .inner-wrap > #component514987870.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component514987870-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component514987870-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component525749007.none{
    opacity: 1;
 }
 #component525749007.animated{
    opacity: 0;
 }
 #component525749007-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component525749007-p:hover {
   color: #fdecc8;
}
#component525749007-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component525749007.animated,.tab-content-show > #component525749007.animated,.curr > #component525749007.animated,.swiper-slide-active .inner-wrap > #component525749007.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component525749007-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component525749007-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component531487998 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component531487998 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component531487998 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component541933079 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component541933079 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component541933079 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component556871380.none{
    opacity: 1;
 }
 #component556871380.animated{
    opacity: 0;
 }
 #component556871380-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component556871380-p:hover {
   color: #fdecc8;
}
#component556871380-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component556871380.animated,.tab-content-show > #component556871380.animated,.curr > #component556871380.animated,.swiper-slide-active .inner-wrap > #component556871380.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component556871380-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component556871380-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component562532808.none{
    opacity: 1;
 }
 #component562532808.animated{
    opacity: 0;
 }
 #component562532808-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component562532808-p:hover {
   color: #fdecc8;
}
#component562532808-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component562532808.animated,.tab-content-show > #component562532808.animated,.curr > #component562532808.animated,.swiper-slide-active .inner-wrap > #component562532808.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component562532808-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component562532808-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component572837903 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component572837903 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component572837903 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component586271118 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component586271118 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component586271118 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component593358535 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component593358535 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component593358535 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component607897606.none{
    opacity: 1;
 }
 #component607897606.animated{
    opacity: 0;
 }
 #component607897606-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component607897606-p:hover {
   color: #fdecc8;
}
#component607897606-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component607897606.animated,.tab-content-show > #component607897606.animated,.curr > #component607897606.animated,.swiper-slide-active .inner-wrap > #component607897606.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component607897606-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component607897606-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component616715170.none{
    opacity: 1;
 }
 #component616715170.animated{
    opacity: 0;
 }
 #component616715170-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component616715170-p:hover {
   color: #fdecc8;
}
#component616715170-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component616715170.animated,.tab-content-show > #component616715170.animated,.curr > #component616715170.animated,.swiper-slide-active .inner-wrap > #component616715170.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component616715170-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component616715170-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component623692362 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component623692362 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component623692362 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component631401380 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component631401380 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component631401380 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component642675996 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component642675996 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component642675996 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component652077767.none{
    opacity: 1;
 }
 #component652077767.animated{
    opacity: 0;
 }
 #component652077767-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component652077767-p:hover {
   color: #fdecc8;
}
#component652077767-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component652077767.animated,.tab-content-show > #component652077767.animated,.curr > #component652077767.animated,.swiper-slide-active .inner-wrap > #component652077767.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component652077767-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component652077767-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component663993722.none{
    opacity: 1;
 }
 #component663993722.animated{
    opacity: 0;
 }
 #component663993722-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component663993722-p:hover {
   color: #fdecc8;
}
#component663993722-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component663993722.animated,.tab-content-show > #component663993722.animated,.curr > #component663993722.animated,.swiper-slide-active .inner-wrap > #component663993722.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component663993722-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component663993722-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component671138229 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component671138229 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component671138229 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component683265071 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component683265071 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component683265071 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component691702875 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component691702875 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component691702875 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component703461345.none{
    opacity: 1;
 }
 #component703461345.animated{
    opacity: 0;
 }
 #component703461345-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component703461345-p:hover {
   color: #fdecc8;
}
#component703461345-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component703461345.animated,.tab-content-show > #component703461345.animated,.curr > #component703461345.animated,.swiper-slide-active .inner-wrap > #component703461345.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component703461345-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component703461345-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component712674843.none{
    opacity: 1;
 }
 #component712674843.animated{
    opacity: 0;
 }
 #component712674843-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component712674843-p:hover {
   color: #fdecc8;
}
#component712674843-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component712674843.animated,.tab-content-show > #component712674843.animated,.curr > #component712674843.animated,.swiper-slide-active .inner-wrap > #component712674843.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component712674843-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component712674843-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component728050745 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component728050745 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component728050745 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component733936161 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component733936161 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component733936161 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component748065494 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component748065494 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component748065494 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component755231021 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component755231021 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component755231021 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component971237114 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component971237114 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component971237114.none{
    opacity: 1;
}
#component971237114.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component971237114-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component971237114-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component971237114-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component971237114breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component971237114.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component971237114.infiniteAnimate{
    animation: component971237114null 1s infinite linear;
    -webkit-animation: component971237114null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component971237114.animated,.tab-content-show > #component971237114.animated,.curr > #component971237114.animated,.swiper-slide-active .inner-wrap > #component971237114.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component971237114 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component971237114 img:first-child{
     display: block;
 }
#component971237114:hover img:first-child, #component971237114.anchor-item.active img:first-child{
    display: none;
 }
#component971237114:hover img:last-child, #component971237114.anchor-item.active img:last-child{
     display: block;
 }
 #component971237114:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component971237114.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component971237114.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component971237114swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component965972499{
    position: absolute;
    background: url("") no-repeat center top;
}
#component965972499 .tab-container {
    position: relative;
    z-index: 0;
}
#component965972499 .list-tabs {
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: space-between;
    flex-wrap: wrap;
    z-index: 3;
 }
 #component965972499 .list-tabs.hide {
     display: none;
 }
#component965972499 .list-tabs .list-tab {
    position: relative;
    text-align: center;
    color: #000000;
    background: url("") center/100% 100% no-repeat;
    cursor: pointer;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
 }
 #component965972499 .list-tabs .list-tab:hover{
    transform: null !important;
    -webkit-transform: null !important;
    transition: 0.5s ease !important;
    -webkit-transition: 0.5s ease !important;
}
 .layout-active #component965972499 .list-tabs .list-tab {
    animation-name: null;
 }
 .layout-active #component965972499 .list-tabs .list-tab {
    animation-play-state: running;
 }
#component965972499 .list-tabs .item-active-bg-url,#component965972499 .list-tabs .item-default-bg-url{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
#component965972499 .list-tabs p{
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: inherit;
    z-index: 1;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#component965972499 .list-tabs .list-tab.on .item-default-bg-url{
     display: none;
 }
#component965972499 .list-tabs .list-tab.on .item-active-bg-url{
    display: block;
 }
#component965972499 .list-tabs .list-tab .item-default-bg-url,
#component965972499 .list-tabs .list-tab.is-locked .item-default-bg-url {
     display: block;
 }
#component965972499 .list-tabs .list-tab .item-active-bg-url{
    display: none;
 }
 #component965972499 .list-tabs > .list-tab.animated{
    opacity: 0;
 }
 #app  #component965972499 .list-tabs  .list-tab {
     opacity: 1 !important;
 }

#component965972499 .list-tabs .on {
     color: #000000;
     background: url("") center/100% 100% no-repeat;
 }
#component965972499 .tab-banner{
    width: 92%;
    margin: 10px auto;
    display: block;
 }
#component965972499 .tab-content{
    position: relative;
    z-index: 2;
    display: none;
 }
#component965972499 .tab-content-show{
    display: block;
 }
#component965972499 .info-container{
    width: 86%;
    margin: 20px auto;
    overflow: hidden;
 }
 #component965972499 .button-next,#component965972499 .button-prev{
    position: absolute;
    cursor: pointer;
    z-index: 3;
} 
#component965972499 .button-next:hover,#component965972499 .button-prev:hover{
    opacity: 0.9;
    filter: opacity(90);
}

.component965972499-backBtn {
    position: absolute;
    cursor: pointer;
}
.component965972499-backBtn.active{
    display: block;
}
.component965972499-backBtn:hover {
    transform: scale(1.1);
    transition: all ease .3s;
}
.hide {
    display: none;
}#component819980412 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component819980412 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component819980412.none{
    opacity: 1;
}
#component819980412.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component819980412-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component819980412-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component819980412-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component819980412breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component819980412.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component819980412.infiniteAnimate{
    animation: component819980412null 1s infinite linear;
    -webkit-animation: component819980412null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component819980412.animated,.tab-content-show > #component819980412.animated,.curr > #component819980412.animated,.swiper-slide-active .inner-wrap > #component819980412.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component819980412 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component819980412 img:first-child{
     display: block;
 }
#component819980412:hover img:first-child, #component819980412.anchor-item.active img:first-child{
    display: none;
 }
#component819980412:hover img:last-child, #component819980412.anchor-item.active img:last-child{
     display: block;
 }
 #component819980412:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component819980412.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component819980412.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component819980412swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component827905327 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component827905327 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component827905327.none{
    opacity: 1;
}
#component827905327.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component827905327-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component827905327-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component827905327-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component827905327breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component827905327.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component827905327.infiniteAnimate{
    animation: component827905327null 1s infinite linear;
    -webkit-animation: component827905327null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component827905327.animated,.tab-content-show > #component827905327.animated,.curr > #component827905327.animated,.swiper-slide-active .inner-wrap > #component827905327.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component827905327 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component827905327 img:first-child{
     display: block;
 }
#component827905327:hover img:first-child, #component827905327.anchor-item.active img:first-child{
    display: none;
 }
#component827905327:hover img:last-child, #component827905327.anchor-item.active img:last-child{
     display: block;
 }
 #component827905327:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component827905327.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component827905327.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component827905327swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component834441641 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component834441641 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component834441641.none{
    opacity: 1;
}
#component834441641.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component834441641-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component834441641-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component834441641-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component834441641breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component834441641.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component834441641.infiniteAnimate{
    animation: component834441641null 1s infinite linear;
    -webkit-animation: component834441641null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component834441641.animated,.tab-content-show > #component834441641.animated,.curr > #component834441641.animated,.swiper-slide-active .inner-wrap > #component834441641.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component834441641 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component834441641 img:first-child{
     display: block;
 }
#component834441641:hover img:first-child, #component834441641.anchor-item.active img:first-child{
    display: none;
 }
#component834441641:hover img:last-child, #component834441641.anchor-item.active img:last-child{
     display: block;
 }
 #component834441641:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component834441641.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component834441641.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component834441641swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component849271103 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component849271103 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component849271103.none{
    opacity: 1;
}
#component849271103.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component849271103-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component849271103-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component849271103-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component849271103breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component849271103.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component849271103.infiniteAnimate{
    animation: component849271103null 1s infinite linear;
    -webkit-animation: component849271103null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component849271103.animated,.tab-content-show > #component849271103.animated,.curr > #component849271103.animated,.swiper-slide-active .inner-wrap > #component849271103.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component849271103 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component849271103 img:first-child{
     display: block;
 }
#component849271103:hover img:first-child, #component849271103.anchor-item.active img:first-child{
    display: none;
 }
#component849271103:hover img:last-child, #component849271103.anchor-item.active img:last-child{
     display: block;
 }
 #component849271103:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component849271103.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component849271103.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component849271103swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component855646084 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component855646084 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component855646084.none{
    opacity: 1;
}
#component855646084.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component855646084-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component855646084-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component855646084-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component855646084breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component855646084.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component855646084.infiniteAnimate{
    animation: component855646084null 1s infinite linear;
    -webkit-animation: component855646084null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component855646084.animated,.tab-content-show > #component855646084.animated,.curr > #component855646084.animated,.swiper-slide-active .inner-wrap > #component855646084.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component855646084 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component855646084 img:first-child{
     display: block;
 }
#component855646084:hover img:first-child, #component855646084.anchor-item.active img:first-child{
    display: none;
 }
#component855646084:hover img:last-child, #component855646084.anchor-item.active img:last-child{
     display: block;
 }
 #component855646084:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component855646084.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component855646084.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component855646084swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component861621774.none{
    opacity: 1;
 }
 #component861621774.animated{
    opacity: 0;
 }
 #component861621774-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component861621774-p:hover {
   color: #673b14;
}
#component861621774-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #673b14;
}
 .layout-active > #component861621774.animated,.tab-content-show > #component861621774.animated,.curr > #component861621774.animated,.swiper-slide-active .inner-wrap > #component861621774.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component861621774-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component861621774-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component872411497 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component872411497 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component872411497 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component887622542.none{
    opacity: 1;
 }
 #component887622542.animated{
    opacity: 0;
 }
 #component887622542-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component887622542-p:hover {
   color: #673b14;
}
#component887622542-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #673b14;
}
 .layout-active > #component887622542.animated,.tab-content-show > #component887622542.animated,.curr > #component887622542.animated,.swiper-slide-active .inner-wrap > #component887622542.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component887622542-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component887622542-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component895239018 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component895239018 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component895239018 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component907626535.none{
    opacity: 1;
 }
 #component907626535.animated{
    opacity: 0;
 }
 #component907626535-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component907626535-p:hover {
   color: #673b14;
}
#component907626535-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #673b14;
}
 .layout-active > #component907626535.animated,.tab-content-show > #component907626535.animated,.curr > #component907626535.animated,.swiper-slide-active .inner-wrap > #component907626535.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component907626535-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component907626535-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component914710746 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component914710746 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component914710746 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component9225043.none{
    opacity: 1;
 }
 #component9225043.animated{
    opacity: 0;
 }
 #component9225043-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component9225043-p:hover {
   color: #673b14;
}
#component9225043-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #673b14;
}
 .layout-active > #component9225043.animated,.tab-content-show > #component9225043.animated,.curr > #component9225043.animated,.swiper-slide-active .inner-wrap > #component9225043.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component9225043-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component9225043-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component935764698 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component935764698 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component935764698 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component942866535.none{
    opacity: 1;
 }
 #component942866535.animated{
    opacity: 0;
 }
 #component942866535-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component942866535-p:hover {
   color: #673b14;
}
#component942866535-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #673b14;
}
 .layout-active > #component942866535.animated,.tab-content-show > #component942866535.animated,.curr > #component942866535.animated,.swiper-slide-active .inner-wrap > #component942866535.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component942866535-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component942866535-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component95531620 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component95531620 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component95531620 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component1024285406 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1024285406 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1024285406.none{
    opacity: 1;
}
#component1024285406.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1024285406-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1024285406-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1024285406-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1024285406breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1024285406.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1024285406.infiniteAnimate{
    animation: component1024285406null 1s infinite linear;
    -webkit-animation: component1024285406null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1024285406.animated,.tab-content-show > #component1024285406.animated,.curr > #component1024285406.animated,.swiper-slide-active .inner-wrap > #component1024285406.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component1024285406 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1024285406 img:first-child{
     display: block;
 }
#component1024285406:hover img:first-child, #component1024285406.anchor-item.active img:first-child{
    display: none;
 }
#component1024285406:hover img:last-child, #component1024285406.anchor-item.active img:last-child{
     display: block;
 }
 #component1024285406:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1024285406.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1024285406.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1024285406swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1078871519 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1078871519 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1078871519.none{
    opacity: 1;
}
#component1078871519.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1078871519-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1078871519-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1078871519-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1078871519breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1078871519.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1078871519.infiniteAnimate{
    animation: component1078871519null 1s infinite linear;
    -webkit-animation: component1078871519null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1078871519.animated,.tab-content-show > #component1078871519.animated,.curr > #component1078871519.animated,.swiper-slide-active .inner-wrap > #component1078871519.animated{
    animation: null 1s 1s ease-in;
    -webkit-animation: null 1s 1s ease-in;
}
.ageTip-pop{display: none;}

#component1078871519 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1078871519 img:first-child{
     display: block;
 }
#component1078871519:hover img:first-child, #component1078871519.anchor-item.active img:first-child{
    display: none;
 }
#component1078871519:hover img:last-child, #component1078871519.anchor-item.active img:last-child{
     display: block;
 }
 #component1078871519:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1078871519.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1078871519.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1078871519swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1032873614 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1032873614 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1032873614.none{
    opacity: 1;
}
#component1032873614.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1032873614-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1032873614-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1032873614-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1032873614breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1032873614.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1032873614.infiniteAnimate{
    animation: component1032873614null 1s infinite linear;
    -webkit-animation: component1032873614null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1032873614.animated,.tab-content-show > #component1032873614.animated,.curr > #component1032873614.animated,.swiper-slide-active .inner-wrap > #component1032873614.animated{
    animation: null 1s 1s ease-in;
    -webkit-animation: null 1s 1s ease-in;
}
.ageTip-pop{display: none;}

#component1032873614 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1032873614 img:first-child{
     display: block;
 }
#component1032873614:hover img:first-child, #component1032873614.anchor-item.active img:first-child{
    display: none;
 }
#component1032873614:hover img:last-child, #component1032873614.anchor-item.active img:last-child{
     display: block;
 }
 #component1032873614:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1032873614.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1032873614.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1032873614swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1048104952 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1048104952 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1048104952.none{
    opacity: 1;
}
#component1048104952.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1048104952-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1048104952-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1048104952-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1048104952breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1048104952.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1048104952.infiniteAnimate{
    animation: component1048104952null 1s infinite linear;
    -webkit-animation: component1048104952null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1048104952.animated,.tab-content-show > #component1048104952.animated,.curr > #component1048104952.animated,.swiper-slide-active .inner-wrap > #component1048104952.animated{
    animation: null 1s 1s ease-in;
    -webkit-animation: null 1s 1s ease-in;
}
.ageTip-pop{display: none;}

#component1048104952 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1048104952 img:first-child{
     display: block;
 }
#component1048104952:hover img:first-child, #component1048104952.anchor-item.active img:first-child{
    display: none;
 }
#component1048104952:hover img:last-child, #component1048104952.anchor-item.active img:last-child{
     display: block;
 }
 #component1048104952:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1048104952.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1048104952.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1048104952swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1057944928 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component1057944928 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component1057944928 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component1067817264 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1067817264 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1067817264.none{
    opacity: 1;
}
#component1067817264.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1067817264-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1067817264-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1067817264-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1067817264breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1067817264.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1067817264.infiniteAnimate{
    animation: component1067817264null 1s infinite linear;
    -webkit-animation: component1067817264null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1067817264.animated,.tab-content-show > #component1067817264.animated,.curr > #component1067817264.animated,.swiper-slide-active .inner-wrap > #component1067817264.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component1067817264 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1067817264 img:first-child{
     display: block;
 }
#component1067817264:hover img:first-child, #component1067817264.anchor-item.active img:first-child{
    display: none;
 }
#component1067817264:hover img:last-child, #component1067817264.anchor-item.active img:last-child{
     display: block;
 }
 #component1067817264:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1067817264.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1067817264.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1067817264swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1102113828 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1102113828 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1102113828.none{
    opacity: 1;
}
#component1102113828.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1102113828-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1102113828-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1102113828-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1102113828breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1102113828.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1102113828.infiniteAnimate{
    animation: component1102113828null 1s infinite linear;
    -webkit-animation: component1102113828null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1102113828.animated,.tab-content-show > #component1102113828.animated,.curr > #component1102113828.animated,.swiper-slide-active .inner-wrap > #component1102113828.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component1102113828 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1102113828 img:first-child{
     display: block;
 }
#component1102113828:hover img:first-child, #component1102113828.anchor-item.active img:first-child{
    display: none;
 }
#component1102113828:hover img:last-child, #component1102113828.anchor-item.active img:last-child{
     display: block;
 }
 #component1102113828:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1102113828.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1102113828.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1102113828swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1151208866 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1151208866 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1151208866.none{
    opacity: 1;
}
#component1151208866.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1151208866-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1151208866-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1151208866-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1151208866breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1151208866.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1151208866.infiniteAnimate{
    animation: component1151208866null 1s infinite linear;
    -webkit-animation: component1151208866null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1151208866.animated,.tab-content-show > #component1151208866.animated,.curr > #component1151208866.animated,.swiper-slide-active .inner-wrap > #component1151208866.animated{
    animation: null 1s 1s ease-in;
    -webkit-animation: null 1s 1s ease-in;
}
.ageTip-pop{display: none;}

#component1151208866 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1151208866 img:first-child{
     display: block;
 }
#component1151208866:hover img:first-child, #component1151208866.anchor-item.active img:first-child{
    display: none;
 }
#component1151208866:hover img:last-child, #component1151208866.anchor-item.active img:last-child{
     display: block;
 }
 #component1151208866:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1151208866.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1151208866.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1151208866swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1115217649 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1115217649 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1115217649.none{
    opacity: 1;
}
#component1115217649.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1115217649-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1115217649-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1115217649-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1115217649breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1115217649.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1115217649.infiniteAnimate{
    animation: component1115217649null 1s infinite linear;
    -webkit-animation: component1115217649null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1115217649.animated,.tab-content-show > #component1115217649.animated,.curr > #component1115217649.animated,.swiper-slide-active .inner-wrap > #component1115217649.animated{
    animation: null 1s 1s ease-in;
    -webkit-animation: null 1s 1s ease-in;
}
.ageTip-pop{display: none;}

#component1115217649 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1115217649 img:first-child{
     display: block;
 }
#component1115217649:hover img:first-child, #component1115217649.anchor-item.active img:first-child{
    display: none;
 }
#component1115217649:hover img:last-child, #component1115217649.anchor-item.active img:last-child{
     display: block;
 }
 #component1115217649:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1115217649.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1115217649.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1115217649swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1125260293 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1125260293 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1125260293.none{
    opacity: 1;
}
#component1125260293.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1125260293-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1125260293-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1125260293-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1125260293breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1125260293.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1125260293.infiniteAnimate{
    animation: component1125260293null 1s infinite linear;
    -webkit-animation: component1125260293null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1125260293.animated,.tab-content-show > #component1125260293.animated,.curr > #component1125260293.animated,.swiper-slide-active .inner-wrap > #component1125260293.animated{
    animation: null 1s 1s ease-in;
    -webkit-animation: null 1s 1s ease-in;
}
.ageTip-pop{display: none;}

#component1125260293 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1125260293 img:first-child{
     display: block;
 }
#component1125260293:hover img:first-child, #component1125260293.anchor-item.active img:first-child{
    display: none;
 }
#component1125260293:hover img:last-child, #component1125260293.anchor-item.active img:last-child{
     display: block;
 }
 #component1125260293:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1125260293.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1125260293.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1125260293swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1131145656 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component1131145656 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component1131145656 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component1147348332 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1147348332 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1147348332.none{
    opacity: 1;
}
#component1147348332.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1147348332-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1147348332-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1147348332-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1147348332breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1147348332.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1147348332.infiniteAnimate{
    animation: component1147348332null 1s infinite linear;
    -webkit-animation: component1147348332null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1147348332.animated,.tab-content-show > #component1147348332.animated,.curr > #component1147348332.animated,.swiper-slide-active .inner-wrap > #component1147348332.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component1147348332 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1147348332 img:first-child{
     display: block;
 }
#component1147348332:hover img:first-child, #component1147348332.anchor-item.active img:first-child{
    display: none;
 }
#component1147348332:hover img:last-child, #component1147348332.anchor-item.active img:last-child{
     display: block;
 }
 #component1147348332:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1147348332.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1147348332.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1147348332swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1189760366 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1189760366 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1189760366.none{
    opacity: 1;
}
#component1189760366.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1189760366-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1189760366-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1189760366-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1189760366breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1189760366.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1189760366.infiniteAnimate{
    animation: component1189760366null 1s infinite linear;
    -webkit-animation: component1189760366null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1189760366.animated,.tab-content-show > #component1189760366.animated,.curr > #component1189760366.animated,.swiper-slide-active .inner-wrap > #component1189760366.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component1189760366 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1189760366 img:first-child{
     display: block;
 }
#component1189760366:hover img:first-child, #component1189760366.anchor-item.active img:first-child{
    display: none;
 }
#component1189760366:hover img:last-child, #component1189760366.anchor-item.active img:last-child{
     display: block;
 }
 #component1189760366:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1189760366.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1189760366.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1189760366swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1231085449 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1231085449 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1231085449.none{
    opacity: 1;
}
#component1231085449.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1231085449-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1231085449-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1231085449-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1231085449breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1231085449.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1231085449.infiniteAnimate{
    animation: component1231085449null 1s infinite linear;
    -webkit-animation: component1231085449null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1231085449.animated,.tab-content-show > #component1231085449.animated,.curr > #component1231085449.animated,.swiper-slide-active .inner-wrap > #component1231085449.animated{
    animation: null 1s 1s ease-in;
    -webkit-animation: null 1s 1s ease-in;
}
.ageTip-pop{display: none;}

#component1231085449 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1231085449 img:first-child{
     display: block;
 }
#component1231085449:hover img:first-child, #component1231085449.anchor-item.active img:first-child{
    display: none;
 }
#component1231085449:hover img:last-child, #component1231085449.anchor-item.active img:last-child{
     display: block;
 }
 #component1231085449:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1231085449.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1231085449.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1231085449swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1193041190 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1193041190 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1193041190.none{
    opacity: 1;
}
#component1193041190.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1193041190-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1193041190-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1193041190-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1193041190breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1193041190.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1193041190.infiniteAnimate{
    animation: component1193041190null 1s infinite linear;
    -webkit-animation: component1193041190null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1193041190.animated,.tab-content-show > #component1193041190.animated,.curr > #component1193041190.animated,.swiper-slide-active .inner-wrap > #component1193041190.animated{
    animation: null 1s 1s ease-in;
    -webkit-animation: null 1s 1s ease-in;
}
.ageTip-pop{display: none;}

#component1193041190 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1193041190 img:first-child{
     display: block;
 }
#component1193041190:hover img:first-child, #component1193041190.anchor-item.active img:first-child{
    display: none;
 }
#component1193041190:hover img:last-child, #component1193041190.anchor-item.active img:last-child{
     display: block;
 }
 #component1193041190:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1193041190.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1193041190.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1193041190swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component120467776 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component120467776 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component120467776.none{
    opacity: 1;
}
#component120467776.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component120467776-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component120467776-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component120467776-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component120467776breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component120467776.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component120467776.infiniteAnimate{
    animation: component120467776null 1s infinite linear;
    -webkit-animation: component120467776null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component120467776.animated,.tab-content-show > #component120467776.animated,.curr > #component120467776.animated,.swiper-slide-active .inner-wrap > #component120467776.animated{
    animation: null 1s 1s ease-in;
    -webkit-animation: null 1s 1s ease-in;
}
.ageTip-pop{display: none;}

#component120467776 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component120467776 img:first-child{
     display: block;
 }
#component120467776:hover img:first-child, #component120467776.anchor-item.active img:first-child{
    display: none;
 }
#component120467776:hover img:last-child, #component120467776.anchor-item.active img:last-child{
     display: block;
 }
 #component120467776:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component120467776.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component120467776.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component120467776swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1211554493 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component1211554493 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component1211554493 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component1222991391 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1222991391 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1222991391.none{
    opacity: 1;
}
#component1222991391.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1222991391-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1222991391-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1222991391-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1222991391breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1222991391.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1222991391.infiniteAnimate{
    animation: component1222991391null 1s infinite linear;
    -webkit-animation: component1222991391null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1222991391.animated,.tab-content-show > #component1222991391.animated,.curr > #component1222991391.animated,.swiper-slide-active .inner-wrap > #component1222991391.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component1222991391 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1222991391 img:first-child{
     display: block;
 }
#component1222991391:hover img:first-child, #component1222991391.anchor-item.active img:first-child{
    display: none;
 }
#component1222991391:hover img:last-child, #component1222991391.anchor-item.active img:last-child{
     display: block;
 }
 #component1222991391:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1222991391.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1222991391.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1222991391swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1261434288 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1261434288 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1261434288.none{
    opacity: 1;
}
#component1261434288.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1261434288-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1261434288-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1261434288-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1261434288breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1261434288.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1261434288.infiniteAnimate{
    animation: component1261434288null 1s infinite linear;
    -webkit-animation: component1261434288null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1261434288.animated,.tab-content-show > #component1261434288.animated,.curr > #component1261434288.animated,.swiper-slide-active .inner-wrap > #component1261434288.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component1261434288 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1261434288 img:first-child{
     display: block;
 }
#component1261434288:hover img:first-child, #component1261434288.anchor-item.active img:first-child{
    display: none;
 }
#component1261434288:hover img:last-child, #component1261434288.anchor-item.active img:last-child{
     display: block;
 }
 #component1261434288:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1261434288.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1261434288.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1261434288swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component131711189 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component131711189 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component131711189.none{
    opacity: 1;
}
#component131711189.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component131711189-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component131711189-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component131711189-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component131711189breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component131711189.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component131711189.infiniteAnimate{
    animation: component131711189null 1s infinite linear;
    -webkit-animation: component131711189null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component131711189.animated,.tab-content-show > #component131711189.animated,.curr > #component131711189.animated,.swiper-slide-active .inner-wrap > #component131711189.animated{
    animation: null 1s 1s ease-in;
    -webkit-animation: null 1s 1s ease-in;
}
.ageTip-pop{display: none;}

#component131711189 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component131711189 img:first-child{
     display: block;
 }
#component131711189:hover img:first-child, #component131711189.anchor-item.active img:first-child{
    display: none;
 }
#component131711189:hover img:last-child, #component131711189.anchor-item.active img:last-child{
     display: block;
 }
 #component131711189:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component131711189.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component131711189.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component131711189swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1271862113 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1271862113 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1271862113.none{
    opacity: 1;
}
#component1271862113.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1271862113-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1271862113-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1271862113-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1271862113breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1271862113.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1271862113.infiniteAnimate{
    animation: component1271862113null 1s infinite linear;
    -webkit-animation: component1271862113null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1271862113.animated,.tab-content-show > #component1271862113.animated,.curr > #component1271862113.animated,.swiper-slide-active .inner-wrap > #component1271862113.animated{
    animation: null 1s 1s ease-in;
    -webkit-animation: null 1s 1s ease-in;
}
.ageTip-pop{display: none;}

#component1271862113 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1271862113 img:first-child{
     display: block;
 }
#component1271862113:hover img:first-child, #component1271862113.anchor-item.active img:first-child{
    display: none;
 }
#component1271862113:hover img:last-child, #component1271862113.anchor-item.active img:last-child{
     display: block;
 }
 #component1271862113:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1271862113.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1271862113.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1271862113swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1281142990 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1281142990 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1281142990.none{
    opacity: 1;
}
#component1281142990.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1281142990-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1281142990-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1281142990-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1281142990breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1281142990.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1281142990.infiniteAnimate{
    animation: component1281142990null 1s infinite linear;
    -webkit-animation: component1281142990null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1281142990.animated,.tab-content-show > #component1281142990.animated,.curr > #component1281142990.animated,.swiper-slide-active .inner-wrap > #component1281142990.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component1281142990 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1281142990 img:first-child{
     display: block;
 }
#component1281142990:hover img:first-child, #component1281142990.anchor-item.active img:first-child{
    display: none;
 }
#component1281142990:hover img:last-child, #component1281142990.anchor-item.active img:last-child{
     display: block;
 }
 #component1281142990:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1281142990.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1281142990.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1281142990swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1291924430 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1291924430 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1291924430.none{
    opacity: 1;
}
#component1291924430.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1291924430-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1291924430-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1291924430-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1291924430breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1291924430.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1291924430.infiniteAnimate{
    animation: component1291924430null 1s infinite linear;
    -webkit-animation: component1291924430null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1291924430.animated,.tab-content-show > #component1291924430.animated,.curr > #component1291924430.animated,.swiper-slide-active .inner-wrap > #component1291924430.animated{
    animation: null 1s 1s ease-in;
    -webkit-animation: null 1s 1s ease-in;
}
.ageTip-pop{display: none;}

#component1291924430 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1291924430 img:first-child{
     display: block;
 }
#component1291924430:hover img:first-child, #component1291924430.anchor-item.active img:first-child{
    display: none;
 }
#component1291924430:hover img:last-child, #component1291924430.anchor-item.active img:last-child{
     display: block;
 }
 #component1291924430:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1291924430.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1291924430.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1291924430swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1305897642 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component1305897642 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component1305897642 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component1346836391 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1346836391 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1346836391.none{
    opacity: 1;
}
#component1346836391.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1346836391-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1346836391-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1346836391-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1346836391breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1346836391.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1346836391.infiniteAnimate{
    animation: component1346836391null 1s infinite linear;
    -webkit-animation: component1346836391null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1346836391.animated,.tab-content-show > #component1346836391.animated,.curr > #component1346836391.animated,.swiper-slide-active .inner-wrap > #component1346836391.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component1346836391 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1346836391 img:first-child{
     display: block;
 }
#component1346836391:hover img:first-child, #component1346836391.anchor-item.active img:first-child{
    display: none;
 }
#component1346836391:hover img:last-child, #component1346836391.anchor-item.active img:last-child{
     display: block;
 }
 #component1346836391:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1346836391.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1346836391.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1346836391swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1395075019 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1395075019 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1395075019.none{
    opacity: 1;
}
#component1395075019.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1395075019-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1395075019-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1395075019-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1395075019breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1395075019.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1395075019.infiniteAnimate{
    animation: component1395075019null 1s infinite linear;
    -webkit-animation: component1395075019null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1395075019.animated,.tab-content-show > #component1395075019.animated,.curr > #component1395075019.animated,.swiper-slide-active .inner-wrap > #component1395075019.animated{
    animation: null 1s 1s ease-in;
    -webkit-animation: null 1s 1s ease-in;
}
.ageTip-pop{display: none;}

#component1395075019 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1395075019 img:first-child{
     display: block;
 }
#component1395075019:hover img:first-child, #component1395075019.anchor-item.active img:first-child{
    display: none;
 }
#component1395075019:hover img:last-child, #component1395075019.anchor-item.active img:last-child{
     display: block;
 }
 #component1395075019:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1395075019.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1395075019.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1395075019swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1358623791 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1358623791 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1358623791.none{
    opacity: 1;
}
#component1358623791.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1358623791-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1358623791-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1358623791-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1358623791breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1358623791.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1358623791.infiniteAnimate{
    animation: component1358623791null 1s infinite linear;
    -webkit-animation: component1358623791null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1358623791.animated,.tab-content-show > #component1358623791.animated,.curr > #component1358623791.animated,.swiper-slide-active .inner-wrap > #component1358623791.animated{
    animation: null 1s 1s ease-in;
    -webkit-animation: null 1s 1s ease-in;
}
.ageTip-pop{display: none;}

#component1358623791 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1358623791 img:first-child{
     display: block;
 }
#component1358623791:hover img:first-child, #component1358623791.anchor-item.active img:first-child{
    display: none;
 }
#component1358623791:hover img:last-child, #component1358623791.anchor-item.active img:last-child{
     display: block;
 }
 #component1358623791:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1358623791.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1358623791.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1358623791swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1362620152 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1362620152 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1362620152.none{
    opacity: 1;
}
#component1362620152.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1362620152-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1362620152-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1362620152-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1362620152breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1362620152.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1362620152.infiniteAnimate{
    animation: component1362620152null 1s infinite linear;
    -webkit-animation: component1362620152null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1362620152.animated,.tab-content-show > #component1362620152.animated,.curr > #component1362620152.animated,.swiper-slide-active .inner-wrap > #component1362620152.animated{
    animation: null 1s 1s ease-in;
    -webkit-animation: null 1s 1s ease-in;
}
.ageTip-pop{display: none;}

#component1362620152 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1362620152 img:first-child{
     display: block;
 }
#component1362620152:hover img:first-child, #component1362620152.anchor-item.active img:first-child{
    display: none;
 }
#component1362620152:hover img:last-child, #component1362620152.anchor-item.active img:last-child{
     display: block;
 }
 #component1362620152:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1362620152.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1362620152.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1362620152swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1376497093 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component1376497093 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component1376497093 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component1386862696 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1386862696 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1386862696.none{
    opacity: 1;
}
#component1386862696.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1386862696-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1386862696-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1386862696-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1386862696breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1386862696.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1386862696.infiniteAnimate{
    animation: component1386862696null 1s infinite linear;
    -webkit-animation: component1386862696null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1386862696.animated,.tab-content-show > #component1386862696.animated,.curr > #component1386862696.animated,.swiper-slide-active .inner-wrap > #component1386862696.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component1386862696 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1386862696 img:first-child{
     display: block;
 }
#component1386862696:hover img:first-child, #component1386862696.anchor-item.active img:first-child{
    display: none;
 }
#component1386862696:hover img:last-child, #component1386862696.anchor-item.active img:last-child{
     display: block;
 }
 #component1386862696:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1386862696.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1386862696.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1386862696swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1424494980 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1424494980 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1424494980.none{
    opacity: 1;
}
#component1424494980.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1424494980-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1424494980-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1424494980-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1424494980breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1424494980.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1424494980.infiniteAnimate{
    animation: component1424494980null 1s infinite linear;
    -webkit-animation: component1424494980null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1424494980.animated,.tab-content-show > #component1424494980.animated,.curr > #component1424494980.animated,.swiper-slide-active .inner-wrap > #component1424494980.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component1424494980 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1424494980 img:first-child{
     display: block;
 }
#component1424494980:hover img:first-child, #component1424494980.anchor-item.active img:first-child{
    display: none;
 }
#component1424494980:hover img:last-child, #component1424494980.anchor-item.active img:last-child{
     display: block;
 }
 #component1424494980:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1424494980.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1424494980.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1424494980swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1475022644 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1475022644 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1475022644.none{
    opacity: 1;
}
#component1475022644.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1475022644-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1475022644-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1475022644-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1475022644breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1475022644.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1475022644.infiniteAnimate{
    animation: component1475022644null 1s infinite linear;
    -webkit-animation: component1475022644null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1475022644.animated,.tab-content-show > #component1475022644.animated,.curr > #component1475022644.animated,.swiper-slide-active .inner-wrap > #component1475022644.animated{
    animation: null 1s 1s ease-in;
    -webkit-animation: null 1s 1s ease-in;
}
.ageTip-pop{display: none;}

#component1475022644 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1475022644 img:first-child{
     display: block;
 }
#component1475022644:hover img:first-child, #component1475022644.anchor-item.active img:first-child{
    display: none;
 }
#component1475022644:hover img:last-child, #component1475022644.anchor-item.active img:last-child{
     display: block;
 }
 #component1475022644:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1475022644.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1475022644.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1475022644swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1433821370 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1433821370 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1433821370.none{
    opacity: 1;
}
#component1433821370.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1433821370-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1433821370-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1433821370-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1433821370breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1433821370.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1433821370.infiniteAnimate{
    animation: component1433821370null 1s infinite linear;
    -webkit-animation: component1433821370null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1433821370.animated,.tab-content-show > #component1433821370.animated,.curr > #component1433821370.animated,.swiper-slide-active .inner-wrap > #component1433821370.animated{
    animation: null 1s 1s ease-in;
    -webkit-animation: null 1s 1s ease-in;
}
.ageTip-pop{display: none;}

#component1433821370 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1433821370 img:first-child{
     display: block;
 }
#component1433821370:hover img:first-child, #component1433821370.anchor-item.active img:first-child{
    display: none;
 }
#component1433821370:hover img:last-child, #component1433821370.anchor-item.active img:last-child{
     display: block;
 }
 #component1433821370:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1433821370.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1433821370.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1433821370swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1441591015 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1441591015 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1441591015.none{
    opacity: 1;
}
#component1441591015.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1441591015-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1441591015-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1441591015-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1441591015breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1441591015.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1441591015.infiniteAnimate{
    animation: component1441591015null 1s infinite linear;
    -webkit-animation: component1441591015null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1441591015.animated,.tab-content-show > #component1441591015.animated,.curr > #component1441591015.animated,.swiper-slide-active .inner-wrap > #component1441591015.animated{
    animation: null 1s 1s ease-in;
    -webkit-animation: null 1s 1s ease-in;
}
.ageTip-pop{display: none;}

#component1441591015 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1441591015 img:first-child{
     display: block;
 }
#component1441591015:hover img:first-child, #component1441591015.anchor-item.active img:first-child{
    display: none;
 }
#component1441591015:hover img:last-child, #component1441591015.anchor-item.active img:last-child{
     display: block;
 }
 #component1441591015:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1441591015.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1441591015.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1441591015swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1453653441 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component1453653441 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component1453653441 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component1466768175 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1466768175 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1466768175.none{
    opacity: 1;
}
#component1466768175.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

.component1466768175-popBox .center-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.component1466768175-popBox{
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
}
.component1466768175-popBox .pop-body{
    position: relative;
}

@keyframes domRotate {0%{transform: rotate(0);-webkit-transform: rotate(0)}100%{transform: rotate(360deg);-webkit-transform: rotate(360deg)}}
@keyframes component1466768175breath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}


#component1466768175.domRotate{
    animation: domRotate 2s infinite linear;
    -webkit-animation: domRotate 2s infinite linear;
    transform-origin: center center;
}
#component1466768175.infiniteAnimate{
    animation: component1466768175null 1s infinite linear;
    -webkit-animation: component1466768175null 1s infinite linear;
    transform-origin: top center;
}
.layout-active > #component1466768175.animated,.tab-content-show > #component1466768175.animated,.curr > #component1466768175.animated,.swiper-slide-active .inner-wrap > #component1466768175.animated{
    animation: null 1s 0s ease-in;
    -webkit-animation: null 1s 0s ease-in;
}
.ageTip-pop{display: none;}

#component1466768175 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1466768175 img:first-child{
     display: block;
 }
#component1466768175:hover img:first-child, #component1466768175.anchor-item.active img:first-child{
    display: none;
 }
#component1466768175:hover img:last-child, #component1466768175.anchor-item.active img:last-child{
     display: block;
 }
 #component1466768175:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1466768175.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1466768175.rotateImg-box{
     opacity: 1;
     filter: opacity(100);
 }
 .rotateImg-box a.rotateImg-hover .front, .rotateImg-box .rotateImghover:hover .front{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1; }
  .rotateImg-box a{
      display: block;
      cursor: pointer;
      width:100%;
      height: 100%;
  }
  .rotateImg-box a.rotateImg-hover .back,.rotateImg-box .rotateImghover:hover .back{
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2; }
  
  .rotateImg-box .front, .rotateImg-box .back {
      width: 100%;
      height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition: 1s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; }
  
  .rotateImg-box .front {
    z-index: 3;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  
  .rotateImg-box .front img {
    display: block;
 }
  
  .rotateImg-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg); }

@keyframes component1466768175swing {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
    25% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, 30deg);
        transform: rotate3d(0, 0, 1, 30deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, -30deg);
        transform: rotate3d(0, 0, 1, -30deg);
    }
}

#lightbox .lb-container .lb-close {
    position: absolute;
    right: -32px;
    top: -4px;
    width: 30px;
    height: 30px;
    background: url('//image.dequgames.com/js/lightbox/images/close.png') top right no-repeat;
    text-align: right;
    outline: 0;
    opacity: .7;
    transition: opacity .2s;
}
#lightbox .lb-container .lb-close:hover {
    cursor: pointer;
    opacity: 1;
}
#lightbox .lb-data .lb-close {
    display: none;
}
#lightbox .lb-data .lb-details {
    width: 100%;
}#component1503677043.none{
    opacity: 1;
 }
 #component1503677043.animated{
    opacity: 0;
 }
 #component1503677043-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component1503677043-p:hover {
   color: #FFFFFF;
}
#component1503677043-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #FFFFFF;
}
 .layout-active > #component1503677043.animated,.tab-content-show > #component1503677043.animated,.curr > #component1503677043.animated,.swiper-slide-active .inner-wrap > #component1503677043.animated{
    animation: ${enterAnimate} 1s 1s ease-in;
    -webkit-animation: ${enterAnimate} 1s 1s ease-in;
 }
 #component1503677043-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component1503677043-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component1516076659.none{
    opacity: 1;
 }
 #component1516076659.animated{
    opacity: 0;
 }
 #component1516076659-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component1516076659-p:hover {
   color: #FFFFFF;
}
#component1516076659-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #FFFFFF;
}
 .layout-active > #component1516076659.animated,.tab-content-show > #component1516076659.animated,.curr > #component1516076659.animated,.swiper-slide-active .inner-wrap > #component1516076659.animated{
    animation: ${enterAnimate} 1s 1s ease-in;
    -webkit-animation: ${enterAnimate} 1s 1s ease-in;
 }
 #component1516076659-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component1516076659-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component1523830188.none{
    opacity: 1;
 }
 #component1523830188.animated{
    opacity: 0;
 }
 #component1523830188-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component1523830188-p:hover {
   color: #FFFFFF;
}
#component1523830188-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #FFFFFF;
}
 .layout-active > #component1523830188.animated,.tab-content-show > #component1523830188.animated,.curr > #component1523830188.animated,.swiper-slide-active .inner-wrap > #component1523830188.animated{
    animation: ${enterAnimate} 1s 1s ease-in;
    -webkit-animation: ${enterAnimate} 1s 1s ease-in;
 }
 #component1523830188-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component1523830188-img{display: block;}
.consent-config-btn { cursor: pointer;}