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

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

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


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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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

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

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


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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

#component109837892767 img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
 }
#component109837892767 img:first-child{
     display: block;
 }
#component109837892767:hover img:first-child, #component109837892767.anchor-item.active img:first-child{
    display: none;
 }
#component109837892767:hover img:last-child, #component109837892767.anchor-item.active img:last-child{
     display: block;
 }
 #component109837892767:hover{
     transform: null;
     -webkit-transform: null;
     transition: 0.5s ease;
     -webkit-transition: 0.5s ease;
 }
 #component109837892767.component-dragging:hover {
    transition:none;
    -webkit-transition: none;
 }
 #component109837892767.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 component109837892767swing {
    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%;
}#component109843606966.none{
    opacity: 1;
 }
 #component109843606966.animated{
    opacity: 0;
 }
 #component109843606966-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component109843606966-p:hover {
   color: #fdecc8;
}
#component109843606966-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component109843606966.animated,.tab-content-show > #component109843606966.animated,.curr > #component109843606966.animated,.swiper-slide-active .inner-wrap > #component109843606966.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component109843606966-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component109843606966-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component109859883696.none{
    opacity: 1;
 }
 #component109859883696.animated{
    opacity: 0;
 }
 #component109859883696-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component109859883696-p:hover {
   color: #fdecc8;
}
#component109859883696-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component109859883696.animated,.tab-content-show > #component109859883696.animated,.curr > #component109859883696.animated,.swiper-slide-active .inner-wrap > #component109859883696.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component109859883696-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component109859883696-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component109867008662 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component109867008662 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component109867008662 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component109873165431 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component109873165431 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component109873165431 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component109883885948.none{
    opacity: 1;
 }
 #component109883885948.animated{
    opacity: 0;
 }
 #component109883885948-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component109883885948-p:hover {
   color: #fdecc8;
}
#component109883885948-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component109883885948.animated,.tab-content-show > #component109883885948.animated,.curr > #component109883885948.animated,.swiper-slide-active .inner-wrap > #component109883885948.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component109883885948-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component109883885948-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component109893622115.none{
    opacity: 1;
 }
 #component109893622115.animated{
    opacity: 0;
 }
 #component109893622115-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component109893622115-p:hover {
   color: #fdecc8;
}
#component109893622115-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component109893622115.animated,.tab-content-show > #component109893622115.animated,.curr > #component109893622115.animated,.swiper-slide-active .inner-wrap > #component109893622115.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component109893622115-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component109893622115-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component109902252203 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component109902252203 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component109902252203 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component109913914411 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component109913914411 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component109913914411 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component109937606551.none{
    opacity: 1;
 }
 #component109937606551.animated{
    opacity: 0;
 }
 #component109937606551-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component109937606551-p:hover {
   color: #fdecc8;
}
#component109937606551-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component109937606551.animated,.tab-content-show > #component109937606551.animated,.curr > #component109937606551.animated,.swiper-slide-active .inner-wrap > #component109937606551.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component109937606551-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component109937606551-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component109947930357.none{
    opacity: 1;
 }
 #component109947930357.animated{
    opacity: 0;
 }
 #component109947930357-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component109947930357-p:hover {
   color: #fdecc8;
}
#component109947930357-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component109947930357.animated,.tab-content-show > #component109947930357.animated,.curr > #component109947930357.animated,.swiper-slide-active .inner-wrap > #component109947930357.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component109947930357-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component109947930357-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component109958527645 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component109958527645 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component109958527645 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component109968133958 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component109968133958 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component109968133958 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component109984759347.none{
    opacity: 1;
 }
 #component109984759347.animated{
    opacity: 0;
 }
 #component109984759347-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component109984759347-p:hover {
   color: #fdecc8;
}
#component109984759347-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component109984759347.animated,.tab-content-show > #component109984759347.animated,.curr > #component109984759347.animated,.swiper-slide-active .inner-wrap > #component109984759347.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component109984759347-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component109984759347-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component109994984071.none{
    opacity: 1;
 }
 #component109994984071.animated{
    opacity: 0;
 }
 #component109994984071-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component109994984071-p:hover {
   color: #fdecc8;
}
#component109994984071-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component109994984071.animated,.tab-content-show > #component109994984071.animated,.curr > #component109994984071.animated,.swiper-slide-active .inner-wrap > #component109994984071.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component109994984071-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component109994984071-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component110005950022 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component110005950022 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component110005950022 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component110012715497 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component110012715497 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component110012715497 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component110032287931.none{
    opacity: 1;
 }
 #component110032287931.animated{
    opacity: 0;
 }
 #component110032287931-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component110032287931-p:hover {
   color: #fdecc8;
}
#component110032287931-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component110032287931.animated,.tab-content-show > #component110032287931.animated,.curr > #component110032287931.animated,.swiper-slide-active .inner-wrap > #component110032287931.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component110032287931-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component110032287931-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component110048512422.none{
    opacity: 1;
 }
 #component110048512422.animated{
    opacity: 0;
 }
 #component110048512422-p {
   white-space:pre-wrap;
   writing-mode:horizontal-tb;
}
#component110048512422-p:hover {
   color: #fdecc8;
}
#component110048512422-p.ts:hover {
   text-decoration: underline;
   text-decoration-color: #fdecc8;
}
 .layout-active > #component110048512422.animated,.tab-content-show > #component110048512422.animated,.curr > #component110048512422.animated,.swiper-slide-active .inner-wrap > #component110048512422.animated{
    animation: ${enterAnimate} 1s 0s ease-in;
    -webkit-animation: ${enterAnimate} 1s 0s ease-in;
 }
 #component110048512422-img{position: absolute;z-index: 2;display: none;}
.scroll-content:hover #component110048512422-img{display: block;}
.consent-config-btn { cursor: pointer;}
#component110053770253 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component110053770253 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component110053770253 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component110068659707 .scroll-content{
    height: 100%;
    box-sizing: border-box;
    word-break: break-word;
    padding-right: 7px;
}
#component110068659707 .scroll-rail{
     position: absolute;
     overflow: hidden;
     width: 7px;
     height: 100%;
     right: 0;
     top: 0;
     z-index: 2;
     border-radius: 5px;
     background-color: ${scrollRailBg};
 }
#component110068659707 .scroll-rail .scroll-bar{
     position: absolute;
     left: 0;
     background-color: ${scrollBarBg};
     width: 7px;
     border-radius: 5px;
     top: 0;
     cursor: pointer;
 }
#component110308156029{
    position: absolute;
    background: url("") no-repeat center top;
}
#component110308156029 .tab-container {
    position: relative;
    z-index: 0;
}
#component110308156029 .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;
 }
 #component110308156029 .list-tabs.hide {
     display: none;
 }
#component110308156029 .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;
 }
 #component110308156029 .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 #component110308156029 .list-tabs .list-tab {
    animation-name: null;
 }
 .layout-active #component110308156029 .list-tabs .list-tab {
    animation-play-state: running;
 }
#component110308156029 .list-tabs .item-active-bg-url,#component110308156029 .list-tabs .item-default-bg-url{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
#component110308156029 .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;
}
#component110308156029 .list-tabs .list-tab.on .item-default-bg-url{
     display: none;
 }
#component110308156029 .list-tabs .list-tab.on .item-active-bg-url{
    display: block;
 }
#component110308156029 .list-tabs .list-tab .item-default-bg-url,
#component110308156029 .list-tabs .list-tab.is-locked .item-default-bg-url {
     display: block;
 }
#component110308156029 .list-tabs .list-tab .item-active-bg-url{
    display: none;
 }
 #component110308156029 .list-tabs > .list-tab.animated{
    opacity: 0;
 }
 #app  #component110308156029 .list-tabs  .list-tab {
     opacity: 1 !important;
 }

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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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