body{
    max-width: 10rem;
}
.content {
    margin: 0 auto;
    position: relative;
    padding: 0 0.35rem;
    overflow: hidden;
    /* padding-top: 0.8rem; */
    /* padding-bottom: 0.4rem; */
    text-align: center;
    box-sizing: border-box;
    font-size: 0;
}

.content>.box {
    width: 100%;
    position: relative;
    z-index: 2;
}

.fl {
    float: left;
    position: relative;
}

.fr {
    float: right;
    position: relative;
}
a{
    display: inline-block;
}


/* 主标题 */

.title {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 0.75rem;
    padding-top: 1.23rem;
}

.title h1 {
    /*font-size: 0.48rem;*/
    font-size: 0.68rem;
    font-weight: bold;
    /*color: #000000;*/
    color: #3071F2;
    position: relative;
}

.title h1:after {
    content: "";
    /*width: 2.85rem;*/
    /*height: 0.67rem;*/
    width: 3.2rem;
    height: 1.3rem;
    background: url('/liuxue/img/mobile/haishi/haishi20.png') no-repeat center;
    background-size: cover;
    position: absolute;
    opacity: 0.3;
    top: -.3rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.title.white h1:after {
    content: "";
    width: 2.85rem;
    height: 0.67rem;
    background: url('/liuxue/img/mobile/case/title.png') no-repeat center;
    background-size: cover;
    position: absolute;
    top: -.3rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}


/* 动效 */


/* 上下漂浮 */

@-webkit-keyframes float {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes float {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}