阿里云1218动态css3代码
2024-08-23 23:45:04
.room-nav {
/* -webkit-animation:roomNavTranslate3d 2s linear infinite; */
-moz-animation: roomNavTranslate3d 2s linear infinite;
-ms-animation: roomNavTranslate3d 2s linear infinite;
-o-animation: roomNavTranslate3d 2s linear infinite;
animation: roomNavTranslate3d 2s linear infinite
}
@-webkit-keyframes roomNavTranslate3d {
0% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
50% {
-webkit-transform: translate3d(0,15px,15px);
-moz-transform: translate3d(0,15px,15px);
-ms-transform: translate3d(0,15px,15px);
-o-transform: translate3d(0,15px,15px);
transform: translate3d(0,15px,15px)
}
100% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@-moz-keyframes roomNavTranslate3d {
0% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
50% {
-webkit-transform: translate3d(0,15px,15px);
-moz-transform: translate3d(0,15px,15px);
-ms-transform: translate3d(0,15px,15px);
-o-transform: translate3d(0,15px,15px);
transform: translate3d(0,15px,15px)
}
100% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@-ms-keyframes roomNavTranslate3d {
0% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
50% {
-webkit-transform: translate3d(0,15px,15px);
-moz-transform: translate3d(0,15px,15px);
-ms-transform: translate3d(0,15px,15px);
-o-transform: translate3d(0,15px,15px);
transform: translate3d(0,15px,15px)
}
100% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@-o-keyframes roomNavTranslate3d {
0% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
50% {
-webkit-transform: translate3d(0,15px,15px);
-moz-transform: translate3d(0,15px,15px);
-ms-transform: translate3d(0,15px,15px);
-o-transform: translate3d(0,15px,15px);
transform: translate3d(0,15px,15px)
}
100% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@keyframes roomNavTranslate3d {
0% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
50% {
-webkit-transform: translate3d(0,15px,15px);
-moz-transform: translate3d(0,15px,15px);
-ms-transform: translate3d(0,15px,15px);
-o-transform: translate3d(0,15px,15px);
transform: translate3d(0,15px,15px)
}
100% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
.nav-cloud {
-webkit-animation: navCloundTranslate3d 1.5s linear infinite;
-moz-animation: navCloundTranslate3d 1.5s linear infinite;
-ms-animation: navCloundTranslate3d 1.5s linear infinite;
-o-animation: navCloundTranslate3d 1.5s linear infinite;
animation: navCloundTranslate3d 1.5s linear infinite
}
@-webkit-keyframes navCloundTranslate3d {
0% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
50% {
-webkit-transform: translate3d(0,15px,15px);
-moz-transform: translate3d(0,15px,15px);
-ms-transform: translate3d(0,15px,15px);
-o-transform: translate3d(0,15px,15px);
transform: translate3d(0,15px,15px)
}
100% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@-moz-keyframes navCloundTranslate3d {
0% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
50% {
-webkit-transform: translate3d(0,15px,15px);
-moz-transform: translate3d(0,15px,15px);
-ms-transform: translate3d(0,15px,15px);
-o-transform: translate3d(0,15px,15px);
transform: translate3d(0,15px,15px)
}
100% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@-ms-keyframes navCloundTranslate3d {
0% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
50% {
-webkit-transform: translate3d(0,15px,15px);
-moz-transform: translate3d(0,15px,15px);
-ms-transform: translate3d(0,15px,15px);
-o-transform: translate3d(0,15px,15px);
transform: translate3d(0,15px,15px)
}
100% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@-o-keyframes navCloundTranslate3d {
0% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
50% {
-webkit-transform: translate3d(0,15px,15px);
-moz-transform: translate3d(0,15px,15px);
-ms-transform: translate3d(0,15px,15px);
-o-transform: translate3d(0,15px,15px);
transform: translate3d(0,15px,15px)
}
100% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@keyframes navCloundTranslate3d {
0% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
50% {
-webkit-transform: translate3d(0,15px,15px);
-moz-transform: translate3d(0,15px,15px);
-ms-transform: translate3d(0,15px,15px);
-o-transform: translate3d(0,15px,15px);
transform: translate3d(0,15px,15px)
}
100% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
.nav-cloud-bg-float1 {
-webkit-animation: cloudBgFloatScale2 2s ease infinite;
-moz-animation: cloudBgFloatScale2 2s ease infinite;
-ms-animation: cloudBgFloatScale2 2s ease infinite;
-o-animation: cloudBgFloatScale2 2s ease infinite;
animation: cloudBgFloatScale2 2s ease infinite
}
.nav-cloud-bg-float2 {
-webkit-animation: cloudBgFloatScale2 2s ease infinite .7s;
-moz-animation: cloudBgFloatScale2 2s ease infinite .7s;
-ms-animation: cloudBgFloatScale2 2s ease infinite .7s;
-o-animation: cloudBgFloatScale2 2s ease infinite .7s;
animation: cloudBgFloatScale2 2s ease infinite .7s
}
@-webkit-keyframes cloudBgFloatScale1 {
0% {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1);
filter: alpha(opacity=1);
-webkit-opacity:;
-khtml-opacity:;
-moz-opacity:;
-ms-opacity:;
-o-opacity:;
opacity: 1
}
100% {
-webkit-transform: scale(2,2);
-moz-transform: scale(2,2);
-ms-transform: scale(2,2);
-o-transform: scale(2,2);
transform: scale(2,2);
filter: alpha(opacity=0);
-webkit-opacity:;
-khtml-opacity:;
-moz-opacity:;
-ms-opacity:;
-o-opacity:;
opacity: 0
}
}
@-moz-keyframes cloudBgFloatScale1 {
0% {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1);
filter: alpha(opacity=1);
-webkit-opacity:;
-khtml-opacity:;
-moz-opacity:;
-ms-opacity:;
-o-opacity:;
opacity: 1
}
100% {
-webkit-transform: scale(2,2);
-moz-transform: scale(2,2);
-ms-transform: scale(2,2);
-o-transform: scale(2,2);
transform: scale(2,2);
filter: alpha(opacity=0);
-webkit-opacity:;
-khtml-opacity:;
-moz-opacity:;
-ms-opacity:;
-o-opacity:;
opacity: 0
}
}
@-ms-keyframes cloudBgFloatScale1 {
0% {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1);
filter: alpha(opacity=1);
-webkit-opacity:;
-khtml-opacity:;
-moz-opacity:;
-ms-opacity:;
-o-opacity:;
opacity: 1
}
100% {
-webkit-transform: scale(2,2);
-moz-transform: scale(2,2);
-ms-transform: scale(2,2);
-o-transform: scale(2,2);
transform: scale(2,2);
filter: alpha(opacity=0);
-webkit-opacity:;
-khtml-opacity:;
-moz-opacity:;
-ms-opacity:;
-o-opacity:;
opacity: 0
}
}
@-o-keyframes cloudBgFloatScale1 {
0% {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1);
filter: alpha(opacity=1);
-webkit-opacity:;
-khtml-opacity:;
-moz-opacity:;
-ms-opacity:;
-o-opacity:;
opacity: 1
}
100% {
-webkit-transform: scale(2,2);
-moz-transform: scale(2,2);
-ms-transform: scale(2,2);
-o-transform: scale(2,2);
transform: scale(2,2);
filter: alpha(opacity=0);
-webkit-opacity:;
-khtml-opacity:;
-moz-opacity:;
-ms-opacity:;
-o-opacity:;
opacity: 0
}
}
@keyframes cloudBgFloatScale1 {
0% {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1);
filter: alpha(opacity=1);
-webkit-opacity:;
-khtml-opacity:;
-moz-opacity:;
-ms-opacity:;
-o-opacity:;
opacity: 1
}
100% {
-webkit-transform: scale(2,2);
-moz-transform: scale(2,2);
-ms-transform: scale(2,2);
-o-transform: scale(2,2);
transform: scale(2,2);
filter: alpha(opacity=0);
-webkit-opacity:;
-khtml-opacity:;
-moz-opacity:;
-ms-opacity:;
-o-opacity:;
opacity: 0
}
}
@-webkit-keyframes cloudBgFloatScale2 {
0% {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1);
filter: alpha(opacity=1);
-webkit-opacity:;
-khtml-opacity:;
-moz-opacity:;
-ms-opacity:;
-o-opacity:;
opacity: 1
}
100% {
-webkit-transform: scale(8,8);
-moz-transform: scale(8,8);
-ms-transform: scale(8,8);
-o-transform: scale(8,8);
transform: scale(8,8);
filter: alpha(opacity=0);
-webkit-opacity:;
-khtml-opacity:;
-moz-opacity:;
-ms-opacity:;
-o-opacity:;
opacity: 0
}
}
@-moz-keyframes cloudBgFloatScale2 {
0% {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1);
filter: alpha(opacity=1);
-webkit-opacity:;
-khtml-opacity:;
-moz-opacity:;
-ms-opacity:;
-o-opacity:;
opacity: 1
}
100% {
-webkit-transform: scale(8,8);
-moz-transform: scale(8,8);
-ms-transform: scale(8,8);
-o-transform: scale(8,8);
transform: scale(8,8);
filter: alpha(opacity=0);
-webkit-opacity:;
-khtml-opacity:;
-moz-opacity:;
-ms-opacity:;
-o-opacity:;
opacity: 0
}
}
@-ms-keyframes cloudBgFloatScale2 {
0% {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1);
filter: alpha(opacity=1);
-webkit-opacity:;
-khtml-opacity:;
-moz-opacity:;
-ms-opacity:;
-o-opacity:;
opacity: 1
}
100% {
-webkit-transform: scale(8,8);
-moz-transform: scale(8,8);
-ms-transform: scale(8,8);
-o-transform: scale(8,8);
transform: scale(8,8);
filter: alpha(opacity=0);
-webkit-opacity:;
-khtml-opacity:;
-moz-opacity:;
-ms-opacity:;
-o-opacity:;
opacity: 0
}
}
@-o-keyframes cloudBgFloatScale2 {
0% {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1);
filter: alpha(opacity=1);
-webkit-opacity:;
-khtml-opacity:;
-moz-opacity:;
-ms-opacity:;
-o-opacity:;
opacity: 1
}
100% {
-webkit-transform: scale(8,8);
-moz-transform: scale(8,8);
-ms-transform: scale(8,8);
-o-transform: scale(8,8);
transform: scale(8,8);
filter: alpha(opacity=0);
-webkit-opacity:;
-khtml-opacity:;
-moz-opacity:;
-ms-opacity:;
-o-opacity:;
opacity: 0
}
}
@keyframes cloudBgFloatScale2 {
0% {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1);
filter: alpha(opacity=1);
-webkit-opacity:;
-khtml-opacity:;
-moz-opacity:;
-ms-opacity:;
-o-opacity:;
opacity: 1
}
100% {
-webkit-transform: scale(8,8);
-moz-transform: scale(8,8);
-ms-transform: scale(8,8);
-o-transform: scale(8,8);
transform: scale(8,8);
filter: alpha(opacity=0);
-webkit-opacity:;
-khtml-opacity:;
-moz-opacity:;
-ms-opacity:;
-o-opacity:;
opacity: 0
}
}
.lottery-animate-cloud {
-webkit-animation: lotteryCloundScale 1.5s linear infinite;
-moz-animation: lotteryCloundScale 1.5s linear infinite;
-ms-animation: lotteryCloundScale 1.5s linear infinite;
-o-animation: lotteryCloundScale 1.5s linear infinite;
animation: lotteryCloundScale 1.5s linear infinite
}
@-webkit-keyframes lotteryCloundScale {
0% {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1)
}
50% {
-webkit-transform: scale(1.2,1.2);
-moz-transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2);
-o-transform: scale(1.2,1.2);
transform: scale(1.2,1.2)
}
100% {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1)
}
}
@-moz-keyframes lotteryCloundScale {
0% {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1)
}
50% {
-webkit-transform: scale(1.2,1.2);
-moz-transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2);
-o-transform: scale(1.2,1.2);
transform: scale(1.2,1.2)
}
100% {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1)
}
}
@-ms-keyframes lotteryCloundScale {
0% {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1)
}
50% {
-webkit-transform: scale(1.2,1.2);
-moz-transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2);
-o-transform: scale(1.2,1.2);
transform: scale(1.2,1.2)
}
100% {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1)
}
}
@-o-keyframes lotteryCloundScale {
0% {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1)
}
50% {
-webkit-transform: scale(1.2,1.2);
-moz-transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2);
-o-transform: scale(1.2,1.2);
transform: scale(1.2,1.2)
}
100% {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1)
}
}
@keyframes lotteryCloundScale {
0% {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1)
}
50% {
-webkit-transform: scale(1.2,1.2);
-moz-transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2);
-o-transform: scale(1.2,1.2);
transform: scale(1.2,1.2)
}
100% {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1)
}
}
.iconJump1 {
-webkit-animation: iconJumpTranslate3d .5s linear;
-moz-animation: iconJumpTranslate3d .5s linear;
-ms-animation: iconJumpTranslate3d .5s linear;
-o-animation: iconJumpTranslate3d .5s linear;
animation: iconJumpTranslate3d .5s linear
}
@-webkit-keyframes iconJumpTranslate3d {
0% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
50% {
-webkit-transform: translate3d(0,-15px,0);
-moz-transform: translate3d(0,-15px,0);
-ms-transform: translate3d(0,-15px,0);
-o-transform: translate3d(0,-15px,0);
transform: translate3d(0,-15px,0)
}
100% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@-moz-keyframes iconJumpTranslate3d {
0% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
50% {
-webkit-transform: translate3d(0,-15px,0);
-moz-transform: translate3d(0,-15px,0);
-ms-transform: translate3d(0,-15px,0);
-o-transform: translate3d(0,-15px,0);
transform: translate3d(0,-15px,0)
}
100% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@-ms-keyframes iconJumpTranslate3d {
0% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
50% {
-webkit-transform: translate3d(0,-15px,0);
-moz-transform: translate3d(0,-15px,0);
-ms-transform: translate3d(0,-15px,0);
-o-transform: translate3d(0,-15px,0);
transform: translate3d(0,-15px,0)
}
100% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@-o-keyframes iconJumpTranslate3d {
0% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
50% {
-webkit-transform: translate3d(0,-15px,0);
-moz-transform: translate3d(0,-15px,0);
-ms-transform: translate3d(0,-15px,0);
-o-transform: translate3d(0,-15px,0);
transform: translate3d(0,-15px,0)
}
100% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@keyframes iconJumpTranslate3d {
0% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
50% {
-webkit-transform: translate3d(0,-15px,0);
-moz-transform: translate3d(0,-15px,0);
-ms-transform: translate3d(0,-15px,0);
-o-transform: translate3d(0,-15px,0);
transform: translate3d(0,-15px,0)
}
100% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
.iconJump2 {
-webkit-animation: iconJumpTranslate3d .5s linear .3s;
-moz-animation: iconJumpTranslate3d .5s linear .3s;
-ms-animation: iconJumpTranslate3d .5s linear .3s;
-o-animation: iconJumpTranslate3d .5s linear .3s;
animation: iconJumpTranslate3d .5s linear .3s
}
.iconJump3 {
-webkit-animation: iconJumpTranslate3d .5s linear .5s;
-moz-animation: iconJumpTranslate3d .5s linear .5s;
-ms-animation: iconJumpTranslate3d .5s linear .5s;
-o-animation: iconJumpTranslate3d .5s linear .5s;
animation: iconJumpTranslate3d .5s linear .5s
}
.textMove {
-webkit-animation: textMoveTranslate3d .3s linear;
-moz-animation: textMoveTranslate3d .3s linear;
-ms-animation: textMoveTranslate3d .3s linear;
-o-animation: textMoveTranslate3d .3s linear;
animation: textMoveTranslate3d .3s linear
}
@-webkit-keyframes textMoveTranslate3d {
0% {
-webkit-transform: translate3d(-25px,10px,0);
-moz-transform: translate3d(-25px,10px,0);
-ms-transform: translate3d(-25px,10px,0);
-o-transform: translate3d(-25px,10px,0);
transform: translate3d(-25px,10px,0)
}
100% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@-moz-keyframes textMoveTranslate3d {
0% {
-webkit-transform: translate3d(-25px,10px,0);
-moz-transform: translate3d(-25px,10px,0);
-ms-transform: translate3d(-25px,10px,0);
-o-transform: translate3d(-25px,10px,0);
transform: translate3d(-25px,10px,0)
}
100% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@-ms-keyframes textMoveTranslate3d {
0% {
-webkit-transform: translate3d(-25px,10px,0);
-moz-transform: translate3d(-25px,10px,0);
-ms-transform: translate3d(-25px,10px,0);
-o-transform: translate3d(-25px,10px,0);
transform: translate3d(-25px,10px,0)
}
100% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@-o-keyframes textMoveTranslate3d {
0% {
-webkit-transform: translate3d(-25px,10px,0);
-moz-transform: translate3d(-25px,10px,0);
-ms-transform: translate3d(-25px,10px,0);
-o-transform: translate3d(-25px,10px,0);
transform: translate3d(-25px,10px,0)
}
100% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@keyframes textMoveTranslate3d {
0% {
-webkit-transform: translate3d(-25px,10px,0);
-moz-transform: translate3d(-25px,10px,0);
-ms-transform: translate3d(-25px,10px,0);
-o-transform: translate3d(-25px,10px,0);
transform: translate3d(-25px,10px,0)
}
100% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
.cloud01 {
-webkit-animation: cloudFloat1Translate3d 20s linear infinite;
-moz-animation: cloudFloat1Translate3d 20s linear infinite;
-ms-animation: cloudFloat1Translate3d 20s linear infinite;
-o-animation: cloudFloat1Translate3d 20s linear infinite;
animation: cloudFloat1Translate3d 20s linear infinite
}
.cloud011 {
-webkit-animation: cloudFloat2Translate3d 10s linear 1;
-moz-animation: cloudFloat2Translate3d 10s linear 1;
-ms-animation: cloudFloat2Translate3d 10s linear 1;
-o-animation: cloudFloat2Translate3d 10s linear 1;
animation: cloudFloat2Translate3d 10s linear 1
}
.cloud02 {
-webkit-animation: cloudFloat1Translate3d 30s linear infinite 5s;
-moz-animation: cloudFloat1Translate3d 30s linear infinite 5s;
-ms-animation: cloudFloat1Translate3d 30s linear infinite 5s;
-o-animation: cloudFloat1Translate3d 30s linear infinite 5s;
animation: cloudFloat1Translate3d 30s linear infinite 5s
}
.cloud03 {
-webkit-animation: cloudFloat1Translate3d 25s linear infinite 5s;
-moz-animation: cloudFloat1Translate3d 25s linear infinite 5s;
-ms-animation: cloudFloat1Translate3d 25s linear infinite 5s;
-o-animation: cloudFloat1Translate3d 25s linear infinite 5s;
animation: cloudFloat1Translate3d 25s linear infinite 5s
}
@-webkit-keyframes cloudFloat1Translate3d {
0% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
100% {
-webkit-transform: translate3d(-2000px,0,0);
-moz-transform: translate3d(-2000px,0,0);
-ms-transform: translate3d(-2000px,0,0);
-o-transform: translate3d(-2000px,0,0);
transform: translate3d(-2000px,0,0)
}
}
@-moz-keyframes cloudFloat1Translate3d {
0% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
100% {
-webkit-transform: translate3d(-2000px,0,0);
-moz-transform: translate3d(-2000px,0,0);
-ms-transform: translate3d(-2000px,0,0);
-o-transform: translate3d(-2000px,0,0);
transform: translate3d(-2000px,0,0)
}
}
@-ms-keyframes cloudFloat1Translate3d {
0% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
100% {
-webkit-transform: translate3d(-2000px,0,0);
-moz-transform: translate3d(-2000px,0,0);
-ms-transform: translate3d(-2000px,0,0);
-o-transform: translate3d(-2000px,0,0);
transform: translate3d(-2000px,0,0)
}
}
@-o-keyframes cloudFloat1Translate3d {
0% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
100% {
-webkit-transform: translate3d(-2000px,0,0);
-moz-transform: translate3d(-2000px,0,0);
-ms-transform: translate3d(-2000px,0,0);
-o-transform: translate3d(-2000px,0,0);
transform: translate3d(-2000px,0,0)
}
}
@keyframes cloudFloat1Translate3d {
0% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
100% {
-webkit-transform: translate3d(-2000px,0,0);
-moz-transform: translate3d(-2000px,0,0);
-ms-transform: translate3d(-2000px,0,0);
-o-transform: translate3d(-2000px,0,0);
transform: translate3d(-2000px,0,0)
}
}
@-webkit-keyframes cloudFloat2Translate3d {
0% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
100% {
-webkit-transform: translate3d(-800px,0,0);
-moz-transform: translate3d(-800px,0,0);
-ms-transform: translate3d(-800px,0,0);
-o-transform: translate3d(-800px,0,0);
transform: translate3d(-800px,0,0)
}
}
@-moz-keyframes cloudFloat2Translate3d {
0% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
100% {
-webkit-transform: translate3d(-800px,0,0);
-moz-transform: translate3d(-800px,0,0);
-ms-transform: translate3d(-800px,0,0);
-o-transform: translate3d(-800px,0,0);
transform: translate3d(-800px,0,0)
}
}
@-ms-keyframes cloudFloat2Translate3d {
0% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
100% {
-webkit-transform: translate3d(-800px,0,0);
-moz-transform: translate3d(-800px,0,0);
-ms-transform: translate3d(-800px,0,0);
-o-transform: translate3d(-800px,0,0);
transform: translate3d(-800px,0,0)
}
}
@-o-keyframes cloudFloat2Translate3d {
0% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
100% {
-webkit-transform: translate3d(-800px,0,0);
-moz-transform: translate3d(-800px,0,0);
-ms-transform: translate3d(-800px,0,0);
-o-transform: translate3d(-800px,0,0);
transform: translate3d(-800px,0,0)
}
}
@keyframes cloudFloat2Translate3d {
0% {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
100% {
-webkit-transform: translate3d(-800px,0,0);
-moz-transform: translate3d(-800px,0,0);
-ms-transform: translate3d(-800px,0,0);
-o-transform: translate3d(-800px,0,0);
transform: translate3d(-800px,0,0)
}
}
.room-nav {
position: relative
}
.room-nav .room-nav-img {
width: 100%;
margin-top: 34px
}
.room-nav .item-hover-img1,.room-nav .item-hover-img2,.room-nav .item-hover-img3,.room-nav .nav-item,.room-nav .item-img {
position: absolute;
cursor: pointer
}
.room-nav .nav-gj {
top: 252px;
left: 231px
}
.room-nav .nav-gj .gj01 {
width: 55px;
top: -53px;
left: 23px
}
.room-nav .nav-gj .gj02 {
width: 38px;
top: 20px;
left: 32px
}
.room-nav .nav-gj .gj03 {
width: 127px;
top: -162px;
left: -29px
}
.room-nav .nav-gj .item-img {
width: 110px
}
.room-nav .nav-ct {
top: 132px;
left: 380px
}
.room-nav .nav-ct .item-img {
width: 128px;
z-index: 5
}
.room-nav .nav-ct .ct01 {
width: 62px;
top: -41px;
left: -7px;
z-index: 6
}
.room-nav .nav-ct .ct02 {
width: 25px;
top: 48px;
left: 90px;
z-index: 7
}
.room-nav .nav-ct .ct04 {
width: 118px;
top: -115px;
left: -28px;
z-index: 7
}
.room-nav .nav-mf {
top: 68px;
left: 550px
}
.room-nav .nav-mf .item-img {
width: 84px
}
.room-nav .nav-mf .mf01 {
width: 135px;
top: -32px;
left: -24px
}
.room-nav .nav-mf .mf02 {
width: 34px;
top: 70px;
left: 88px
}
.room-nav .nav-mf .mf04 {
width: 130px;
top: -57px;
left: 130px
}
.room-nav .nav-yx {
top: 160px;
left: 712px
}
.room-nav .nav-yx .item-img {
width: 89px
}
.room-nav .nav-yx .yx01 {
width: 28px;
top: -45px;
left: 10px
}
.room-nav .nav-yx .yx02 {
width: 67px;
top: 20px;
left: 54px
}
.room-nav .nav-yx .yx04 {
width: 129px;
top: -86px;
left: 115px
}
.room-nav .nav-yh {
top: 240px;
left: 863px
}
.room-nav .nav-yh .yh01 {
width: 98px;
top: -31px;
left: -1px;
z-index: 4
}
.room-nav .nav-yh .yh04 {
width: 126px;
top: -100px;
left: 114px;
z-index: 1
}
.room-nav .nav-yh .item-img {
z-index:;
width: 95px
}
.room-nav .nav-cloud {
position: absolute;
top: 280px;
left: 543px
}
.room-nav .nav-cloud .nav-cloud-img {
cursor: pointer;
position: absolute;
top:;
left: 7px;
width: 96px;
z-index: 10
}
.room-nav .nav-cloud .nav-cloud-bg-float1,.room-nav .nav-cloud .nav-cloud-bg-float2 {
position: absolute;
top: 28px;
left: 30px;
width: 50px
}
.follow-fixed-bottom {
position: fixed!important;
bottom: 0
}
.follow-fixed-top {
position: fixed!important;
top: 0
}
.follow-current {
background-color: #ea3252!important
}
.follow-wrap {
position: absolute;
z-index:;
background-color: #254871;
height: 100px;
line-height: 100px;
width: 100%;
min-width: 1200px
}
.follow-wrap .follow-list {
width: 900px;
height: 100px;
margin: 0 auto
}
.follow-wrap .follow-list a {
margin-right: 1px;
display: block;
float: left;
width: 299px;
height: 100px;
text-align: center;
color: #fff!important;
text-decoration: none!important
}
.follow-wrap .follow-list a:hover {
background-color: #ea3252;
text-decoration: none!important
}
.follow-wrap .follow-list .follow-item .item-top {
font-weight:;
height: 37px;
line-height: 37px;
font-size: 30px;
display: block;
margin-top: 5px
}
.follow-wrap .follow-list .follow-item .item-center {
height: 30px;
line-height: 30px;
font-size: 16px;
display: block
}
.follow-wrap .follow-list .follow-item .item-bottom {
height: 18px;
line-height: 18px;
width: 175px;
font-size: 12px;
display: block;
color: #000;
background-color: #fff;
border-radius: 10px;
margin: 0 auto
}
.room-lottery {
text-align: center;
margin-top: 10px
}
.room-lottery h3 {
font-size: 60px;
font-weight: 400
}
.room-lottery h3 span {
color: #ea3252
}
.room-lottery .lottery-title {
width: 100%
}
.room-lottery .lottery-body {
width: 740px;
height: 355px;
margin: 30px auto 70px
}
.room-lottery .lottery-left {
float: left;
width: 360px;
position: relative
}
.room-lottery .lottery-left .lottery-box {
float: left;
width: 174px;
height: 174px;
margin-right: 5px;
text-align: center;
line-height: 174px;
font-size: 40px;
color: #fff
}
.room-lottery .lottery-right {
float: left;
margin-left: 42px;
margin-top: -20px;
text-align: center;
background-color: #f0f0f0;
padding: 20px 7px 20px 20px;
width: 308px
}
.room-lottery .lottery-right .lottery-raw {
font-size: 14px;
margin-top: 20px;
text-align: left
}
.room-lottery .lottery-right .lottery-raw-always {
font-size: 14px;
text-align: left
}
.room-lottery .lottery-right .lottery-raw .btn-raw-detail,.room-lottery .lottery-right .lottery-raw-always .btn-raw-detail {
font-size: 14px
}
.room-lottery .lottery-right .lottery-raw .raw-certify,.room-lottery .lottery-right .lottery-raw-always .raw-certify {
color: #2b9c15
}
.room-lottery .lottery-right .lottery-raw-always {
margin-top: 10px!important
}
.room-lottery .lottery-right .lottery-list {
margin-top: 15px
}
.room-lottery .lottery-right .lottery-list .list-title {
background-color: #ea3252;
color: #fff;
font-size: 14px;
width: 87px;
height: 34px;
line-height: 34px;
text-align: center
}
.room-lottery .lottery-right .lottery-list ul {
background: url(http://gtms04.alicdn.com/tps/i4/TB1eVPrGpXXXXbrXVXXr4TB2VXX-295-174.png) no-repeat;
padding: 14px 0;
width: 300px;
color: #333;
line-height: 24px
}
.room-lottery .lottery-right .lottery-list ul .list-m {
margin: 0 10px
}
.room-lottery .lottery-right .lottery-list ul .list-red {
color: #ea3252
}
.lottery-cloud {
position: absolute;
width: 54px;
top: 150px;
left: 150px
}
.lottery-btn {
display: block;
width: 295px;
height: 85px;
line-height: 85px;
text-align: center;
background-color: #ea3252;
font-size: 40px;
color: #fff!important;
position: relative;
cursor: pointer
}
.lottery-btn .btn-mouse {
width: 244px;
position: absolute;
left: 18px;
top: 18px
}
.lottery-btn .btn-bottom {
background-color: #c11e3a;
display: block;
height: 6px;
width: 100%;
position: absolute;
top: 84px
}
.lottery-btn .btn-text {
margin-left: 10px
}
.lottery-btn:hover {
text-decoration: none;
background-color: #ff4464
}
.lottery-btn:hover .btn-bottom {
background-color: #d92f4c
}
.lottery-btn:active {
background-color: #da2646
}
.lottery-btn:active .btn-bottom {
background-color: #b91431
}
.lottery-btn-disable {
cursor: default;
background-color: #ccc!important
}
.lottery-btn-disable .btn-bottom {
background-color: #b3b3b3!important
}
.lottery-box.box-bottom {
margin-top: 5px
}
.room-seckill .seckill-title {
width: 100%
}
.room-seckill .seckill-body {
width: 740px;
height: 400px;
margin: 50px auto 0
}
.room-seckill .seckill-body .seckill-left {
width: 358px;
float: left;
text-align: center
}
.room-seckill .seckill-body .seckill-left .seckill-logo {
width: 300px
}
.room-seckill .seckill-body .seckill-left .seckill-config {
color: #666;
font-size: 12px
}
.room-seckill .seckill-body .seckill-left .seckill-money {
height: 35px;
line-height: 35px;
background-color: #f60;
text-align: center;
color: #fff;
font-size: 18px;
margin-top: 12px
}
.room-seckill .seckill-body .seckill-left .seckill-money .money-src {
text-decoration: line-through;
font-size: 14px;
color: #fdb79d
}
.room-seckill .seckill-body .seckill-left .seckill-time {
margin-top: 2px
}
.room-seckill .seckill-body .seckill-left .seckill-time span {
float: left;
width: 118px;
margin-right: 2px;
background-color: #1bb6ee;
height: 40px;
line-height: 40px;
font-size: 14px;
color: #fff
}
.room-seckill .seckill-body .seckill-left .seckill-info {
text-align: left;
line-height: 24px;
clear: both;
font-size: 14px;
padding-top: 10px
}
.room-seckill .seckill-body .seckill-left .seckill-info a {
margin-left: 4px
}
.room-seckill .seckill-body .seckill-right {
width: 330px;
float: right
}
.room-seckill .seckill-body .seckill-right .seckill-iphone {
position: relative;
top: -15px;
left: 70px
}
.room-seckill .seckill-body .seckill-right .seckill-iphone img {
width: 220px;
position: relative;
left: 10px
}
.room-seckill .seckill-body .seckill-right .seckill-iphone .iphone-detail {
position: absolute;
bottom: 5px;
left: -7px
}
.room-seckill .seckill-body .seckill-right .seckill-repost {
background-color: #f0f0f0;
padding: 20px;
height: 260px
}
.room-seckill .seckill-body .seckill-right .seckill-repost .seckill-have {
height: 60px;
line-height: 60px
}
.room-seckill .seckill-body .seckill-right .seckill-repost .seckill-have .hava-tip {
font-size: 14px;
float: left
}
.room-seckill .seckill-body .seckill-right .seckill-repost .seckill-have .hava-tip .tip-big {
font-size: 24px;
margin-right: 5px
}
.room-seckill .seckill-body .seckill-right .seckill-repost .seckill-have .have-right {
float: right
}
.room-seckill .seckill-body .seckill-right .seckill-repost .seckill-have .have-right .have-num {
font-size: 50px;
color: #ea3252;
font-weight:;
font-family: Arial
}
.room-seckill .seckill-body .seckill-right .seckill-repost .seckill-have .have-right .have-unit {
font-size: 50px;
color: #000;
font-weight:;
position: relative;
top: -4px
}
.room-seckill .seckill-body .seckill-right .seckill-repost .seckill-will {
position: relative;
margin-top: 15px;
text-align: center;
height: 20px;
clear: both
}
.room-seckill .seckill-body .seckill-right .seckill-repost .seckill-will .progress-blue {
width: 100%;
height: 19px;
line-height: 19px;
background-color: #254871;
color: #fff;
text-align: right
}
.room-seckill .seckill-body .seckill-right .seckill-repost .seckill-will .progress-blue .progress-result {
margin-right: 2px
}
.room-seckill .seckill-body .seckill-right .seckill-repost .seckill-will .progress-red {
margin-top: -19px
}
.room-seckill .seckill-body .seckill-right .seckill-repost .seckill-will .progress-red .progress-red-left-wrap {
width: 98%
}
.room-seckill .seckill-body .seckill-right .seckill-repost .seckill-will .progress-red .progress-red-left-wrap .progress-red-left {
float: left;
height: 19px;
line-height: 19px;
background-color: #ea3252;
color: #fff;
transition: all .6s ease-in-out;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out
}
.room-seckill .seckill-body .seckill-right .seckill-repost .seckill-will .progress-red .progress-red-right img {
width: 5px;
float: left
}
.room-seckill .seckill-body .seckill-right .seckill-repost .seckill-will .progress-value {
width: 100%;
color: #fff;
font-size: 12px;
position: absolute;
top:;
height: 20px
}
.room-seckill .seckill-body .seckill-right .seckill-repost .seckill-raw {
color: #333;
width: 100%;
text-align: center;
margin-top: 5px;
margin-bottom: 15px
}
.room-seckill .seckill-body .seckill-right .seckill-repost .seckill-total {
font-size: 14px;
color: #333;
text-align: center;
margin-top: 10px
}
.room-seckill .seckill-body .seckill-right .seckill-repost .seckill-total .seckill-total-num {
color: #ea3252
}
.repost-btn {
display: block;
width: 290px;
height: 85px;
line-height: 85px;
text-align: center;
background-color: #ea3252;
font-size: 40px;
color: #fff!important;
position: relative;
cursor: pointer
}
.repost-btn .img-repost {
width: 252px;
position: absolute;
left: 18px;
top: 18px
}
.repost-btn .btn-bottom {
background-color: #c11e3a;
display: block;
height: 6px;
width: 100%;
position: absolute;
top: 84px
}
.repost-btn:hover {
text-decoration: none;
background-color: #ff4464
}
.repost-btn:hover .btn-bottom {
background-color: #d92f4c
}
.repost-btn:active {
background-color: #da2646
}
.repost-btn:active .btn-bottom {
background-color: #b91431
}
.room-fullsent {
text-align: center
}
.room-fullsent .fullsent-title {
width: 932px
}
.room-fullsent .fullsent-body {
padding-top: 15px
}
.room-fullsent .fullsent-raw {
width: 1000px;
font-size: 16px;
text-align: left;
color: #333;
line-height: 28px;
margin: 10px auto 0
}
.room-fullsent .fullsent-logo {
margin-top: 15px
}
.room-fullsent .fullsent-logo img {
width: 1000px
}
.room-fullsent .fullsent-container {
width: 740px;
height: 400px;
margin: 0 auto;
padding-top: 20px
}
.room-fullsent .fullsent-container .fullsent-left {
float: left
}
.room-fullsent .fullsent-container .fullsent-left img {
width: 355px;
display: block;
margin-bottom: 12px
}
.room-fullsent .fullsent-container .fullsent-right {
float: right;
background-color: #f0f0f0;
width: 295px;
height: 350px;
padding: 20px
}
.room-fullsent .fullsent-container .fullsent-right .fullsent-raw {
font-size: 14px;
text-align: center;
width: 100%
}
.room-fullsent .fullsent-container .fullsent-right .fullsent-raw .btn-raw-detail {
font-size: 14px
}
.room-fullsent .fullsent-container .fullsent-right .fullsent-raw .raw-certify {
color: #2b9c15
}
.room-fullsent .fullsent-container .fullsent-right .fullsent-list {
margin-top: 15px
}
.room-fullsent .fullsent-container .fullsent-right .fullsent-list .list-title {
background-color: #ea3252;
color: #fff;
font-size: 14px;
width: 87px;
height: 34px;
line-height: 34px;
text-align: center
}
.room-fullsent .fullsent-container .fullsent-right .fullsent-list ul {
background: url(http://gtms04.alicdn.com/tps/i4/TB1eVPrGpXXXXbrXVXXr4TB2VXX-295-174.png) no-repeat;
padding: 14px 0;
width: 300px;
height: 140px;
line-height: 140px;
text-align: center;
color: #ababab;
font-size: 18px
}
.room-fullsent .fullsent-container .fullsent-right .fullsent-list ul .list-m {
margin: 0 10px
}
.room-fullsent .fullsent-container .fullsent-right .fullsent-list ul .list-red {
color: #ea3252
}
.fullsent-btn {
display: block;
width: 295px;
height: 85px;
line-height: 85px;
text-align: center;
background-color: #ea3252;
font-size: 40px;
color: #fff!important;
position: relative;
cursor: pointer
}
.fullsent-btn .btn-mouse {
width: 244px;
position: absolute;
left: 18px;
top: 18px
}
.fullsent-btn .btn-bottom {
background-color: #c11e3a;
display: block;
height: 6px;
width: 100%;
position: absolute;
top: 84px
}
.fullsent-btn .btn-text {
margin-left: 10px
}
.fullsent-btn:hover {
text-decoration: none;
background-color: #ff4464
}
.fullsent-btn:hover .btn-bottom {
background-color: #d92f4c
}
.fullsent-btn:active {
background-color: #da2646
}
.fullsent-btn:active .btn-bottom {
background-color: #b91431
}
.fullsent-btn-disable {
cursor: default;
background-color: #ccc!important
}
.fullsent-btn-disable .btn-bottom {
background-color: #b3b3b3!important
}
.fullsent-box.box-bottom {
margin-top: 5px
}
.main {
width: 100%;
background-color: #fff;
background: url(http://gtms01.alicdn.com/tps/i1/TB1VjWoGpXXXXcdaXXXL40uSVXX-3200-3696.jpeg) no-repeat center -380px;
overflow-x: hidden;
min-width: 1200px
}
.container {
width: 1200px!important;
margin: 0 auto;
position: relative
}
.container .room-gua .gua {
position: absolute
}
.container .room-gua .gua01 {
width: 50px;
top: 382px;
left: -35px
}
.container .room-gua .gua02 {
width: 50px;
top: -21px;
left: 230px
}
.container .room-gua .gua03 {
width: 50px;
top: 249px;
right: -61px
}
.container .room-cloud .cloud {
position: absolute
}
.container .room-cloud .cloud01 {
width: 218px;
top: 40px;
right: -400px
}
.container .room-cloud .cloud011 {
width: 218px;
top: 40px;
left: 50px
}
.container .room-cloud .cloud02 {
width: 138px;
top: 140px;
right: -400px
}
.container .room-cloud .cloud03 {
width: 187px;
top: 460px;
right: -400px
}
.scale-half {
position: relative;
max-width: 50%;
height: auto
}
.room-more .room-more-img {
width: 100%;
margin-bottom: -4px
}
.pop-content {
font-size: 18px;
line-height: 26px;
margin-top: 30px;
color: #000
}
.room-red {
color: #ea3252
}
.rule-list {
list-style-type: decimal;
padding-left: 25px;
line-height: 25px
}
.room-ad img {
display: block;
width: 1000px;
height: 80px;
margin: 50px auto;
background-color: #20cef3
}
.room-footer {
clear: both;
margin-top: 100px;
width: 100%;
text-align: center
}
.room-footer img {
width: 100%
}
.nav-right {
position: fixed;
right:;
top: 50%;
margin-top: -142px;
display: none
}
.nav-right .right-img {
width: 129px
}
.nav-right .right-item {
position: absolute;
right: 15px;
text-align: center;
font-size: 12px;
color: #fff;
width: 100px;
height: 28px;
line-height: 28px
}
.nav-right .right-item .right-link {
display: block;
width: 100%;
height: 100%;
color: #fff!important;
text-decoration: none!important
}
.nav-right .right-item .right-link:hover {
text-decoration: none!important;
background-color: #516d8d
}
.nav-right .item2 {
top: 121px
}
.nav-right .item3 {
top: 149px
}
.nav-right .item4 {
top: 177px
}
.nav-right .item5 {
top: 205px
}
.nav-right .item1 {
top: 94px!important
}
.nav-right .right-gotop {
position: absolute;
top: 246px;
right: 56px
}
最新文章
- JQuery中$.each 和$(selector).each()的区别详解
- Spire.Doc组件读取与写入Word
- JS全局函数parseInt和parseFloat
- [已解决] java.lang.ClassNotFoundException: org.apache.jsp.WEB_002dINF.com.yourproject.test_jsp
- Boost下载安装编译配置使用指南（含Windows和Linux
- Swift UI学习UITableView and protocol use
- Amazon email system中使用的字体
- [SDOI 2013]方程
- 通过hook实现禁止shift+delete快捷键
- HDU5745-La Vie en rose-字符串dp+bitset优化
- git常用命令2--- git rebase
- saltstack系列~第二篇
- suse系统开启ssh方法
- POJ 3421 X-factor Chains (因式分解+排列组合)
- UVA 11168 Airport(凸包)
- python scrapy爬虫存储数据库方法带去重步骤
- Node.js学习笔记（4）--简单路由，老师学生id
- 看阿里P9架构师如何向你定义架构及架构师
- 从零开始的四轴飞行器-开篇flag
- 【转】Paxos算法2-算法过程
热门文章
- apache 提示You don't have permission to access /test.php on this server.怎样解决
- hdu 3695 Computer Virus on Planet Pandora(AC自己主动机)
- java基金会成立
- linux tar.gz zip 减压 压缩命令
- MyEclipse10.0 集成 SVN
- ASP.NET MVC+EF框架+EasyUI实现权限管理系列(10)- VSS源代码管理
- SpringMVC访问静态资源[转]
- thymeleaf模板引擎shiro集成框架
- java_model_dao_自动生成_generator-mybatis-generator-1.3.2 基于maven插件
- SVN & Git （一）