﻿* {
            list-style: none;
        }

        body {
            background: url(http://cdn.tjkximg.com/content/zhangtang/images/bgg_01.png) center top no-repeat;
            background-size: 100% auto;
            background-color: #f7f7f7;
        }

        .mui-table-view:before {
            height: 0;
        }

        .mui-slider-indicator .mui-indicator {
            display: inline-block;
            width: 9px;
            height: 9px;
            background: none;
            -webkit-box-shadow: 0 0 1px 1px rgba(217,57,43,.7);
            box-shadow: 0 0 1px 1px rgba(217,57,43,.7);
        }

        .mui-slider-indicator .mui-active.mui-indicator {
            width: 10px;
            height: 10px;
            background: #d9392b;
        }

        .mulu h1 {
            padding: 20px 0 5px 15px !important;
            width: 50%;
            font-size: 1.8rem;
            display: inline-block;
        }

        .mulu a {
            color: #fd351f;
            font-size: 14px;
            float: right;
            padding: 20px 15px 5px 0;
            display: inline-block;
        }

        #topNav {
            width: 99%;
            overflow: hidden;
            font: 17px/30px hiragino sans gb, microsoft yahei, simsun;
            border-bottom: 1px solid #dfdfdf;
            padding-left: 1%;
        }

            #topNav .swiper-slide {
                padding: 3px;
                letter-spacing: 2px;
                margin-left: 3px;
                width: auto !important;
                text-align: center;
            }

                #topNav .swiper-slide a {
                    color: #333;
                }

                #topNav .swiper-slide span {
                    transition: all .3s ease;
                    display: block;
                }

            #topNav .active {
                border-bottom: 1px solid #f03d3e;
            }

                #topNav .active span {
                    transform: scale(1.1);
                    color: #f03d3e;
                }

        .mui-slider .mui-slider-group .mui-slider-item img {
            width: 100%;
            height: 220px;
            background-size: cover;
        }

        .img-big img {
            width: 32% !important;
            margin: 0 0.1%;
            background-size: cover;
            background-position: center center;
        }

        .newlist li .mui-media-body h4 {
            line-height: 22px;
        }

        .swiper-container3 {
            margin-top: 15px;
            margin-bottom: 20px;
            overflow: hidden;
        }

            .swiper-container3 .swiper-wrapper .swiper-slide {
                width: 100% !important;
                height: 200px;
                margin-right: 0 !important;
                overflow: hidden;
            }

                .swiper-container3 .swiper-wrapper .swiper-slide img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }

        .mui-table-view:after {
            height: 0 !important;
        }

        .n-times span i {
            vertical-align: middle;
        }

        .qs-content {
            position: relative;
            overflow: hidden;
            padding: 11px 15px;
        }

        .dz-content .q-nav li {
            width: 25%;
            float: left;
            text-align: center;
            line-height: 25px;
            margin-top: 15px;
            display: inline-block;
        }

        .q-nav li a {
            color: #101010;
            line-height: 25px;
            font-size: 14px;
        }
        .dz-content .q-nav li span{width:62%;display:block;margin:0 auto; /*border: 1px solid #ededed;padding:3px;*//*background: #fff;*/ margin-bottom:5px;}
        .dz-content .q-nav li img {
            width: 100%;
            height: auto;
            margin: 0 auto;
            display: block;
            border: 1px solid #ededed; border-radius: 50%;           
        }
        .dz-content .q-nav li img:active{border: 1px solid #db392c;}
        .zq-logo {
            width: 65px;
            height: 65px;
            float: left;
            margin-left: 1%;
            text-align: center;
            line-height: 65px;
            overflow: hidden;
            padding: 2px;
            border-radius: 50%;
            -moz-box-shadow: 3px 4px 5px #D9D9D9;
            -webkit-box-shadow: 3px 4px 5px #D9D9D9;
            box-shadow: 3px 4px 5px #D9D9D9;
            background-color: #fff;
        }

            .zq-logo img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
                vertical-align: middle;
                object-fit: cover;
            }

        .zq-tit {
            width: 73%;
            float: left;
            margin-left: 3%;
            margin-top: 12px;
            display: inline-block;
        }

            .zq-tit h1 {
                font-size: 16px;
                color: #000;
                line-height: 25px;
            }

            .zq-tit p {
                font-size: 12px;
                color: #a2a2a0;
                line-height: 22px;
            }

        .zq-product {
            float: right;
            width: 98%;
        }

            .zq-product li {
                width: 30%;
                margin-right: 3%;
                float: left;
                text-align: center;
            }

                .zq-product li p {
                    color: #39393b;
                    font-size: 14px;
                    line-height: 20px;
                    height: 40px;
                    margin-top: 5px;
                    padding: 0 3px;
                }

        .zq-pimg {
            width: 100%;
            height: 25.3vw;
            border: 1px solid #e5e5e5;
            border-radius: 10px;
            overflow: hidden;
        }

            .zq-pimg img {
                width: 100%;
                height: 100%;
                border-radius: 10px;
                object-fit: cover;
            }

        .q-baomin {
            width: 100%;
            float: left;
        }

            .q-baomin h1 {
                padding: 20px 5px 5px 15px;
                font-size: 1rem;
                color: #373737;
                display: inline-block;
            }

            .q-baomin .active {
                font-size: 1.1rem;
                color: #333;
            }

        .q-bdcon {
            width: 100%;
            float: left;
            display: none;
        }

            .q-bdcon li {
                width: 100%;
                float: left;
                font-size: 16px;
            }

                .q-bdcon li label {
                    width: 22%;
                    float: left;
                    line-height: 46px;
                    text-align: right;
                }

                    .q-bdcon li label font {
                        color: #ff0000;
                    }

                .q-bdcon li input {
                    width: 60%;
                    float: left;
                    margin-left: 3%;
                    padding: 3px 15px;
                    font-size: 16px;
                }

        .loadapp {
            background-color: #f95b5c;
            border-radius: 8px;
            letter-spacing: 5px;
            float: left;
            margin-left: 3%;
        }

        .q-bdcon li select {
            width: 68%;
            float: left;
            margin-left: 3%;
            padding: 3px 15px;
            font-size: 16px;
            line-height: 21px;
            height: 45px;
            margin-bottom: 15px;
            -webkit-user-select: text;
            border: 1px solid rgba(0,0,0,.2) !important;
            border-radius: 3px;
            outline: 0;
            background-color: #fff;
            -webkit-appearance: none;
        }

        .xxka .active {
            display: block;
        }

        .loadapp2 {
            background-color: #4496ff;
            border-radius: 8px;
            letter-spacing: 5px;
            float: left;
            margin-left: 3%;
            margin: 0 auto;
            height: 50px;
            line-height: 50px;
            text-align: center;
            color: #fff;
            font-size: 20px;
            display: block;
            outline: none;
        }

        .q-qiye {
            width: 92%;
            margin: 20px auto 0;
            padding: 3% 2%;
        }

        .zs-con2 {
            width: 92%;
            margin: 20px auto 0;
            padding: 2% 0;
            background: #fafafa;
            border-radius: 1em;
            -moz-box-shadow: 2px 4px 6px #dfdfdf;
            -webkit-box-shadow: 2px 4px 6px #dfdfdf;
            box-shadow: 2px 4px 6px #dfdfdf;
        }

        .q-qytit {
            float: left;
        }

            .q-qytit img {
                width: 30%;
                height: auto;
            }

            .q-qytit a {
                margin-right: 15px;
                color: #808080;
                line-height: 35px;
                font-size: 14px;
            }

        .q-jjcon {
            float: left;
            padding: 15px;
            text-align: left;
            font-size: 14px;
            color: #272727;
            line-height: 22px;
            text-indent: 2em;
        }

            .q-jjcon p {
                margin-top: 5px;
            }

        .tensize {
            height: 250px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 10;
            padding-bottom: 0px;
            margin-bottom: 15px;
        }
        /*瀑布流开始*/
        .wall {
            display: block;
            position: relative;
        }

        .wall-column {
            display: block;
            position: relative;
            width: 50%;
            float: left;
            box-sizing: border-box;
        }

        .article {
            display: block;
            margin: 0 5%;
            padding: 5% 0; /*background: white;*/
            border-radius: 3px;
            transition: all 100;
            overflow: hidden;
            position: relative;
        }

            .article:hover {
                transform: scale(1.01);
            }

            .article img {
                display: block;
                width: 100%;
                margin: 0;
            }

            .article a {
                color: #333;
            }
            /*.article p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; font-size: 1.2em; line-height: 1.5;}*/
            .article small {
                font-size: 1em;
                color: #ff0000;
                line-height: 1.5;
            }

            .article input {
                width: 20%;
                padding: 0.6em;
                border-radius: 0.4em;
                font-size: 1.1em;
                z-index: 100;
                background-color: #f60;
                border: none;
                position: absolute;
                bottom: 3%;
                right: 5%;
                color: #fff;
                box-shadow: 0 0 7px #d7d7d7;
            }