.slides-box-li-01 {
    background: url('../images/1-1.jpg') center no-repeat;
}

.slides-box-li-02 {
    background: url('../images/2-2.jpg') center no-repeat;
}

.slides-box-li-03 {
    background: url('../images/3-3.jpg') center no-repeat;
}

.slides-box-li-04 {
    background: url('../images/4-4.jpg') center no-repeat;
}

.slides-box-li-05 {
    background: url('../images/5-5.jpg') center no-repeat;
}

.logo-wenzi {
    margin-bottom: 30px;
    margin-top: 20px;
    text-align: center;
}

.s1 .sponsor-div {
    position: absolute;
    background: rgb(218, 218, 218);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.39);
    width: 400px;
    height: 370px;
    border-radius: 4px;
}

.s1 {
    position: fixed;
    z-index: 10;
    left: 50%;
    margin-left:190px;
    margin-top: 290px;
    width: 400px;
    height: 400px;
}

.pagination > li:first-child > a, .pagination > li:last-child > a {
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 25px;
    background: #000;
    color: #fff;
    text-align: center;
    font-family: Arial;
    text-decoration: none;
}

.pagination > li > a {
    padding: 0px;
}

.form-group {
    margin-top: 5px;
    margin-bottom: 15px;
}

.qr-code-img {
    background: url('../images/qr.png') center no-repeat;
}

@-webkit-keyframes flipOutYtest {
    from {
        -webkit-transform: perspective(1400px);
        transform: perspective(1400px);
    }

    40% {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
        opacity: 1;
    }

    50% {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }

    to {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
        opacity: 0;
    }
}

.test {
    -webkit-animation: flipOutYtest 0.75s linear;
    animation: flipOutYtest 0.75s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background: white;
    z-index: 5;
}

@-webkit-keyframes flipInYtest {
    from {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
        opacity: 0;
    }

    50% {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(1400px);
        transform: perspective(1400px);
        opacity: 1;
    }
}

.test2 {
    -webkit-animation: flipInYtest 0.75s linear;
    animation: flipInYtest 0.75s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background: white;
    z-index: 10;
}

.well .well-item {
    position: relative;
    float: left;
    width: 23%;
    min-height: 250px;
    margin: 1%;
}

.correct {
    position: absolute;
    width: 100%;
}

.opposite {
    width: 100%;
}

.opposite-content {
    display: table;
    width: 100%;
    min-height: 250px;
}

span.wen-zi {
    cursor: pointer;
}
span.wen-zi:hover{
    color: #0d8ddb;
}