@charset "utf-8";
/* CSS Document */
a{-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;}
/* 淡入动画 */
#jcMyInfoPanel,#jcViewMePanel,#jcBrandBanner,#jcBrandBanner2,#jcServicePanel,#userTask,#jcAppPanel,#jcActPanel,#jcTelPanel,#jcSearchBar,.footer,#jcGameBar{ position:relative; opacity:0; opacity:1\9\0;}
.fadeFromLeft{
animation:fadeInLeft 1s;
animation-iteration-count:1;
animation-fill-mode:both;
-webkit-animation:fadeInLeft 1s;
-webkit-animation-iteration-count:1;
-webkit-animation-fill-mode:both;
}

@keyframes fadeInLeft{
from { opacity:0;transform: translateX(-100px);}
to { opacity:1;transform: translateX(0px);}
}

@-webkit-keyframes fadeInLeft{
from { opacity:0;-webkit-transform: translateX(-100px);}
to { opacity:1;-webkit-transform: translateX(0px);}
}
.fadeFromop{
    animation:fadeInLeft 2s;
    animation-iteration-count:1;
    animation-fill-mode:both;
    -webkit-animation:fadeInLeft 2s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode:both;
}

@keyframes fadeInop{
    from { opacity:0;transform: translateX(-10px);}
    to { opacity:1;transform: translateX(0px);}
}

@-webkit-keyframes fadeInop{
    from { opacity:0;-webkit-transform: translateX(-10px);}
    to { opacity:1;-webkit-transform: translateX(0px);}
}

.fadeFromRight{
animation:fadeInRight 1s;
animation-iteration-count:1;
animation-fill-mode:both;
-webkit-animation:fadeInRight 1s;
-webkit-animation-iteration-count:1;
-webkit-animation-fill-mode:both;
}

@keyframes fadeInRight{
from { opacity:0;transform: translateX(100px);}
to { opacity:1;transform: translateX(0px);}
}

@-webkit-keyframes fadeInRight{
from { opacity:0;-webkit-transform: translateX(100px);}
to { opacity:1;-webkit-transform: translateX(0px);}
}

.fadeFromRight1{
    animation:fadeInRight 1.5s;
    animation-iteration-count:1;
    animation-fill-mode:both;
    -webkit-animation:fadeInRight 1.5s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode:both;
}

@keyframes fadeInRight1{
    from { opacity:0;transform: translateX(100px);}
    to { opacity:1;transform: translateX(0px);}
}

@-webkit-keyframes fadeInRight1{
    from { opacity:0;-webkit-transform: translateX(100px);}
    to { opacity:1;-webkit-transform: translateX(0px);}
}

.fadeFromBottom{
animation:fadeInBottom 1s;
animation-iteration-count:1;
animation-fill-mode:both;
-webkit-animation:fadeInBottom 1s;
-webkit-animation-iteration-count:1;
-webkit-animation-fill-mode:both;
}

@keyframes fadeInBottom{
from { opacity:0;transform: translateY(50px);}
to { opacity:1;transform: translateY(0px);}
}

@-webkit-keyframes fadeInBottom{
from { opacity:0;-webkit-transform: translateY(50px);}
to { opacity:1;-webkit-transform: translateY(0px);}
}
.fadeFromTop{
animation:fadeInTop 0.5s;
animation-iteration-count:1;
animation-fill-mode:both;
-webkit-animation:fadeInTop 0.5s;
-webkit-animation-iteration-count:1;
-webkit-animation-fill-mode:both;
}

@keyframes fadeInTop{
from { opacity:0;transform: translateY(-150px);}
to { opacity:1;transform: translateY(0px);}
}

@-webkit-keyframes fadeInTop{
from { opacity:0;-webkit-transform: translateY(-150px);}
to { opacity:1;-webkit-transform: translateY(0px);}
}

.fadeFromTop1{
    animation:fadeInTop 1s;
    animation-iteration-count:1;
    animation-fill-mode:both;
    -webkit-animation:fadeInTop 1s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode:both;
}

@keyframes fadeInTop1{
    from { opacity:0;transform: translateY(-150px);}
    to { opacity:1;transform: translateY(0px);}
}

@-webkit-keyframes fadeInTop1{
    from { opacity:0;-webkit-transform: translateY(-150px);}
    to { opacity:1;-webkit-transform: translateY(0px);}
}

.ll{ float:left;}
.rr{ float:right}

.exp-about-za{position:relative;padding-bottom:30px}
.mod-block-1,.mod-block-2{margin-top:10px; padding:8px 15px;width:258px;border:1px solid #e0e0e0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#fff}
.mod-block-1{overflow:hidden}