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

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

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


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

#component46048783 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component46048783 img:first-child{
     display: block;
 }
#component46048783:hover img:first-child, #component46048783.anchor-item.active img:first-child{
    display: none;
 }
#component46048783:hover img:last-child, #component46048783.anchor-item.active img:last-child{
     display: block;
 }
 #component46048783:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component46048783.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component46048783.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 component46048783swing {
    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%;
}#component58096058.none{
    opacity: 1;
 }
 #component58096058.animated{
    opacity: 0;
 }
 #component58096058-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component58096058-p:hover {
   color: #F2E7DA;
}
#component58096058-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #F2E7DA;
}
 .layout-active > #component58096058.animated,.tab-content-show > #component58096058.animated,.curr > #component58096058.animated,.swiper-slide-active .inner-wrap > #component58096058.animated{
    animation: ${enterAnimate} 1s 1s ease-in;
    -webkit-animation: ${enterAnimate} 1s 1s ease-in;
 }
 #component58096058-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component58096058-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component61631180.none{
    opacity: 1;
 }
 #component61631180.animated{
    opacity: 0;
 }
 #component61631180-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component61631180-p:hover {
   color: #F2E7DA;
}
#component61631180-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #F2E7DA;
}
 .layout-active > #component61631180.animated,.tab-content-show > #component61631180.animated,.curr > #component61631180.animated,.swiper-slide-active .inner-wrap > #component61631180.animated{
    animation: ${enterAnimate} 1s 1s ease-in;
    -webkit-animation: ${enterAnimate} 1s 1s ease-in;
 }
 #component61631180-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component61631180-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component79266067 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component79266067 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component79266067.none{
    opacity: 1;
}
#component79266067.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component79266067 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component79266067 img:first-child{
     display: block;
 }
#component79266067:hover img:first-child, #component79266067.anchor-item.active img:first-child{
    display: none;
 }
#component79266067:hover img:last-child, #component79266067.anchor-item.active img:last-child{
     display: block;
 }
 #component79266067:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component79266067.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component79266067.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 component79266067swing {
    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%;
}#component29797150{
    position: absolute;
    background: url("") no-repeat center top;
}
#component29797150 .tab-container {
    position: relative;
    z-index: 0;
}
#component29797150 .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;
 }
 #component29797150 .list-tabs.hide {
     display: none;
 }
#component29797150 .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;
 }
 #component29797150 .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 #component29797150 .list-tabs .list-tab {
    animation-name: null;
 }
 .layout-active #component29797150 .list-tabs .list-tab {
    animation-play-state: running;
 }
#component29797150 .list-tabs .item-active-bg-url,#component29797150 .list-tabs .item-default-bg-url{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
#component29797150 .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;
}
#component29797150 .list-tabs .list-tab.on .item-default-bg-url{
     display: none;
 }
#component29797150 .list-tabs .list-tab.on .item-active-bg-url{
    display: block;
 }
#component29797150 .list-tabs .list-tab .item-default-bg-url,
#component29797150 .list-tabs .list-tab.is-locked .item-default-bg-url {
     display: block;
 }
#component29797150 .list-tabs .list-tab .item-active-bg-url{
    display: none;
 }
 #component29797150 .list-tabs > .list-tab.animated{
    opacity: 0;
 }
 #app  #component29797150 .list-tabs  .list-tab {
     opacity: 1 !important;
 }

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

.component29797150-backBtn {
    position: absolute;
    cursor: pointer;
}
.component29797150-backBtn.active{
    display: block;
}
.component29797150-backBtn:hover {
    transform: scale(1.1);
    transition: all ease .3s;
}
.hide {
    display: none;
}#component228136335{
    position: absolute;
    background: url("") no-repeat center top;
}
#component228136335 .tab-container {
    position: relative;
    z-index: 0;
}
#component228136335 .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;
 }
 #component228136335 .list-tabs.hide {
     display: none;
 }
#component228136335 .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;
 }
 #component228136335 .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 #component228136335 .list-tabs .list-tab {
    animation-name: null;
 }
 .layout-active #component228136335 .list-tabs .list-tab {
    animation-play-state: running;
 }
#component228136335 .list-tabs .item-active-bg-url,#component228136335 .list-tabs .item-default-bg-url{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
#component228136335 .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;
}
#component228136335 .list-tabs .list-tab.on .item-default-bg-url{
     display: none;
 }
#component228136335 .list-tabs .list-tab.on .item-active-bg-url{
    display: block;
 }
#component228136335 .list-tabs .list-tab .item-default-bg-url,
#component228136335 .list-tabs .list-tab.is-locked .item-default-bg-url {
     display: block;
 }
#component228136335 .list-tabs .list-tab .item-active-bg-url{
    display: none;
 }
 #component228136335 .list-tabs > .list-tab.animated{
    opacity: 0;
 }
 #app  #component228136335 .list-tabs  .list-tab {
     opacity: 1 !important;
 }

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

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

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

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


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

#component205721554 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component205721554 img:first-child{
     display: block;
 }
#component205721554:hover img:first-child, #component205721554.anchor-item.active img:first-child{
    display: none;
 }
#component205721554:hover img:last-child, #component205721554.anchor-item.active img:last-child{
     display: block;
 }
 #component205721554:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component205721554.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component205721554.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 component205721554swing {
    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%;
}#component259211247{
    position: absolute;
    background: url("") no-repeat center top;
}
#component259211247 .tab-container {
    position: relative;
    z-index: 0;
}
#component259211247 .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;
 }
 #component259211247 .list-tabs.hide {
     display: none;
 }
#component259211247 .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;
 }
 #component259211247 .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 #component259211247 .list-tabs .list-tab {
    animation-name: null;
 }
 .layout-active #component259211247 .list-tabs .list-tab {
    animation-play-state: running;
 }
#component259211247 .list-tabs .item-active-bg-url,#component259211247 .list-tabs .item-default-bg-url{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
#component259211247 .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;
}
#component259211247 .list-tabs .list-tab.on .item-default-bg-url{
     display: none;
 }
#component259211247 .list-tabs .list-tab.on .item-active-bg-url{
    display: block;
 }
#component259211247 .list-tabs .list-tab .item-default-bg-url,
#component259211247 .list-tabs .list-tab.is-locked .item-default-bg-url {
     display: block;
 }
#component259211247 .list-tabs .list-tab .item-active-bg-url{
    display: none;
 }
 #component259211247 .list-tabs > .list-tab.animated{
    opacity: 0;
 }
 #app  #component259211247 .list-tabs  .list-tab {
     opacity: 1 !important;
 }

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

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

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

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


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

#component237379688 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component237379688 img:first-child{
     display: block;
 }
#component237379688:hover img:first-child, #component237379688.anchor-item.active img:first-child{
    display: none;
 }
#component237379688:hover img:last-child, #component237379688.anchor-item.active img:last-child{
     display: block;
 }
 #component237379688:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component237379688.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component237379688.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 component237379688swing {
    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%;
}#component242762336 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component242762336 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component242762336.none{
    opacity: 1;
}
#component242762336.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component242762336 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component242762336 img:first-child{
     display: block;
 }
#component242762336:hover img:first-child, #component242762336.anchor-item.active img:first-child{
    display: none;
 }
#component242762336:hover img:last-child, #component242762336.anchor-item.active img:last-child{
     display: block;
 }
 #component242762336:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component242762336.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component242762336.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 component242762336swing {
    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%;
}#component281401516{
    position: absolute;
    background: url("") no-repeat center top;
}
#component281401516 .tab-container {
    position: relative;
    z-index: 0;
}
#component281401516 .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;
 }
 #component281401516 .list-tabs.hide {
     display: none;
 }
#component281401516 .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;
 }
 #component281401516 .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 #component281401516 .list-tabs .list-tab {
    animation-name: null;
 }
 .layout-active #component281401516 .list-tabs .list-tab {
    animation-play-state: running;
 }
#component281401516 .list-tabs .item-active-bg-url,#component281401516 .list-tabs .item-default-bg-url{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
#component281401516 .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;
}
#component281401516 .list-tabs .list-tab.on .item-default-bg-url{
     display: none;
 }
#component281401516 .list-tabs .list-tab.on .item-active-bg-url{
    display: block;
 }
#component281401516 .list-tabs .list-tab .item-default-bg-url,
#component281401516 .list-tabs .list-tab.is-locked .item-default-bg-url {
     display: block;
 }
#component281401516 .list-tabs .list-tab .item-active-bg-url{
    display: none;
 }
 #component281401516 .list-tabs > .list-tab.animated{
    opacity: 0;
 }
 #app  #component281401516 .list-tabs  .list-tab {
     opacity: 1 !important;
 }

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

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

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

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


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

#component26523231 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component26523231 img:first-child{
     display: block;
 }
#component26523231:hover img:first-child, #component26523231.anchor-item.active img:first-child{
    display: none;
 }
#component26523231:hover img:last-child, #component26523231.anchor-item.active img:last-child{
     display: block;
 }
 #component26523231:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component26523231.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component26523231.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 component26523231swing {
    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%;
}#component386028688{
    position: fixed;
    z-index: 10;
}
#component386028688.vertical-center{
    top: 50%;
    transform: translate(0, -50%);
}
section.content-container #component386028688.first-screen-hidden{
    display: block;
}

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

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

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

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

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


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

#component326879939 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component326879939 img:first-child{
     display: block;
 }
#component326879939:hover img:first-child, #component326879939.anchor-item.active img:first-child{
    display: none;
 }
#component326879939:hover img:last-child, #component326879939.anchor-item.active img:last-child{
     display: block;
 }
 #component326879939:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component326879939.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component326879939.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 component326879939swing {
    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%;
}#component338422588 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component338422588 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component338422588.none{
    opacity: 1;
}
#component338422588.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component338422588 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component338422588 img:first-child{
     display: block;
 }
#component338422588:hover img:first-child, #component338422588.anchor-item.active img:first-child{
    display: none;
 }
#component338422588:hover img:last-child, #component338422588.anchor-item.active img:last-child{
     display: block;
 }
 #component338422588:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component338422588.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component338422588.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 component338422588swing {
    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%;
}#component344899805 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component344899805 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component344899805.none{
    opacity: 1;
}
#component344899805.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component344899805 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component344899805 img:first-child{
     display: block;
 }
#component344899805:hover img:first-child, #component344899805.anchor-item.active img:first-child{
    display: none;
 }
#component344899805:hover img:last-child, #component344899805.anchor-item.active img:last-child{
     display: block;
 }
 #component344899805:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component344899805.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component344899805.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 component344899805swing {
    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%;
}#component358964304 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component358964304 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component358964304.none{
    opacity: 1;
}
#component358964304.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component358964304 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component358964304 img:first-child{
     display: block;
 }
#component358964304:hover img:first-child, #component358964304.anchor-item.active img:first-child{
    display: none;
 }
#component358964304:hover img:last-child, #component358964304.anchor-item.active img:last-child{
     display: block;
 }
 #component358964304:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component358964304.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component358964304.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 component358964304swing {
    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%;
}#component362070161 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component362070161 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component362070161.none{
    opacity: 1;
}
#component362070161.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component362070161 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component362070161 img:first-child{
     display: block;
 }
#component362070161:hover img:first-child, #component362070161.anchor-item.active img:first-child{
    display: none;
 }
#component362070161:hover img:last-child, #component362070161.anchor-item.active img:last-child{
     display: block;
 }
 #component362070161:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component362070161.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component362070161.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 component362070161swing {
    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%;
}#component371261999 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component371261999 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component371261999.none{
    opacity: 1;
}
#component371261999.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component371261999 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component371261999 img:first-child{
     display: block;
 }
#component371261999:hover img:first-child, #component371261999.anchor-item.active img:first-child{
    display: none;
 }
#component371261999:hover img:last-child, #component371261999.anchor-item.active img:last-child{
     display: block;
 }
 #component371261999:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component371261999.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component371261999.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 component371261999swing {
    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%;
}#component413307285 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component413307285 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component413307285.none{
    opacity: 1;
}
#component413307285.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component413307285 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component413307285 img:first-child{
     display: block;
 }
#component413307285:hover img:first-child, #component413307285.anchor-item.active img:first-child{
    display: none;
 }
#component413307285:hover img:last-child, #component413307285.anchor-item.active img:last-child{
     display: block;
 }
 #component413307285:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component413307285.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component413307285.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 component413307285swing {
    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%;
}#component427709322 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component427709322 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component427709322.none{
    opacity: 1;
}
#component427709322.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component427709322 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component427709322 img:first-child{
     display: block;
 }
#component427709322:hover img:first-child, #component427709322.anchor-item.active img:first-child{
    display: none;
 }
#component427709322:hover img:last-child, #component427709322.anchor-item.active img:last-child{
     display: block;
 }
 #component427709322:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component427709322.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component427709322.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 component427709322swing {
    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%;
}#component448244325 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component448244325 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component448244325 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component762623318{
    position: absolute;
    background: url("") no-repeat center top;
}
#component762623318 .tab-container {
    position: relative;
    z-index: 0;
}
#component762623318 .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;
 }
 #component762623318 .list-tabs.hide {
     display: none;
 }
#component762623318 .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;
 }
 #component762623318 .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 #component762623318 .list-tabs .list-tab {
    animation-name: null;
 }
 .layout-active #component762623318 .list-tabs .list-tab {
    animation-play-state: running;
 }
#component762623318 .list-tabs .item-active-bg-url,#component762623318 .list-tabs .item-default-bg-url{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
#component762623318 .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;
}
#component762623318 .list-tabs .list-tab.on .item-default-bg-url{
     display: none;
 }
#component762623318 .list-tabs .list-tab.on .item-active-bg-url{
    display: block;
 }
#component762623318 .list-tabs .list-tab .item-default-bg-url,
#component762623318 .list-tabs .list-tab.is-locked .item-default-bg-url {
     display: block;
 }
#component762623318 .list-tabs .list-tab .item-active-bg-url{
    display: none;
 }
 #component762623318 .list-tabs > .list-tab.animated{
    opacity: 0;
 }
 #app  #component762623318 .list-tabs  .list-tab {
     opacity: 1 !important;
 }

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

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

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

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


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

#component457464326 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component457464326 img:first-child{
     display: block;
 }
#component457464326:hover img:first-child, #component457464326.anchor-item.active img:first-child{
    display: none;
 }
#component457464326:hover img:last-child, #component457464326.anchor-item.active img:last-child{
     display: block;
 }
 #component457464326:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component457464326.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component457464326.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 component457464326swing {
    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%;
}#component461076067 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component461076067 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component461076067.none{
    opacity: 1;
}
#component461076067.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component461076067 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component461076067 img:first-child{
     display: block;
 }
#component461076067:hover img:first-child, #component461076067.anchor-item.active img:first-child{
    display: none;
 }
#component461076067:hover img:last-child, #component461076067.anchor-item.active img:last-child{
     display: block;
 }
 #component461076067:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component461076067.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component461076067.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 component461076067swing {
    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%;
}#component478849116 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component478849116 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component478849116.none{
    opacity: 1;
}
#component478849116.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component478849116 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component478849116 img:first-child{
     display: block;
 }
#component478849116:hover img:first-child, #component478849116.anchor-item.active img:first-child{
    display: none;
 }
#component478849116:hover img:last-child, #component478849116.anchor-item.active img:last-child{
     display: block;
 }
 #component478849116:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component478849116.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component478849116.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 component478849116swing {
    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%;
}#component487334977 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component487334977 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component487334977.none{
    opacity: 1;
}
#component487334977.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component487334977 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component487334977 img:first-child{
     display: block;
 }
#component487334977:hover img:first-child, #component487334977.anchor-item.active img:first-child{
    display: none;
 }
#component487334977:hover img:last-child, #component487334977.anchor-item.active img:last-child{
     display: block;
 }
 #component487334977:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component487334977.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component487334977.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 component487334977swing {
    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%;
}#component492141012 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component492141012 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component492141012.none{
    opacity: 1;
}
#component492141012.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component492141012 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component492141012 img:first-child{
     display: block;
 }
#component492141012:hover img:first-child, #component492141012.anchor-item.active img:first-child{
    display: none;
 }
#component492141012:hover img:last-child, #component492141012.anchor-item.active img:last-child{
     display: block;
 }
 #component492141012:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component492141012.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component492141012.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 component492141012swing {
    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%;
}#component509652227.none{
    opacity: 1;
 }
 #component509652227.animated{
    opacity: 0;
 }
 #component509652227-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component509652227-p:hover {
   color: #fdecc8;
}
#component509652227-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component509652227.animated,.tab-content-show > #component509652227.animated,.curr > #component509652227.animated,.swiper-slide-active .inner-wrap > #component509652227.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component509652227-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component509652227-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component513069636.none{
    opacity: 1;
 }
 #component513069636.animated{
    opacity: 0;
 }
 #component513069636-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component513069636-p:hover {
   color: #fdecc8;
}
#component513069636-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component513069636.animated,.tab-content-show > #component513069636.animated,.curr > #component513069636.animated,.swiper-slide-active .inner-wrap > #component513069636.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component513069636-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component513069636-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component525622866 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component525622866 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component525622866 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component534172950 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component534172950 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component534172950 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component543953558.none{
    opacity: 1;
 }
 #component543953558.animated{
    opacity: 0;
 }
 #component543953558-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component543953558-p:hover {
   color: #fdecc8;
}
#component543953558-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component543953558.animated,.tab-content-show > #component543953558.animated,.curr > #component543953558.animated,.swiper-slide-active .inner-wrap > #component543953558.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component543953558-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component543953558-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component559999052.none{
    opacity: 1;
 }
 #component559999052.animated{
    opacity: 0;
 }
 #component559999052-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component559999052-p:hover {
   color: #fdecc8;
}
#component559999052-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component559999052.animated,.tab-content-show > #component559999052.animated,.curr > #component559999052.animated,.swiper-slide-active .inner-wrap > #component559999052.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component559999052-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component559999052-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component566699390 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component566699390 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component566699390 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component578746748 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component578746748 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component578746748 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component585034025 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component585034025 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component585034025 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component596423689.none{
    opacity: 1;
 }
 #component596423689.animated{
    opacity: 0;
 }
 #component596423689-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component596423689-p:hover {
   color: #fdecc8;
}
#component596423689-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component596423689.animated,.tab-content-show > #component596423689.animated,.curr > #component596423689.animated,.swiper-slide-active .inner-wrap > #component596423689.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component596423689-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component596423689-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component605338065.none{
    opacity: 1;
 }
 #component605338065.animated{
    opacity: 0;
 }
 #component605338065-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component605338065-p:hover {
   color: #fdecc8;
}
#component605338065-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component605338065.animated,.tab-content-show > #component605338065.animated,.curr > #component605338065.animated,.swiper-slide-active .inner-wrap > #component605338065.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component605338065-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component605338065-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component618924271 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component618924271 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component618924271 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component626786366 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component626786366 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component626786366 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component637737582 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component637737582 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component637737582 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component645917580.none{
    opacity: 1;
 }
 #component645917580.animated{
    opacity: 0;
 }
 #component645917580-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component645917580-p:hover {
   color: #fdecc8;
}
#component645917580-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component645917580.animated,.tab-content-show > #component645917580.animated,.curr > #component645917580.animated,.swiper-slide-active .inner-wrap > #component645917580.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component645917580-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component645917580-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component65315754.none{
    opacity: 1;
 }
 #component65315754.animated{
    opacity: 0;
 }
 #component65315754-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component65315754-p:hover {
   color: #fdecc8;
}
#component65315754-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component65315754.animated,.tab-content-show > #component65315754.animated,.curr > #component65315754.animated,.swiper-slide-active .inner-wrap > #component65315754.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component65315754-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component65315754-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component661441510 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component661441510 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component661441510 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component677190122 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component677190122 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component677190122 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component686110852 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component686110852 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component686110852 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component694718130.none{
    opacity: 1;
 }
 #component694718130.animated{
    opacity: 0;
 }
 #component694718130-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component694718130-p:hover {
   color: #fdecc8;
}
#component694718130-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component694718130.animated,.tab-content-show > #component694718130.animated,.curr > #component694718130.animated,.swiper-slide-active .inner-wrap > #component694718130.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component694718130-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component694718130-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component708296969.none{
    opacity: 1;
 }
 #component708296969.animated{
    opacity: 0;
 }
 #component708296969-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component708296969-p:hover {
   color: #fdecc8;
}
#component708296969-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component708296969.animated,.tab-content-show > #component708296969.animated,.curr > #component708296969.animated,.swiper-slide-active .inner-wrap > #component708296969.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component708296969-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component708296969-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component714731929 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component714731929 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component714731929 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component727012686 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component727012686 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component727012686 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component73576975 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component73576975 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component73576975 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component749421747 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component749421747 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component749421747 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component758187800 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component758187800 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component758187800.none{
    opacity: 1;
}
#component758187800.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component758187800 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component758187800 img:first-child{
     display: block;
 }
#component758187800:hover img:first-child, #component758187800.anchor-item.active img:first-child{
    display: none;
 }
#component758187800:hover img:last-child, #component758187800.anchor-item.active img:last-child{
     display: block;
 }
 #component758187800:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component758187800.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component758187800.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 component758187800swing {
    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%;
}#component777448924 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component777448924 {
    overflow:hidden;
    border-radius: 0%;
    opacity: 0;
    transition: transform .3s ease;
}
#component777448924.none{
    opacity: 1;
}
#component777448924.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component777448924 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component777448924 img:first-child{
     display: block;
 }
#component777448924:hover img:first-child, #component777448924.anchor-item.active img:first-child{
    display: none;
 }
#component777448924:hover img:last-child, #component777448924.anchor-item.active img:last-child{
     display: block;
 }
 #component777448924:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component777448924.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component777448924.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 component777448924swing {
    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%;
}#component788383122 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component788383122 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component788383122.none{
    opacity: 1;
}
#component788383122.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component788383122 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component788383122 img:first-child{
     display: block;
 }
#component788383122:hover img:first-child, #component788383122.anchor-item.active img:first-child{
    display: none;
 }
#component788383122:hover img:last-child, #component788383122.anchor-item.active img:last-child{
     display: block;
 }
 #component788383122:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component788383122.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component788383122.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 component788383122swing {
    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%;
}#component964039517{
    position: absolute;
    background: url("") no-repeat center top;
}
#component964039517 .tab-container {
    position: relative;
    z-index: 0;
}
#component964039517 .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;
 }
 #component964039517 .list-tabs.hide {
     display: none;
 }
#component964039517 .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;
 }
 #component964039517 .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 #component964039517 .list-tabs .list-tab {
    animation-name: null;
 }
 .layout-active #component964039517 .list-tabs .list-tab {
    animation-play-state: running;
 }
#component964039517 .list-tabs .item-active-bg-url,#component964039517 .list-tabs .item-default-bg-url{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
#component964039517 .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;
}
#component964039517 .list-tabs .list-tab.on .item-default-bg-url{
     display: none;
 }
#component964039517 .list-tabs .list-tab.on .item-active-bg-url{
    display: block;
 }
#component964039517 .list-tabs .list-tab .item-default-bg-url,
#component964039517 .list-tabs .list-tab.is-locked .item-default-bg-url {
     display: block;
 }
#component964039517 .list-tabs .list-tab .item-active-bg-url{
    display: none;
 }
 #component964039517 .list-tabs > .list-tab.animated{
    opacity: 0;
 }
 #app  #component964039517 .list-tabs  .list-tab {
     opacity: 1 !important;
 }

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

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

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

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


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

#component81376914 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component81376914 img:first-child{
     display: block;
 }
#component81376914:hover img:first-child, #component81376914.anchor-item.active img:first-child{
    display: none;
 }
#component81376914:hover img:last-child, #component81376914.anchor-item.active img:last-child{
     display: block;
 }
 #component81376914:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component81376914.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component81376914.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 component81376914swing {
    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%;
}#component822761752 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component822761752 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component822761752.none{
    opacity: 1;
}
#component822761752.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component822761752 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component822761752 img:first-child{
     display: block;
 }
#component822761752:hover img:first-child, #component822761752.anchor-item.active img:first-child{
    display: none;
 }
#component822761752:hover img:last-child, #component822761752.anchor-item.active img:last-child{
     display: block;
 }
 #component822761752:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component822761752.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component822761752.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 component822761752swing {
    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%;
}#component832959792 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component832959792 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component832959792.none{
    opacity: 1;
}
#component832959792.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component832959792 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component832959792 img:first-child{
     display: block;
 }
#component832959792:hover img:first-child, #component832959792.anchor-item.active img:first-child{
    display: none;
 }
#component832959792:hover img:last-child, #component832959792.anchor-item.active img:last-child{
     display: block;
 }
 #component832959792:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component832959792.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component832959792.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 component832959792swing {
    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%;
}#component848361172 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component848361172 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component848361172.none{
    opacity: 1;
}
#component848361172.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component848361172 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component848361172 img:first-child{
     display: block;
 }
#component848361172:hover img:first-child, #component848361172.anchor-item.active img:first-child{
    display: none;
 }
#component848361172:hover img:last-child, #component848361172.anchor-item.active img:last-child{
     display: block;
 }
 #component848361172:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component848361172.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component848361172.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 component848361172swing {
    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%;
}#component851628135 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component851628135 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component851628135.none{
    opacity: 1;
}
#component851628135.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component851628135 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component851628135 img:first-child{
     display: block;
 }
#component851628135:hover img:first-child, #component851628135.anchor-item.active img:first-child{
    display: none;
 }
#component851628135:hover img:last-child, #component851628135.anchor-item.active img:last-child{
     display: block;
 }
 #component851628135:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component851628135.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component851628135.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 component851628135swing {
    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%;
}#component864253822.none{
    opacity: 1;
 }
 #component864253822.animated{
    opacity: 0;
 }
 #component864253822-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component864253822-p:hover {
   color: #673b14;
}
#component864253822-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #673b14;
}
 .layout-active > #component864253822.animated,.tab-content-show > #component864253822.animated,.curr > #component864253822.animated,.swiper-slide-active .inner-wrap > #component864253822.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component864253822-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component864253822-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component876843641 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component876843641 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component876843641 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component883054638.none{
    opacity: 1;
 }
 #component883054638.animated{
    opacity: 0;
 }
 #component883054638-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component883054638-p:hover {
   color: #673b14;
}
#component883054638-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #673b14;
}
 .layout-active > #component883054638.animated,.tab-content-show > #component883054638.animated,.curr > #component883054638.animated,.swiper-slide-active .inner-wrap > #component883054638.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component883054638-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component883054638-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component897513332 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component897513332 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component897513332 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component908049290.none{
    opacity: 1;
 }
 #component908049290.animated{
    opacity: 0;
 }
 #component908049290-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component908049290-p:hover {
   color: #673b14;
}
#component908049290-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #673b14;
}
 .layout-active > #component908049290.animated,.tab-content-show > #component908049290.animated,.curr > #component908049290.animated,.swiper-slide-active .inner-wrap > #component908049290.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component908049290-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component908049290-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component912755738 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component912755738 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component912755738 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component922591270.none{
    opacity: 1;
 }
 #component922591270.animated{
    opacity: 0;
 }
 #component922591270-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component922591270-p:hover {
   color: #673b14;
}
#component922591270-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #673b14;
}
 .layout-active > #component922591270.animated,.tab-content-show > #component922591270.animated,.curr > #component922591270.animated,.swiper-slide-active .inner-wrap > #component922591270.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component922591270-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component922591270-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component934569834 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component934569834 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component934569834 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component949205738.none{
    opacity: 1;
 }
 #component949205738.animated{
    opacity: 0;
 }
 #component949205738-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component949205738-p:hover {
   color: #673b14;
}
#component949205738-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #673b14;
}
 .layout-active > #component949205738.animated,.tab-content-show > #component949205738.animated,.curr > #component949205738.animated,.swiper-slide-active .inner-wrap > #component949205738.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component949205738-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component949205738-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component951034879 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component951034879 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component951034879 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component977669444 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component977669444 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component977669444.none{
    opacity: 1;
}
#component977669444.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component977669444 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component977669444 img:first-child{
     display: block;
 }
#component977669444:hover img:first-child, #component977669444.anchor-item.active img:first-child{
    display: none;
 }
#component977669444:hover img:last-child, #component977669444.anchor-item.active img:last-child{
     display: block;
 }
 #component977669444:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component977669444.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component977669444.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 component977669444swing {
    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%;
}#component102596498 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component102596498 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component102596498.none{
    opacity: 1;
}
#component102596498.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component102596498 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component102596498 img:first-child{
     display: block;
 }
#component102596498:hover img:first-child, #component102596498.anchor-item.active img:first-child{
    display: none;
 }
#component102596498:hover img:last-child, #component102596498.anchor-item.active img:last-child{
     display: block;
 }
 #component102596498:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component102596498.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component102596498.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 component102596498swing {
    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%;
}#component1076682745 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1076682745 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1076682745.none{
    opacity: 1;
}
#component1076682745.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1076682745 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1076682745 img:first-child{
     display: block;
 }
#component1076682745:hover img:first-child, #component1076682745.anchor-item.active img:first-child{
    display: none;
 }
#component1076682745:hover img:last-child, #component1076682745.anchor-item.active img:last-child{
     display: block;
 }
 #component1076682745:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1076682745.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1076682745.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 component1076682745swing {
    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%;
}#component1032492521 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1032492521 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1032492521.none{
    opacity: 1;
}
#component1032492521.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1032492521 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1032492521 img:first-child{
     display: block;
 }
#component1032492521:hover img:first-child, #component1032492521.anchor-item.active img:first-child{
    display: none;
 }
#component1032492521:hover img:last-child, #component1032492521.anchor-item.active img:last-child{
     display: block;
 }
 #component1032492521:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1032492521.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1032492521.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 component1032492521swing {
    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%;
}#component1045552100 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1045552100 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1045552100.none{
    opacity: 1;
}
#component1045552100.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1045552100 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1045552100 img:first-child{
     display: block;
 }
#component1045552100:hover img:first-child, #component1045552100.anchor-item.active img:first-child{
    display: none;
 }
#component1045552100:hover img:last-child, #component1045552100.anchor-item.active img:last-child{
     display: block;
 }
 #component1045552100:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1045552100.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1045552100.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 component1045552100swing {
    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%;
}#component1058269927 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component1058269927 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component1058269927 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component1061902587 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1061902587 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1061902587.none{
    opacity: 1;
}
#component1061902587.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1061902587 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1061902587 img:first-child{
     display: block;
 }
#component1061902587:hover img:first-child, #component1061902587.anchor-item.active img:first-child{
    display: none;
 }
#component1061902587:hover img:last-child, #component1061902587.anchor-item.active img:last-child{
     display: block;
 }
 #component1061902587:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1061902587.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1061902587.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 component1061902587swing {
    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%;
}#component1105435962 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1105435962 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1105435962.none{
    opacity: 1;
}
#component1105435962.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1105435962 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1105435962 img:first-child{
     display: block;
 }
#component1105435962:hover img:first-child, #component1105435962.anchor-item.active img:first-child{
    display: none;
 }
#component1105435962:hover img:last-child, #component1105435962.anchor-item.active img:last-child{
     display: block;
 }
 #component1105435962:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1105435962.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1105435962.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 component1105435962swing {
    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%;
}#component1157734267 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1157734267 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1157734267.none{
    opacity: 1;
}
#component1157734267.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1157734267 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1157734267 img:first-child{
     display: block;
 }
#component1157734267:hover img:first-child, #component1157734267.anchor-item.active img:first-child{
    display: none;
 }
#component1157734267:hover img:last-child, #component1157734267.anchor-item.active img:last-child{
     display: block;
 }
 #component1157734267:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1157734267.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1157734267.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 component1157734267swing {
    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%;
}#component1112192987 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1112192987 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1112192987.none{
    opacity: 1;
}
#component1112192987.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1112192987 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1112192987 img:first-child{
     display: block;
 }
#component1112192987:hover img:first-child, #component1112192987.anchor-item.active img:first-child{
    display: none;
 }
#component1112192987:hover img:last-child, #component1112192987.anchor-item.active img:last-child{
     display: block;
 }
 #component1112192987:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1112192987.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1112192987.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 component1112192987swing {
    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%;
}#component1128329819 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1128329819 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1128329819.none{
    opacity: 1;
}
#component1128329819.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1128329819 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1128329819 img:first-child{
     display: block;
 }
#component1128329819:hover img:first-child, #component1128329819.anchor-item.active img:first-child{
    display: none;
 }
#component1128329819:hover img:last-child, #component1128329819.anchor-item.active img:last-child{
     display: block;
 }
 #component1128329819:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1128329819.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1128329819.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 component1128329819swing {
    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%;
}#component1138440618 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component1138440618 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component1138440618 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component1144049677 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1144049677 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1144049677.none{
    opacity: 1;
}
#component1144049677.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1144049677 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1144049677 img:first-child{
     display: block;
 }
#component1144049677:hover img:first-child, #component1144049677.anchor-item.active img:first-child{
    display: none;
 }
#component1144049677:hover img:last-child, #component1144049677.anchor-item.active img:last-child{
     display: block;
 }
 #component1144049677:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1144049677.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1144049677.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 component1144049677swing {
    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%;
}#component1181262976 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1181262976 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1181262976.none{
    opacity: 1;
}
#component1181262976.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1181262976 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1181262976 img:first-child{
     display: block;
 }
#component1181262976:hover img:first-child, #component1181262976.anchor-item.active img:first-child{
    display: none;
 }
#component1181262976:hover img:last-child, #component1181262976.anchor-item.active img:last-child{
     display: block;
 }
 #component1181262976:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1181262976.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1181262976.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 component1181262976swing {
    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%;
}#component1234441453 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1234441453 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1234441453.none{
    opacity: 1;
}
#component1234441453.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1234441453 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1234441453 img:first-child{
     display: block;
 }
#component1234441453:hover img:first-child, #component1234441453.anchor-item.active img:first-child{
    display: none;
 }
#component1234441453:hover img:last-child, #component1234441453.anchor-item.active img:last-child{
     display: block;
 }
 #component1234441453:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1234441453.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1234441453.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 component1234441453swing {
    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%;
}#component1197281104 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1197281104 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1197281104.none{
    opacity: 1;
}
#component1197281104.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1197281104 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1197281104 img:first-child{
     display: block;
 }
#component1197281104:hover img:first-child, #component1197281104.anchor-item.active img:first-child{
    display: none;
 }
#component1197281104:hover img:last-child, #component1197281104.anchor-item.active img:last-child{
     display: block;
 }
 #component1197281104:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1197281104.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1197281104.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 component1197281104swing {
    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%;
}#component1201537398 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1201537398 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1201537398.none{
    opacity: 1;
}
#component1201537398.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1201537398 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1201537398 img:first-child{
     display: block;
 }
#component1201537398:hover img:first-child, #component1201537398.anchor-item.active img:first-child{
    display: none;
 }
#component1201537398:hover img:last-child, #component1201537398.anchor-item.active img:last-child{
     display: block;
 }
 #component1201537398:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1201537398.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1201537398.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 component1201537398swing {
    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%;
}#component1215774084 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component1215774084 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component1215774084 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component122824745 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component122824745 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component122824745.none{
    opacity: 1;
}
#component122824745.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component122824745 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component122824745 img:first-child{
     display: block;
 }
#component122824745:hover img:first-child, #component122824745.anchor-item.active img:first-child{
    display: none;
 }
#component122824745:hover img:last-child, #component122824745.anchor-item.active img:last-child{
     display: block;
 }
 #component122824745:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component122824745.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component122824745.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 component122824745swing {
    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%;
}#component1261365870 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1261365870 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1261365870.none{
    opacity: 1;
}
#component1261365870.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1261365870 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1261365870 img:first-child{
     display: block;
 }
#component1261365870:hover img:first-child, #component1261365870.anchor-item.active img:first-child{
    display: none;
 }
#component1261365870:hover img:last-child, #component1261365870.anchor-item.active img:last-child{
     display: block;
 }
 #component1261365870:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1261365870.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1261365870.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 component1261365870swing {
    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%;
}#component1312900418 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1312900418 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1312900418.none{
    opacity: 1;
}
#component1312900418.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1312900418 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1312900418 img:first-child{
     display: block;
 }
#component1312900418:hover img:first-child, #component1312900418.anchor-item.active img:first-child{
    display: none;
 }
#component1312900418:hover img:last-child, #component1312900418.anchor-item.active img:last-child{
     display: block;
 }
 #component1312900418:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1312900418.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1312900418.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 component1312900418swing {
    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%;
}#component1277892978 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1277892978 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1277892978.none{
    opacity: 1;
}
#component1277892978.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1277892978 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1277892978 img:first-child{
     display: block;
 }
#component1277892978:hover img:first-child, #component1277892978.anchor-item.active img:first-child{
    display: none;
 }
#component1277892978:hover img:last-child, #component1277892978.anchor-item.active img:last-child{
     display: block;
 }
 #component1277892978:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1277892978.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1277892978.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 component1277892978swing {
    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%;
}#component1281551314 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1281551314 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1281551314.none{
    opacity: 1;
}
#component1281551314.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1281551314 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1281551314 img:first-child{
     display: block;
 }
#component1281551314:hover img:first-child, #component1281551314.anchor-item.active img:first-child{
    display: none;
 }
#component1281551314:hover img:last-child, #component1281551314.anchor-item.active img:last-child{
     display: block;
 }
 #component1281551314:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1281551314.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1281551314.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 component1281551314swing {
    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%;
}#component1298039009 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1298039009 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1298039009.none{
    opacity: 1;
}
#component1298039009.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1298039009 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1298039009 img:first-child{
     display: block;
 }
#component1298039009:hover img:first-child, #component1298039009.anchor-item.active img:first-child{
    display: none;
 }
#component1298039009:hover img:last-child, #component1298039009.anchor-item.active img:last-child{
     display: block;
 }
 #component1298039009:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1298039009.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1298039009.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 component1298039009swing {
    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%;
}#component13061628 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component13061628 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component13061628 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component1349109867 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1349109867 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1349109867.none{
    opacity: 1;
}
#component1349109867.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1349109867 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1349109867 img:first-child{
     display: block;
 }
#component1349109867:hover img:first-child, #component1349109867.anchor-item.active img:first-child{
    display: none;
 }
#component1349109867:hover img:last-child, #component1349109867.anchor-item.active img:last-child{
     display: block;
 }
 #component1349109867:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1349109867.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1349109867.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 component1349109867swing {
    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%;
}#component1396367874 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1396367874 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1396367874.none{
    opacity: 1;
}
#component1396367874.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1396367874 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1396367874 img:first-child{
     display: block;
 }
#component1396367874:hover img:first-child, #component1396367874.anchor-item.active img:first-child{
    display: none;
 }
#component1396367874:hover img:last-child, #component1396367874.anchor-item.active img:last-child{
     display: block;
 }
 #component1396367874:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1396367874.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1396367874.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 component1396367874swing {
    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%;
}#component1357342161 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1357342161 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1357342161.none{
    opacity: 1;
}
#component1357342161.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1357342161 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1357342161 img:first-child{
     display: block;
 }
#component1357342161:hover img:first-child, #component1357342161.anchor-item.active img:first-child{
    display: none;
 }
#component1357342161:hover img:last-child, #component1357342161.anchor-item.active img:last-child{
     display: block;
 }
 #component1357342161:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1357342161.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1357342161.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 component1357342161swing {
    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%;
}#component136125487 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component136125487 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component136125487.none{
    opacity: 1;
}
#component136125487.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component136125487 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component136125487 img:first-child{
     display: block;
 }
#component136125487:hover img:first-child, #component136125487.anchor-item.active img:first-child{
    display: none;
 }
#component136125487:hover img:last-child, #component136125487.anchor-item.active img:last-child{
     display: block;
 }
 #component136125487:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component136125487.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component136125487.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 component136125487swing {
    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%;
}#component1371284551 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component1371284551 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component1371284551 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component1386865347 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1386865347 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1386865347.none{
    opacity: 1;
}
#component1386865347.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1386865347 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1386865347 img:first-child{
     display: block;
 }
#component1386865347:hover img:first-child, #component1386865347.anchor-item.active img:first-child{
    display: none;
 }
#component1386865347:hover img:last-child, #component1386865347.anchor-item.active img:last-child{
     display: block;
 }
 #component1386865347:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1386865347.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1386865347.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 component1386865347swing {
    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%;
}#component1422799359 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1422799359 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1422799359.none{
    opacity: 1;
}
#component1422799359.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1422799359 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1422799359 img:first-child{
     display: block;
 }
#component1422799359:hover img:first-child, #component1422799359.anchor-item.active img:first-child{
    display: none;
 }
#component1422799359:hover img:last-child, #component1422799359.anchor-item.active img:last-child{
     display: block;
 }
 #component1422799359:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1422799359.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1422799359.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 component1422799359swing {
    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%;
}#component1473551559 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1473551559 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1473551559.none{
    opacity: 1;
}
#component1473551559.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1473551559 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1473551559 img:first-child{
     display: block;
 }
#component1473551559:hover img:first-child, #component1473551559.anchor-item.active img:first-child{
    display: none;
 }
#component1473551559:hover img:last-child, #component1473551559.anchor-item.active img:last-child{
     display: block;
 }
 #component1473551559:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1473551559.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1473551559.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 component1473551559swing {
    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%;
}#component1431542667 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1431542667 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1431542667.none{
    opacity: 1;
}
#component1431542667.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1431542667 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1431542667 img:first-child{
     display: block;
 }
#component1431542667:hover img:first-child, #component1431542667.anchor-item.active img:first-child{
    display: none;
 }
#component1431542667:hover img:last-child, #component1431542667.anchor-item.active img:last-child{
     display: block;
 }
 #component1431542667:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1431542667.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1431542667.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 component1431542667swing {
    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%;
}#component1441795903 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1441795903 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1441795903.none{
    opacity: 1;
}
#component1441795903.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1441795903 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1441795903 img:first-child{
     display: block;
 }
#component1441795903:hover img:first-child, #component1441795903.anchor-item.active img:first-child{
    display: none;
 }
#component1441795903:hover img:last-child, #component1441795903.anchor-item.active img:last-child{
     display: block;
 }
 #component1441795903:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1441795903.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1441795903.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 component1441795903swing {
    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%;
}#component1454618789 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component1454618789 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component1454618789 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component1461601645 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component1461601645 {
    overflow:hidden;
    border-radius: ${borderRadius}%;
    opacity: 0;
    transition: transform .3s ease;
}
#component1461601645.none{
    opacity: 1;
}
#component1461601645.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

#component1461601645 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component1461601645 img:first-child{
     display: block;
 }
#component1461601645:hover img:first-child, #component1461601645.anchor-item.active img:first-child{
    display: none;
 }
#component1461601645:hover img:last-child, #component1461601645.anchor-item.active img:last-child{
     display: block;
 }
 #component1461601645:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component1461601645.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component1461601645.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 component1461601645swing {
    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%;
}#component1507712105.none{
    opacity: 1;
 }
 #component1507712105.animated{
    opacity: 0;
 }
 #component1507712105-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component1507712105-p:hover {
   color: #FFFFFF;
}
#component1507712105-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #FFFFFF;
}
 .layout-active > #component1507712105.animated,.tab-content-show > #component1507712105.animated,.curr > #component1507712105.animated,.swiper-slide-active .inner-wrap > #component1507712105.animated{
    animation: ${enterAnimate} 1s 1s ease-in;
    -webkit-animation: ${enterAnimate} 1s 1s ease-in;
 }
 #component1507712105-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component1507712105-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component1519945491.none{
    opacity: 1;
 }
 #component1519945491.animated{
    opacity: 0;
 }
 #component1519945491-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component1519945491-p:hover {
   color: #FFFFFF;
}
#component1519945491-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #FFFFFF;
}
 .layout-active > #component1519945491.animated,.tab-content-show > #component1519945491.animated,.curr > #component1519945491.animated,.swiper-slide-active .inner-wrap > #component1519945491.animated{
    animation: ${enterAnimate} 1s 1s ease-in;
    -webkit-animation: ${enterAnimate} 1s 1s ease-in;
 }
 #component1519945491-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component1519945491-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component1523144095.none{
    opacity: 1;
 }
 #component1523144095.animated{
    opacity: 0;
 }
 #component1523144095-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component1523144095-p:hover {
   color: #FFFFFF;
}
#component1523144095-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #FFFFFF;
}
 .layout-active > #component1523144095.animated,.tab-content-show > #component1523144095.animated,.curr > #component1523144095.animated,.swiper-slide-active .inner-wrap > #component1523144095.animated{
    animation: ${enterAnimate} 1s 1s ease-in;
    -webkit-animation: ${enterAnimate} 1s 1s ease-in;
 }
 #component1523144095-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component1523144095-img{display: block;}
.consent-config-btn { cursor: pointer;}