﻿*, html {
    background-color: #fff !important;
}
/* 轮播 */

.head {
    margin-top: 1.33rem;
    height: 5.266rem;
    overflow: hidden;
    position: relative;
}

    .head img {
        height: 100%;
        vertical-align: middle;
    }

    .head .swiper-pagination-bullet {
        width: 0.25rem;
        height: 0.25rem;
        display: inline-block;
        border-radius: 0.5rem;
        background: #fff;
        opacity: 0.2;
    }

    .head .swiper-pagination-bullet-active {
        opacity: 1;
        background: #fff;
    }


/*.serve*/

.serve {
    background-color: #FFFFFF;
    padding: 15px 0px;
}

.detail-Img {
    width: 4.146rem;
    height: 1.493rem;
    margin: auto;
    margin-top: 0.7467rem;
}

    .detail-Img img {
        width: 100%;
    }

.detail {
    width: 90%;
    margin: auto;
}

    .detail ul li {
        /*display:flex;*/
        background-color: #FFFFFF;
        margin-top: 0.9867rem;
        display: box;
        /* OLD - Android 4.4- */
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        /* 09版 */
        -webkit-box-align: center;
        /* 12版 */
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        position: relative;
    }

.image {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    box-shadow: 0px 0px 10px 4px #ddf0ff;
    /* margin-right: 0.16rem; */
    border-radius: 50%;
    width: 2.13rem;
    height: 2.13rem;
}

.detail ul li {
    box-sizing: border-box;
    box-shadow: 5px 8px 15px #ddf0ff;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 5em;
    margin-bottom: 1.0267rem;
}

.detail-right {
    width: 55%;
    /* margin: 0.1rem; */
    margin: 0 0.1rem 0.38rem 2.333rem;
    /* margin-left: 2.333rem;
    margin-bottom: 0.38rem; */
    padding-top: 0.2rem;
    line-height: 0.4rem;
}

    .detail-right span {
        color: #666666;
        font-weight: bold;
        /* overflow: hidden; */
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        display: block;
        font-size: 0.3733rem;
        line-height: 0.4rem;
    }

.understand {
    width: 3.466rem;
    height: 0.76rem;
    border-radius: 0.666rem;
    background-color: #abd6ff;
    color: #fff;
    text-align: center;
    line-height: 0.76rem;
    margin-top: 1.05rem;
    margin: 0 auto;
    font-size: 0.346rem;
}



.five {
    padding-top:1.5rem;
    width: 90%;
    margin: 0 auto;
}

    .five.success .title-bg {
        box-shadow: 0 0.04rem 0.1733rem 0 rgba(202,202,202,0.56);
    }

.five-img {
    width: 4.1333rem;
    height: 1.5067rem;
    margin: 0.773rem auto;
}

.five-title {
    /*height: 1.2rem;
	line-height: 1.2rem;*/
    margin: 0.5rem 0;
}

    .five-title img {
        width: 0.106rem;
        height: 0.533rem;
        margin-left: 0.2rem;
    }

    .five-title span {
        font-weight: bold;
        margin-left: 0.28rem;
        position: relative;
        top: 0.1rem;
    }

/* [data-dpr="1"] .five-title span {
    font-size: 15px;
}

[data-dpr="2"] .five-title span {
    font-size: 30px;
}

[data-dpr="3"] .five-title span {
    font-size: 45px;
} */

.title-bg {
    background-color: #FFFFFF;
    margin-bottom: 0.4rem;
    border-radius: 0.133rem;
    /*background: url(../images/homepage/shegou.png) no-repeat center;
    background-size: 100% 100%;
    height: 9.6rem;*/
}

    .title-bg img {
        width: 100%;
        margin: 0 auto;
    }

    .title-bg span {
        padding: 0.15rem 0.3rem;
        margin-top: 0.2rem;
        display: inline-block;
        color: #333;
        font-size: 0.453rem;
        font-weight: bold;
    }

.understand.mar-tb-8 {
    margin: 0.066rem auto 0.56rem;
}

.mar-tb-8 {
    margin: 0.8rem auto;
}

/* [data-dpr="1"] .title-bg span {
    font-size: 14px;
}

[data-dpr="2"] .title-bg span {
    font-size: 28px;
}

[data-dpr="3"] .title-bg span {
    font-size: 42px;
} */

.title-bg-p {
    padding: 0.103rem 0.3rem 0.3rem;
    color: #333;
    line-height: 0.48rem;
    /* letter-spacing: 0.1em; */
    font-size: 0.32rem;
    overflow: hidden;
}

    .title-bg-p p {
        float: left;
    }

        .title-bg-p p:last-child {
            margin-left: 0.24rem;
            width: calc( 100% - 1.75rem );
        }
