header {
    //  height: 700px;
    #assortment {
        .top_ban {
            margin-top: -25px;
            height: 400px;
            .mask_warp {
                display: block;
                position: relative;
                .mask_bg {
                    img {
                        background-size: 100%;
                        position: absolute;
                        height: 428px;
                        width: 100%;
                        -webkit-filter: blur(5px);
                        -ms-filter: blur(5px);
                        filter: blur(5px);
                        z-index: 50;
                    }
                }
                .mask {
                    background-color: #000;
                    background-color: rgba(255, 251, 251, 0.4);
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    width: 100%;
                    height: 100%;
                    z-index: 100;
                }
            }
            .slide {
                .carousel-inner {
                    .item {
                        //                          width: 712px;
                        height: 428px;
                        //                          left: -11.5%;
                        img {
                            //                          width: 780px;
                            //                          height: 400px;
                        }
                    }
                }
            }
        }
    }
}
section {
    .com_cs {
        p {
            height: 30px;
            line-height: 30px;
            font-size: 20px;
            color: #666;
        }
        h3 {
            span {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                width: 255px;
                display: inline-block;
            }
        }
        ul {
            li {
                border: 1px solid #eee;
                position: relative;
                text-align: center;
                padding-top: 15px;
                >a {
                    display: block;
                    img {
                        height: 155px;
                        width: 253px;
                    }
                    >span {
                        position: absolute;
                        left: 15px;
                        top: 15px;
                        width: 43px;
                        height: 40px;
                        text-align: center;
                        background: #2bb8aa;
                        color: #FFFFFF;
                    }
                }
                >h3 {
                    text-align: left;
                    span {
                        font-size: 16px;
                        font-weight: bold;
                        color: #666;
                    }
                    p {
                        font-size: 14px;
                        margin-left: 5px;
                        color: #999;
                    }
                }
                >p {
                    text-align: left;
                    span {
                        color: #999;
                        font-size: 12px;
                    }
                    >span:nth-child(1) {
                        color: #f76120;
                        font-size: 20px;
                        margin-right: 10px;
                    }
                    >span:nth-child(3) {
                        float: right;
                        margin-top: 8px;
                    }
                }
                .evaluate {
                    p {
                        a {
                            float: right;
                            span:nth-child(1) {
                                height: 12px;
                                color: #999;
                                margin-right: 5px;
                                vertical-align: -1px;
                                width: 60px;
                                line-height: 12px;
                                display: inline-block;
                                background-image: url(../img/server/stay2.png);
                                background-repeat: repeat-x;
                                overflow: hidden;
                                span {
                                    width: 89%;
                                    background-image: url(../img/server/stay.png);
                                    display: inline-block;
                                    height: 12px;
                                    line-height: 12px;
                                    background-repeat: repeat-x;
                                    overflow: hidden;
                                    vertical-align: top;
                                }
                            }
                            span:nth-child(2){
//                              float: right;
                                font-size: 12px;
                                display: inline-block;
                            }
                        }
                    }
                }
            }
        }
        >a {
            display: block;
            height: 35px;
            line-height: 35px;
            text-align: center;
            font-size: 14px;
            background: #f6f6f6;
            border: 1px solid #F2DEDE;
            color: #666;
        }
    }
    .food {
        margin-top: 30px;
    }
    .disport {
        margin-top: 30px;
    }
}