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

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

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


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

#component41370335 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component41370335 img:first-child{
     display: block;
 }
#component41370335:hover img:first-child, #component41370335.anchor-item.active img:first-child{
    display: none;
 }
#component41370335:hover img:last-child, #component41370335.anchor-item.active img:last-child{
     display: block;
 }
 #component41370335:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component41370335.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component41370335.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 component41370335swing {
    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%;
}#component56681397.none{
    opacity: 1;
 }
 #component56681397.animated{
    opacity: 0;
 }
 #component56681397-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component56681397-p:hover {
   color: #F2E7DA;
}
#component56681397-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #F2E7DA;
}
 .layout-active > #component56681397.animated,.tab-content-show > #component56681397.animated,.curr > #component56681397.animated,.swiper-slide-active .inner-wrap > #component56681397.animated{
    animation: ${enterAnimate} 1s 1s ease-in;
    -webkit-animation: ${enterAnimate} 1s 1s ease-in;
 }
 #component56681397-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component56681397-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component69966973.none{
    opacity: 1;
 }
 #component69966973.animated{
    opacity: 0;
 }
 #component69966973-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component69966973-p:hover {
   color: #F2E7DA;
}
#component69966973-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #F2E7DA;
}
 .layout-active > #component69966973.animated,.tab-content-show > #component69966973.animated,.curr > #component69966973.animated,.swiper-slide-active .inner-wrap > #component69966973.animated{
    animation: ${enterAnimate} 1s 1s ease-in;
    -webkit-animation: ${enterAnimate} 1s 1s ease-in;
 }
 #component69966973-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component69966973-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component308632243{
    position: absolute;
    background: url("") no-repeat center top;
}
#component308632243 .tab-container {
    position: relative;
    z-index: 0;
}
#component308632243 .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;
 }
 #component308632243 .list-tabs.hide {
     display: none;
 }
#component308632243 .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;
 }
 #component308632243 .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 #component308632243 .list-tabs .list-tab {
    animation-name: null;
 }
 .layout-active #component308632243 .list-tabs .list-tab {
    animation-play-state: running;
 }
#component308632243 .list-tabs .item-active-bg-url,#component308632243 .list-tabs .item-default-bg-url{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
#component308632243 .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;
}
#component308632243 .list-tabs .list-tab.on .item-default-bg-url{
     display: none;
 }
#component308632243 .list-tabs .list-tab.on .item-active-bg-url{
    display: block;
 }
#component308632243 .list-tabs .list-tab .item-default-bg-url,
#component308632243 .list-tabs .list-tab.is-locked .item-default-bg-url {
     display: block;
 }
#component308632243 .list-tabs .list-tab .item-active-bg-url{
    display: none;
 }
 #component308632243 .list-tabs > .list-tab.animated{
    opacity: 0;
 }
 #app  #component308632243 .list-tabs  .list-tab {
     opacity: 1 !important;
 }

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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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

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

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


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

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

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

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


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

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

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

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

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

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


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

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

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

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


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

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

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

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

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

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


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

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

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

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


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

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

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

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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

#component504483214 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component504483214 img:first-child{
     display: block;
 }
#component504483214:hover img:first-child, #component504483214.anchor-item.active img:first-child{
    display: none;
 }
#component504483214:hover img:last-child, #component504483214.anchor-item.active img:last-child{
     display: block;
 }
 #component504483214:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component504483214.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component504483214.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 component504483214swing {
    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%;
}#component53876859 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component53876859 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component53876859 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component542932178 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component542932178 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component542932178 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component577258326 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component577258326 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component577258326 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component582964679 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component582964679 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component582964679 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component593641956 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component593641956 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component593641956 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component629166349 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component629166349 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component629166349 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component632411721 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component632411721 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component632411721 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component642609338 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component642609338 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component642609338 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component671924881 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component671924881 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component671924881 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component688584185 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component688584185 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component688584185 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component698697633 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component698697633 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component698697633 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component729600654 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component729600654 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component729600654 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component737073329 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component737073329 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component737073329 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component743078069 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component743078069 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component743078069 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component756799959 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component756799959 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component756799959 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component772880936 .domBreath{
    animation: domBreath 1.5s infinite linear;
    transform-origin: center center;
}
#component772880936 {
    overflow:hidden;
    border-radius: 0%;
    opacity: 0;
    transition: transform .3s ease;
}
#component772880936.none{
    opacity: 1;
}
#component772880936.onhover:hover{
    cursor: pointer;
}
@keyframes domBreath {0%{transform: scale(1);}50%{transform: scale(.9);}100%{transform: scale(1)}}

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

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


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

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

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

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


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

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

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

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


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

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

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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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