﻿@charset "utf-8";
/* CSS Document */

body {

    font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
}

* {
    margin: 0;
    padding: 0;
}

img {
    border: none;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #ff376f;
}

    a:hover {
        color: #FF0;
    }

ul li {
    list-style: none;
}

em {
    font-style: normal;
    color: #c7000a;
}

.head_in .logo {
    margin-top: 4px;
}
 @keyframes mysnow {
            0% {
                bottom: 100%;
                opacity: 0;
            }

            50% {
                opacity: 1;
                transform: rotate(1080deg);
            }

            100% {
                transform: rotate(0deg);
                opacity: 0;
                bottom: 0;
            }
        }

        @-webkit-keyframes mysnow {
            0% {
                bottom: 100%;
                opacity: 0;
            }

            50% {
                opacity: 1;
                -webkit-transform: rotate(1080deg);
            }

            100% {
                -webkit-transform: rotate(0deg);
                opacity: 0;
                bottom: 0;
            }
        }

        @-moz-keyframes mysnow {
            0% {
                bottom: 100%;
                opacity: 0;
            }

            50% {
                opacity: 1;
                -moz-transform: rotate(1080deg);
            }

            100% {
                -moz-transform: rotate(0deg);
                opacity: 0;
                bottom: 0;
            }
        }

        @-ms-keyframes mysnow {
            0% {
                bottom: 100%;
                opacity: 0;
            }

            50% {
                opacity: 1;
                -ms-transform: rotate(1080deg);
            }

            100% {
                -ms-transform: rotate(0deg);
                opacity: 0;
                bottom: 0;
            }
        }

        @-o-keyframes mysnow {
            0% {
                bottom: 100%;
                opacity: 0;
            }

            50% {
                opacity: 1;
                -o-transform: rotate(1080deg);
            }

            100% {
                -o-transform: rotate(0deg);
                opacity: 0;
                bottom: 0;
            }
        }

        .roll {
            position: absolute;
            opacity: 0;
            animation: mysnow 5s;
            -webkit-animation: mysnow 5s;
            -moz-animation: mysnow 5s;
            -ms-animation: mysnow 5s;
            -o-animation: mysnow 5s;
            height: 80px;
        }

        .div {
            position: fixed;
        }



.conter{
    overflow:hidden;
    background:#1390a9;
}

.bath01 {
    background: url('/content/Images/HuoDong_Korea/2018sd/2018sd_01.jpg') top center no-repeat;
    height:224px;
}
.bath02 {
    background: url('/content/Images/HuoDong_Korea/2018sd/2018sd_02.jpg') top center no-repeat;
    height:224px;
}
.bath03 {
    background: url('/content/Images/HuoDong_Korea/2018sd/2018sd_03.jpg') top center no-repeat;
    height:224px;
}
.bath04 {
    background: url('/content/Images/HuoDong_Korea/2018sd/2018sd_05.jpg') top center no-repeat;
    height:320px;
    width:1147px;
    margin:auto;
}
.bath05 {
    background: url('/content/Images/HuoDong_Korea/2018sd/2018sd_06.jpg') top center no-repeat;
    height:120px;
    width:1147px;
    margin:auto;
}
.bath06 {
    background: url('/content/Images/HuoDong_Korea/2018sd/2018sd_07.jpg') top center no-repeat;
    height:368px;
    width:1147px;
    margin:auto;
	position: relative;
}



.egg {
    width: 750px;
    height: 500px;
    margin: 50px auto 20px auto;
    background: url(images/bg.jpg);
    position: relative;
}

.egg ul li {
	z-index: 999;
}

.eggList {
	width: 1007px;
    padding:80px 0 0;
    overflow:hidden;
    margin:auto;
}

    .eggList li {
        float: left;
        background: url(/content/Images/HuoDong_Korea/2018sd/egg_1.png) no-repeat bottom;
        width: 302px;
        height: 252px;
        cursor: pointer;
        margin: 0 10px;
    }
    .eggList .ballOut{
        background: url(/content/Images/HuoDong_Korea/2018sd/egg_2.png) no-repeat bottom;

    }


    @keyframes imgTarget {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    50% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }

    75% {
        transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
    }

    100% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
}
#imgTarget {
    position: absolute;
    border: 0px solid red;
    transform-origin: right bottom;
    -webkit-transform-origin: right bottom;
    right:50px;
}
.imgTargetActive {
    animation:imgTarget ease 0.8s ;
}



.jiangp,.bdMain{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:9999;
}
.conTxt {
    position: absolute;
    z-index: 99999;
    width: 564px;
    height: 680px;
    top: 50%;
    margin-top: -340px;
    left: 50%;
    margin-left: -282px;
    /*background: url('/content/Images/HuoDong_Korea/2018sd/one.png') top center no-repeat;*/
}



.conTxt span{
    display:block;
    position:absolute;
    right:50px;
    top:30px;
    font-size:30px;
    color:#fff;
    cursor:pointer;
}
.conTxt span:hover{
    color:#FF0;
}

.conTxt a{
    display:block;
    position:absolute;
    left:200px;
    bottom:160px;
    font-size:30px;
    color:#ff562f;
    cursor:pointer;
}
.conTxt a:hover{
    color:#c7000a;
}


.bdDiv {
    position: absolute;
    z-index: 99999;
    width: 564px;
    height: 587px;
    top: 50%;
    margin-top: -293.5px;
    left: 50%;
    margin-left: -282px;
    background: url('/content/Images/HuoDong_Korea/2018sd/bd.png') top center no-repeat;
}
.bdDiv>span{
    display:block;
    position:absolute;
    right:50px;
    top:30px;
    font-size:30px;
    color:#fff;
    cursor:pointer;
}
.bdDiv>span:hover{
    color:#FF0;
}

.bdDiv>a{
    display:block;
    position:absolute;
    left:230px;
    bottom:150px;
    font-size:30px;
    color:#ff562f;
    cursor:pointer;
}
.bdDiv>a:hover{
    color:#c7000a;
}
.bdCon{
    position:absolute;
    top:130px;
}
.bdCon .item{
    float:left;
    margin:20px 10px;
}
.bdCon span{
    width:180px;
    float:left;
    display:block;
    line-height:50px;
    font-size:21px;
    color:#0d0d0d;
    text-align:right;
}
.bdCon .bdk{
    float:left;
    width:256px;
    height:48px;
    line-height:48px;
    padding:0 5px;
    border:1px  solid #7e6b5a;
}





.bath07 {
    background: url('/content/Images/HuoDong_Korea/2018sd/2018sd_11.jpg') top center no-repeat;
    height:368px;
    width:1004px;
    margin:50px auto;
	position: relative;
}
.zyTxt {
    width:440px;
    height:210px;
    position:absolute;
    top:100px;
    left:330px;
}
.zyTxt span{
    font-size:24px;
    color:#fff100;
    display:block;
    margin-bottom:15px;
}
.zyTxt p{
    line-height:30px;
    font-size:18px;
    color:#fff;
}

.bath08{
    overflow:hidden;
}
.bath08 .conTitle{
    text-align:center;
}
.bath08 .conMain{
    width:830px;
    margin:auto;
    overflow:hidden;
}
.bath08 .conMain a{
    display:block;
    width:299px;
    height:160px;
    float:left;
    margin:20px 58px;
}
.bath08 .conMain a:hover{
    opacity:.8;
}