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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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

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

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


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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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