/*
   public.css
   <project>
   
   Created by Administrator on 2015-06-04.
   Copyright 2015 Administrator. All rights reserved.
*/

* {
    margin: 0;
    padding: 0;
    outline: 0;
}

body {
    background-color: #FFFFFF;
}

.hide {
    display: none;
}

.visibility_hidden {
    visibility: hidden;
    /*visibility: visible;*/
}

.container {
    background-color: #d9e4eb;
    max-width: 640px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.abs {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}

.rel {
    position: relative;
    z-index: 2;
}

.pages_bg {
    z-index: 0;
}

.swiper-container {}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #e44414;
    opacity: .4;
}

.swiper-pagination-bullet-active {
    opacity: 1;
}

.popup_layer_fixed {
    position: fixed !important;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
}

.arrows_up {
    top: auto;
    z-index: 99;
    left: 50%;
    width: 40px;
    margin-left: -20px;
    bottom: 4%;
}


/*音乐*/

.topCon {
    display: block;
    position: fixed;
    z-index: 2;
    top: 2%;
    right: 3%;
    height: 40px;
    background: rgba(204, 204, 204, 0);
}

.sound {
    width: 15px;
    height: 15px;
    padding: 5px;
    border: 2px solid #F9F9F9;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    background: url(../images/soundoff.png) center center no-repeat;
    background-size: 50% 50%;
}

.rotateAm {
    -webkit-animation-name: rotateAm;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes rotateAm {
    0% {
        opacity: 1;
    }
    25% {
        -webkit-transform: rotate(0deg)
    }
    25% {
        -webkit-transform: rotate(90deg)
    }
    50% {
        -webkit-transform: rotate(180deg)
    }
    75% {
        -webkit-transform: rotate(270deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}


/*音乐end*/

.fadeInUp {
    animation: fadeInUp 1s ease-out infinite;
    -webkit-animation: fadeInUp 1s ease-out infinite;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
/*ip 4s*/

@media all and (min-width: 320px) and (max-height: 416px) {}


/*ip 5s*/

@media all and (min-width: 320px) and (max-height: 504px) {}


/*andriod*/

@media all and (min-width: 360px) {}


/*samsung*/

@media all and (min-width: 360px) and (max-height: 567px) {}


/*huawei*/

@media all and (min-width: 360px) and (max-height: 519px) {}


/*xiaomi*/

@media all and (min-width: 360px) and (max-height: 572px) {}


/*ip 6*/

@media all and (min-width: 375px) {}


/*ip 6+*/

@media all and (min-width: 414px) {}


/*meizu*/

@media all and (min-width: 432px) and (max-height: 599px) {}