html, body {
    margin: 0;
    height: 100%
}

.sky {
    height: 480px;
    background: #fe6c6d;
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.peak {
    position: absolute;
    left: 0;
    top: 0;
    background: url("/style/images/peak/peak.png") no-repeat center 100px;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-size: cover;
}


.starsbox {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 300%;
    z-index: 1;
    overflow: hidden;
}

.stars {
    transform: perspective(500px);
    transform-style: preserve-3d;
    position: absolute;
    bottom: 0;
    perspective-origin: 50% 100%;
    left: 50%;
    animation: rotate 1500s infinite linear; /*调节云的移动速度*/
}

.star {
    width: 1477px;
    height: 499px;
    background: #fff;
    background: url("/style/images/cloud/cloud_one.png");
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0 -300px;
    transform: translate3d(0, 0, -0px);
    backface-visibility: hidden;
    opacity: 0.9;
}

.tian {
    position: absolute;
    left: 0;
    top: 0;
    background: url("/style/images/cloud/Sky.jpg") no-repeat right center;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-size: cover;
}

@keyframes rotate {
    0% {
        transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0);
    }

    100% {
        transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg);
    }
}



@-webkit-keyframes sky_background {
    0% {
        background: #fe6c6d;
        color: #fe6c6d
    }

    50% {
        background: #000;
        color: #a3d9ff
    }

    100% {
        background: #fe6c6d;
        color: #fe6c6d
    }
}

@-moz-keyframes sky_background {
    0% {
        background: #fe6c6d;
        color: #fe6c6d
    }

    50% {
        background: #000;
        color: #a3d9ff
    }

    100% {
        background: #fe6c6d;
        color: #fe6c6d
    }
}

@keyframes sky_background {
    0% {
        background: #fe6c6d;
        color: #fe6c6d
    }

    50% {
        background: #000;
        color: #a3d9ff
    }

    100% {
        background: #fe6c6d;
        color: #fe6c6d
    }
}


.search {
    position: relative;
    width: 100%;
    height: 50px;
    z-index: 52;
    margin-top:20px;
    margin-bottom:20px;
}

.search .searching {
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
}

@media (max-width: 1040px) {
    .search .searching {

    }

    .search .searching {

    }

    .search .searching {
        width: 100%;
    }
}

@media (max-width: 1040px) {

    .search .searching {
        width: 100%;
    }

    .search .searching {
        float: left;
        position: relative;
    }
}