.main.Home #banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 480px;
    background-image: none
}

.main.Home #homeSlider {
    height: 480px
}

.main.Home #homeSlider .swiper-container {
    height: inherit
}

.main.Home #homeSlider .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 5px;
    background-color: #fff;
    border-radius: 50%;
    opacity: 1;
    cursor: pointer
}

.main.Home #homeSlider .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.main.Home #homeSlider .swiper-container .swiper-pagination .swiper-pagination-bullet:hover {
    background-color: #1379d7
}

.main.Home #homeSlider .swiper-container .swiper-wrapper {
    height: inherit;
    transition-timing-function: swing
}

.main.Home #homeSlider .swiper-container .swiper-wrapper .swiper-slide {
    height: inherit
}

.main.Home #homeSlider .swiper-container .swiper-wrapper .swiper-slide a {
    display: block;
    position: absolute;
    width: 1920px;
    left: 50%;
    top: 0px;
    margin-left: -960px;
    height: inherit;
    overflow: hidden;
    text-align: center
}

.main.Home #content {
    padding: 0
}

.main.Home #content>.wrapper {
    width: auto
}

.homePage .gameArea {
    padding: 50px 0;
    /* background: url(../images/shadow_background.jpg) repeat-x left top */
}

.homePage .gameArea>.wrapper {
    display: flex;
    align-items: flex-end
}

.homePage .gameArea>.title {
    width: 100%;
    height: 73px;
    margin-bottom: 37px;
    background: url(../images/title.png) no-repeat center top
}

.homePage .gameArea .main {
    position: relative;
    float: left;
    padding-top: 300px;
    width: 369px;
    height: 500px;
    color: #000;
    font-size: 12px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center top;
    filter: drop-shadow(0px 2px 10px rgba(153, 195, 223, .5019607843))
}

.homePage .gameArea .main .play {
    position: absolute;
    top: 153px;
    left: 140px;
    display: none;
    width: 90px;
    height: 90px;
    background: url(../images/btn_play.png) 50% 0 no-repeat
}

.homePage .gameArea .main .play:hover {
    background-position: bottom
}

.homePage .gameArea .main .txt {
    margin: 12px 0
}

.homePage .gameArea .main .games {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 25px;
    height: 130px
}

.homePage .gameArea .main .games a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #000;
    font-size: 12px;
    -webkit-text-decoration: none;
    text-decoration: none;
    cursor: pointer
}

.homePage .gameArea .main .games a:first-child,
.homePage .gameArea .main .games a:last-child {
    padding-top: 20px
}

.homePage .gameArea .main .games a:before {
    content: "";
    display: block;
    width: 69px;
    height: 69px;
    margin: 0 auto 7px;
    transition: all .5s;
    transform-style: preserve-3d
}

.homePage .gameArea .main .games a p {
    margin: 0
}

.homePage .gameArea .main .games a:hover:before {
    transform: rotateY(360deg)
}

.homePage .gameArea .main .games a:hover p {
    color: #1379d7
}

.homePage .gameArea .main .itemFooter {
    position: absolute;
    left: 50%;
    bottom: 8px;
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(-50%);
    overflow: hidden
}

.homePage .gameArea .main .itemFooter span {
    position: absolute;
    bottom: -62px;
    display: none;
    width: 143px;
    height: 137px;
    background: url(../images/light_ttl.png) 50% 0 no-repeat;
    animation: flash2 1.3s cubic-bezier(0, .6, 1, .4);
    animation-iteration-count: infinite
}

.homePage .gameArea .main:hover {
    background-position: center bottom
}

.homePage .gameArea .main:hover .play,
.homePage .gameArea .main:hover .itemFooter span {
    display: block
}

.homePage .gameArea .main.board {
    background-image: url(../images/first_card_bg.png)
}

.homePage .gameArea .main.board .games .game01:before {
    background-image: url(../images/card_icon01.png)
}

.homePage .gameArea .main.board .games .game02:before {
    background-image: url(../images/card_icon02.png)
}

.homePage .gameArea .main.board .games .game03:before {
    background-image: url(../images/card_icon03.png)
}

.homePage .gameArea .main.board .games .game04:before {
    background-image: url(../images/card_icon04.png)
}

.homePage .gameArea .main.board .itemFooter {
    width: 216px;
    height: 42px;
    background-image: url(../images/poker_ttl.png)
}

.homePage .gameArea .main.slot {
    width: 443px;
    height: 542px;
    padding-top: 329px;
    background-image: url(../images/first_casino_bg.png)
}

.homePage .gameArea .main.slot .play {
    top: 169px;
    left: 177px
}

.homePage .gameArea .main.slot .games {
    padding: 0 35px
}

.homePage .gameArea .main.slot .games .game01:before {
    background-image: url(../images/casino_icon01.png)
}

.homePage .gameArea .main.slot .games .game02:before {
    background-image: url(../images/casino_icon02.png)
}

.homePage .gameArea .main.slot .games .game03:before {
    background-image: url(../images/casino_icon03.png)
}

.homePage .gameArea .main.slot .games .game04:before {
    background-image: url(../images/casino_icon04.png)
}

.homePage .gameArea .main.slot .itemFooter {
    width: 262px;
    height: 50px;
    background-image: url(../images/slot_ttl.png)
}

.homePage .gameArea .main.fish {
    background-image: url(../images/first_fishing_bg.png)
}

.homePage .gameArea .main.fish .games .game01:before {
    background-image: url(../images/fishing_icon01.png)
}

.homePage .gameArea .main.fish .games .game02:before {
    background-image: url(../images/fishing_icon02.png)
}

.homePage .gameArea .main.fish .games .game03:before {
    background-image: url(../images/fishing_icon03.png)
}

.homePage .gameArea .main.fish .games .game04:before {
    background-image: url(../images/fishing_icon04.png)
}

.homePage .gameArea .main.fish .itemFooter {
    width: 216px;
    height: 42px;
    background-image: url(../images/fish_ttl.png)
}

@keyframes flash2 {
    0% {
        transform: translate(-50px) rotate(0)
    }

    to {
        transform: translate(328px) rotate(360deg)
    }
}

.homePage .otherArea {
    padding-top: 51px;
    background: #fff
}

.homePage .otherArea>.wrapper {
    min-height: 570px
}

.homePage .otherArea>.wrapper:before {
    content: "";
    display: block;
    height: 74px;
    background: url(../images/title.png) no-repeat center top
}

.homePage .otherArea .menu {
    position: absolute;
    top: 110px;
    left: 0
}

.homePage .otherArea .menu>li {
    width: 281px;
    height: 102px;
    background: url(../images/menu_bg.png) no-repeat center top
}

.homePage .otherArea .menu>li.active {
    background-image: url(../images/menu_hover.png)
}

.homePage .otherArea .menu>li+li {
    margin-top: 30px
}

.homePage .otherArea .menu>li a {
    position: relative;
    display: block;
    height: 100%;
    padding: 27px 0 0 120px
}

.homePage .otherArea .menu>li a .people {
    position: absolute;
    left: 3px;
    bottom: 4px;
    background-repeat: no-repeat;
    background-position: center top
}

.homePage .otherArea .menu>li a .title {
    width: 114px;
    height: 46px;
    background-repeat: no-repeat;
    background-position: center top
}

.homePage .otherArea .menu>li.live a .people {
    width: 132px;
    height: 156px;
    background-image: url(../images/indexClassifyMenu01.png)
}

.homePage .otherArea .menu>li.live a .title {
    background-image: url(../images/text01.png)
}

.homePage .otherArea .menu>li.sport a .people {
    width: 153px;
    height: 126px;
    background-image: url(../images/indexClassifyMenu02.png)
}

.homePage .otherArea .menu>li.sport a .title {
    background-image: url(../images/text02.png)
}

.homePage .otherArea .menu>li.lottery a .people {
    width: 135px;
    height: 127px;
    background-image: url(../images/indexClassifyMenu03.png)
}

.homePage .otherArea .menu>li.lottery a .title {
    background-image: url(../images/text03.png)
}

.homePage .otherArea .menu>li.esport a .people {
    width: 122px;
    height: 133px;
    background-image: url(../images/indexClassifyMenu04.png)
}

.homePage .otherArea .menu>li.esport a .title {
    background-image: url(../images/text04.png)
}

.homePage .otherArea .platform {
    display: flex;
    margin-left: 300px;
    margin-top: 30px
}

.homePage .otherArea .platform .mainContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    animation: ani_boxLeft .8s linear alternate
}

.homePage .otherArea .platform .mainContent .title {
    width: 506px;
    height: 279px;
    background-repeat: no-repeat;
    background-position: center
}

.homePage .otherArea .platform .mainContent .games {
    display: flex;
    margin-top: 20px
}

.homePage .otherArea .platform .mainContent .games span {
    width: 74px;
    height: 92px;
    background-repeat: no-repeat;
    background-position: center
}

.homePage .otherArea .platform .mainContent .btnEnter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 166px;
    height: 53px;
    margin-top: 30px;
    color: #fff;
    font-size: 16px;
    -webkit-text-decoration: none;
    text-decoration: none;
    background: url(../images/indexClassifyBtn.png) no-repeat center top
}

.homePage .otherArea .platform .mainContent .btnEnter:hover {
    background: url(../images/indexClassifyBtn_hover.png) no-repeat center top
}

.homePage .otherArea .platform .pic {
    position: relative;
    width: 479px;
    height: 540px;
    background-repeat: no-repeat;
    background-position: center top;
    animation: ani_boxRight .8s linear alternate
}

.homePage .otherArea .platform.live .title {
    background-image: url(../images/tit01.png)
}

.homePage .otherArea .platform.live .games .game01 {
    background-image: url(../images/icon-casino01.png)
}

.homePage .otherArea .platform.live .games .game01:hover {
    background-image: url(../images/icon-casino01_hover.png)
}

.homePage .otherArea .platform.live .games .game02 {
    background-image: url(../images/icon-casino02.png)
}

.homePage .otherArea .platform.live .games .game02:hover {
    background-image: url(../images/icon-casino02_hover.png)
}

.homePage .otherArea .platform.live .games .game03 {
    background-image: url(../images/icon-casino03.png)
}

.homePage .otherArea .platform.live .games .game03:hover {
    background-image: url(../images/icon-casino03_hover.png)
}

.homePage .otherArea .platform.live .games .game04 {
    background-image: url(../images/icon-casino04.png)
}

.homePage .otherArea .platform.live .games .game04:hover {
    background-image: url(../images/icon-casino04_hover.png)
}

.homePage .otherArea .platform.live .games .game05 {
    background-image: url(../images/icon-casino05.png)
}

.homePage .otherArea .platform.live .games .game05:hover {
    background-image: url(../images/icon-casino05_hover.png)
}

.homePage .otherArea .platform.live .games .game06 {
    background-image: url(../images/icon-casino06.png)
}

.homePage .otherArea .platform.live .games .game06:hover {
    background-image: url(../images/icon-casino06_hover.png)
}

.homePage .otherArea .platform.live .games .game07 {
    background-image: url(../images/icon-casino07.png)
}

.homePage .otherArea .platform.live .games .game07:hover {
    background-image: url(../images/icon-casino07_hover.png)
}

.homePage .otherArea .platform.live .pic {
    height: 553px;
    background-image: url(../images/mainBg01.png)
}

.homePage .otherArea .platform.live .pic .icon01 {
    position: absolute;
    top: 0;
    left: 100px;
    width: 87px;
    height: 94px;
    background: url(../images/ani_01-1.png) no-repeat center;
    animation: ani_01-2 .6s linear infinite alternate
}

.homePage .otherArea .platform.live .pic .icon02 {
    position: absolute;
    bottom: 0;
    right: 100px;
    width: 119px;
    height: 95px;
    background: url(../images/ani_01-2.png) no-repeat center;
    animation: ani_01-1 .6s linear infinite alternate
}

.homePage .otherArea .platform.sport .title {
    background-image: url(../images/Tit02.png)
}

.homePage .otherArea .platform.sport .games .game01 {
    background-image: url(../images/icon-sport01.png)
}

.homePage .otherArea .platform.sport .games .game01:hover {
    background-image: url(../images/icon-sport01_hover.png)
}

.homePage .otherArea .platform.sport .games .game02 {
    background-image: url(../images/icon-sport02.png)
}

.homePage .otherArea .platform.sport .games .game02:hover {
    background-image: url(../images/icon-sport02_hover.png)
}

.homePage .otherArea .platform.sport .games .game03 {
    background-image: url(../images/icon-sport03.png)
}

.homePage .otherArea .platform.sport .games .game03:hover {
    background-image: url(../images/icon-sport03_hover.png)
}

.homePage .otherArea .platform.sport .games .game04 {
    background-image: url(../images/icon-sport04.png)
}

.homePage .otherArea .platform.sport .games .game04:hover {
    background-image: url(../images/icon-sport04_hover.png)
}

.homePage .otherArea .platform.sport .games .game05 {
    background-image: url(../images/icon-sport05.png)
}

.homePage .otherArea .platform.sport .games .game05:hover {
    background-image: url(../images/icon-sport05_hover.png)
}

.homePage .otherArea .platform.sport .games .game06 {
    background-image: url(../images/icon-sport06.png)
}

.homePage .otherArea .platform.sport .games .game06:hover {
    background-image: url(../images/icon-sport06_hover.png)
}

.homePage .otherArea .platform.sport .games .game07 {
    background-image: url(../images/icon-sport07.png)
}

.homePage .otherArea .platform.sport .games .game07:hover {
    background-image: url(../images/icon-sport07_hover.png)
}

.homePage .otherArea .platform.sport .pic {
    background-image: url(../images/mainBg02.png)
}

.homePage .otherArea .platform.sport .pic .icon01 {
    position: absolute;
    bottom: 0;
    left: 100px;
    width: 126px;
    height: 126px;
    background: url(../images/ani_02-1.png) no-repeat center;
    animation: ani_02-1 .6s linear infinite alternate
}

.homePage .otherArea .platform.lottery .title {
    background-image: url(../images/Tit03.png)
}

.homePage .otherArea .platform.lottery .games .game01 {
    background-image: url(../images/icon-lottery01.png)
}

.homePage .otherArea .platform.lottery .games .game01:hover {
    background-image: url(../images/icon-lottery01_hover.png)
}

.homePage .otherArea .platform.lottery .games .game02 {
    background-image: url(../images/icon-lottery02.png)
}

.homePage .otherArea .platform.lottery .games .game02:hover {
    background-image: url(../images/icon-lottery02_hover.png)
}

.homePage .otherArea .platform.lottery .games .game03 {
    background-image: url(../images/icon-lottery03.png)
}

.homePage .otherArea .platform.lottery .games .game03:hover {
    background-image: url(../images/icon-lottery03_hover.png)
}

.homePage .otherArea .platform.lottery .games .game04 {
    background-image: url(../images/icon-lottery04.png)
}

.homePage .otherArea .platform.lottery .games .game04:hover {
    background-image: url(../images/icon-lottery04_hover.png)
}

.homePage .otherArea .platform.lottery .games .game05 {
    background-image: url(../images/icon-lottery05.png)
}

.homePage .otherArea .platform.lottery .games .game05:hover {
    background-image: url(../images/icon-lottery05_hover.png)
}

.homePage .otherArea .platform.lottery .games .game06 {
    background-image: url(../images/icon-lottery06.png)
}

.homePage .otherArea .platform.lottery .games .game06:hover {
    background-image: url(../images/icon-lottery06_hover.png)
}

.homePage .otherArea .platform.lottery .games .game07 {
    background-image: url(../images/icon-lottery07.png)
}

.homePage .otherArea .platform.lottery .games .game07:hover {
    background-image: url(../images/icon-lottery07_hover.png)
}

.homePage .otherArea .platform.lottery .pic {
    background-image: url(../images/mainBg03.png)
}

.homePage .otherArea .platform.lottery .pic .icon01 {
    position: absolute;
    bottom: 98px;
    right: 60px;
    width: 61px;
    height: 61px;
    background: url(../images/ani_03-1.png) no-repeat center;
    animation: ani_03-1 .6s linear infinite alternate
}

.homePage .otherArea .platform.lottery .pic .icon02 {
    position: absolute;
    bottom: 166px;
    right: 15px;
    width: 46px;
    height: 44px;
    background: url(../images/ani_03-2.png) no-repeat center;
    animation: ani_03-2 .6s linear infinite alternate
}

.homePage .otherArea .platform.esport .title {
    background-image: url(../images/Tit04.png)
}

.homePage .otherArea .platform.esport .games .game01 {
    width: 419px;
    height: 86px;
    background-image: url(../images/indexClassify16.png)
}

.homePage .otherArea .platform.esport .pic {
    background-image: url(../images/mainBg04.png)
}

.homePage .otherArea .platform.esport .pic .icon01 {
    position: absolute;
    top: 16px;
    left: 52px;
    width: 78px;
    height: 94px;
    background: url(../images/ani_04-1.png) no-repeat center;
    animation: ani_04-2 .6s linear infinite alternate
}

.homePage .otherArea .platform.esport .pic .icon02 {
    position: absolute;
    bottom: 63px;
    right: 16px;
    width: 80px;
    height: 79px;
    background: url(../images/ani_04-2.png) no-repeat center;
    animation: ani_04-1 .6s linear infinite alternate
}

@keyframes ani_boxLeft {
    0% {
        visibility: hidden;
        opacity: .2;
        left: 80px
    }

    to {
        visibility: visible;
        opacity: 1;
        left: 0px
    }
}

@keyframes ani_boxRight {
    0% {
        visibility: hidden;
        opacity: .2;
        right: 80px
    }

    to {
        visibility: visible;
        opacity: 1;
        right: 0px
    }
}

@keyframes ani_03-1 {
    0% {
        bottom: 98px
    }

    to {
        bottom: 85px
    }
}

@keyframes ani_03-2 {
    0% {
        bottom: 166px
    }

    to {
        bottom: 180px;
        right: 26px
    }
}

@keyframes ani_04-1 {
    0% {
        bottom: 63px
    }

    to {
        bottom: 35px;
        right: 28px
    }
}

@keyframes ani_04-2 {
    0% {
        top: 16px
    }

    to {
        top: 0px;
        left: 78px
    }
}

@keyframes ani_02-1 {
    0% {
        bottom: 28px
    }

    to {
        bottom: 40px
    }
}

@keyframes ani_01-1 {
    0% {
        bottom: 8px
    }

    to {
        bottom: 18px
    }
}

@keyframes ani_01-2 {
    0% {
        top: 0px
    }

    to {
        top: 10px
    }
}

.homePage .appArea {
    height: 589px;
    background: #eff7fa url(../images/bg.png?version=20250505022) no-repeat center
}

.homePage .appArea .wrapper {
    padding-top: 35px
}

.homePage .appArea .title {
    width: 500px;
    height: 90px;
    margin-bottom: 30px;
    background: url(../images/title.png) no-repeat center
}

.homePage .appArea .info {
    width: 500px
}

.homePage .appArea .info p {
    margin: 0 0 22px;
    color: #343e46;
    font-size: 14px;
    line-height: 2.15
}

.homePage .appArea .info ul {
    display: block;
    font-size: 0
}

.homePage .appArea .info ul li {
    display: inline-block;
    vertical-align: top;
    color: #343e46;
    font-size: 14px;
    line-height: 1.75;
    text-align: center
}

.homePage .appArea .info ul li a {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
    cursor: pointer
}

.homePage .appArea .info ul li span {
    display: block;
    color: #32a8ff
}

.homePage .appArea .info ul li.qr {
    margin-right: 74px
}

.homePage .infoArea {
    padding: 31px 0 20px;
    background-color: #fff
}

.homePage .infoArea img {
    max-width: 100%
}

.homePage .infoArea .title {
    height: 70px;
    margin-bottom: 35px;
    background: url(../images/title.png?verison=2025050501) no-repeat center
}

.homePage .infoArea .data {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    line-height: 1
}

.homePage .infoArea .data li .circle {
    position: relative;
    width: 174px;
    height: 202px;
    background: url(../images/percentage-box.png) no-repeat 36%
}

.homePage .infoArea .data li .circle:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 173px;
    height: 173px;
    background: url(../images/percentage-value.png) no-repeat center
}

.homePage .infoArea .data li .info {
    position: relative;
    z-index: 1;
    padding-top: 45px;
    text-align: center
}

.homePage .infoArea .data li .info .amount {
    display: block;
    color: #009af9;
    font-size: 48px;
    line-height: 75px
}

.homePage .infoArea .data li .info .unit {
    color: #009af9;
    font-size: 16px
}

.homePage .infoArea .data li p {
    margin: 0 0 25px;
    color: #323232;
    font-size: 16px;
    line-height: 20px;
    text-align: center
}

.homePage .infoArea .data li .shadow {
    position: absolute;
    top: 5px;
    width: 86.5px;
    height: 173px;
    overflow: hidden
}

.homePage .infoArea .data li .shadow>div {
    position: absolute;
    width: 86.5px;
    height: 173px;
    left: 0;
    top: 0;
    overflow: hidden
}

.homePage .infoArea .data li .shadow>div>div {
    position: absolute;
    top: 0;
    width: 173px;
    height: 173px;
    border-radius: 50%;
    border: 15px solid rgba(247, 247, 248, .8)
}

.homePage .infoArea .data li .shadow.shadowLeft {
    left: 0
}

.homePage .infoArea .data li .shadow.shadowLeft>div {
    transform-origin: right
}

.homePage .infoArea .data li .shadow.shadowLeft>div>div {
    left: 0
}

.homePage .infoArea .data li.rotate218 .shadow.shadowLeft>div,
.homePage .infoArea .data li.rotate322 .shadow.shadowLeft>div,
.homePage .infoArea .data li.rotate180 .shadow.shadowLeft>div,
.homePage .infoArea .data li.rotate288 .shadow.shadowLeft>div {
    transform: rotate(181deg);
    animation: rotate181 .7s linear infinite;
    animation-iteration-count: 1
}

.homePage .infoArea .data li .shadow.shadowRight {
    right: 0
}

.homePage .infoArea .data li .shadow.shadowRight>div {
    transform-origin: left
}

.homePage .infoArea .data li .shadow.shadowRight>div>div {
    right: 0
}

.homePage .infoArea .data li.rotate180 .shadow.shadowRight>div {
    transform: rotate(1deg);
    animation: rotate1 .3s linear .7s infinite both;
    animation-iteration-count: 1
}

.homePage .infoArea .data li.rotate218 .shadow.shadowRight>div {
    transform: rotate(38deg);
    animation: rotate38 .3s linear .7s infinite both;
    animation-iteration-count: 1
}

.homePage .infoArea .data li.rotate322 .shadow.shadowRight>div {
    transform: rotate(142deg);
    animation: rotate142 .3s linear .7s infinite both;
    animation-iteration-count: 1
}

.homePage .infoArea .data li.rotate288 .shadow.shadowRight>div {
    transform: rotate(108deg);
    animation: rotate108 .3s linear .7s infinite both;
    animation-iteration-count: 1
}

.homePage .infoArea ul.benefit {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.homePage .infoArea ul.benefit li {
    width: 580px;
    font-size: 0;
    margin-bottom: 20px
}

.homePage .infoArea ul.benefit li:before {
    content: "";
    display: inline-block;
    width: 113px;
    height: 113px;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center
}

.homePage .infoArea ul.benefit li p {
    display: inline-block;
    width: 467px;
    height: 113px;
    vertical-align: top;
    margin: 0;
    padding: 10px 22px 0 29px;
    color: #343e46;
    font-size: 12px;
    line-height: 2;
    border: 1px solid #00c0ff;
    border-left: none;
    border-radius: 0 10px 10px 0
}

.homePage .infoArea ul.benefit li p span {
    display: block;
    margin-bottom: 4px;
    font-size: 18px
}

.homePage .infoArea ul.benefit li.pro:before {
    background-image: url(../images/icon_pro.png)
}

.homePage .infoArea ul.benefit li.security:before {
    background-image: url(../images/icon_security.png)
}

.homePage .infoArea ul.benefit li.conv:before {
    background-image: url(../images/icon_conv.png)
}

.homePage .infoArea ul.benefit li.fast:before {
    background-image: url(../images/icon_fast.png)
}

@keyframes rotate38 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(38deg)
    }
}

@keyframes rotate142 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(142deg)
    }
}

@keyframes rotate181 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(181deg)
    }
}

@keyframes rotate1 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1deg)
    }
}

@keyframes rotate108 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(108deg)
    }
}