.xunpan {
width:100%;float:left;margin-top:5%;}
    .xunpan h2 {
        width: 100%;
        float: left;
        font-size: 30px;
        margin-bottom: 15px;
        font-weight: bold;
    }
.about-contain {
overflow:hidden;}
.cailop {width:100%;float:left; background-color:#333;padding-bottom:5%;}
    .cailop ul li {
        width: 33.333%;
        float: left;
        text-align: center;
        padding-bottom: 2%;
        border-right: solid 1px rgba(255,255,255,.1);
    }
        .cailop ul li:nth-child(3) {
        border:none;}
        .cailop ul li:hover {
            background-color: #03968c;
        }
            .cailop ul li:hover i a {
                background-color: #333;
            }
            
            .cailop ul li span {
                width: 100%;
                float: left;
                color: #fff;
            }
    .cailop ul li p {
        width: 100%;
        float: left;
        color: #fff;font-size:20px;margin-top:10px;
    }
    .cailop ul li span img {width:100px;}
    .cailop ul li i {
        width: 100%;
        float: left;
        color: #fff;
        margin-top: 20px;
    }
        .cailop ul li i a {
            color: #fff;width:150px;margin:auto;display:block;
            font-size: 14px;
            font-style: normal;
    
            background-color: #03968c;
            text-align: center;
            color: #fff;
            height: 40px;
            line-height: 40px;
        }
.cailop_a  {
    width: 1230px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 82px;
}

.p_a {
float:left;width:50%;}

.p_b {
    float: left;
    width: 40%;
}

#jiguan .subdiv {
    width: 100%;
    float: left;
    margin-top: 5%;
}
#jiguan {
}
.content1 {
    width: 100%;
    float: left;
    margin-top: 5%;
    border-bottom: solid 1px #dedede;
    padding-bottom: 5%;
}
.content1_1{
    float: left; font-size:18px;
    font-weight: bold;width:100px; text-align:right;
}
.content1 .input-li {
float:left;margin-left:20px;}
.baoji {
width:100%;float:left;}
.baoji_1 {
width:100%;float:left;margin-top:20px;}
.item-1 {
    float: left;
    font-size: 16px;
    padding-right: 10px;
    line-height: 40px;
    width: 100px;
    text-align: right;
}
.baoji_1 .input-li {padding:0 !important;
}
.ioppo {
float:left;margin-left:20px;}
.layui-input {
    height: 38px;
    width: 200px;
    padding-left: 10px;
    line-height: 1.3;
    line-height: 38px\9;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-radius: 2px;
    border-color: #e6e6e6;
}


/**
 * selectFilter  --v1.0
 * 
 **/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

li {
    list-style: none;
}

.filter-disabled {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.filter-box {
    position: relative;
}

    .filter-box select {
        display: none;
    }


.filter-box1 {
    position: relative;
}

    .filter-box1 select {
        display: none;
    }


.filter-box2 {
    position: relative;
}

    .filter-box3 select {
        display: none;
    }


.filter-text {
    height: 100%;
    overflow: hidden;width:200px;
    position: relative;
    cursor: pointer;
    padding: 0 30px 0 10px;
    background: #fff;
    border: 1px solid #e6e6e6;
}

    .filter-text input {
        font-size: 14px;
    }

    .filter-text .filter-title {
        width: 100%;
        height: 36px;
        line-height: 36px;
        border: 0;
        background-color: transparent;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0;
        cursor: pointer;
    }

.filter-list {
    display: none;
    width: 100%;
    max-height: 300px;
    background-color: #fff;
    font-size: 14px;
    position: absolute;
    top: 42px;
    left: 0;
    z-index: 99;
    border: 1px solid #e6e6e6;
    overflow: auto;
}

    .filter-list li.filter-null a {
        color: #d2d2d2;
    }

    .filter-list li a {
        display: block;
        padding: 0 10px;
        line-height: 36px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
    }

    .filter-list li:hover {
        background-color: #f2f2f2;
    }

    .filter-list li.filter-selected {
        background-color: #03968c;
    }

        .filter-list li.filter-selected a {
            display: block;
            color: #fff;
        }

    .filter-list li.filter-disabled {
        background-color: #fff;
    }

        .filter-list li.filter-disabled a {
            display: block;
            color: #d2d2d2;
        }

        .filter-list li.filter-disabled:hover a {
            cursor: not-allowed !important;
            background-color: #fff;
        }

.icon {
    position: absolute;
}

.icon-filter-arrow {
    width: 8px;
    height: 6px;
    background-repeat: no-repeat;
    background-image: url(../images/icon_arrow_down_x2.png);
    background-size: 100%;
    right: 10px;
    top: 13px;
    transition: all .2s;
}

    .icon-filter-arrow.filter-show {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

.filter-list::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.filter-list::-webkit-scrollbar-track {
    background: #fff
}

.filter-list::-webkit-scrollbar-thumb {
    background: #CBCBCB;
}

.feekback #jiguan .content-li .input-li {
    overflow: inherit;
    border-bottom:none;
}
.feekback #jiguan .content-li .input-li {width:200px;
}
.lopo {
margin-top:10px; }

.lopo .btn {
    position: relative;
    display: inline-block;
    width: 75px;
    height: 25px;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    line-height: 25px;
    vertical-align: center;
    border: 1px solid #23c6c8;
    background-color: #23c6c8;
    color: #fff;
    border-radius: 3px;
}

    .lopo .btn:hover {
        border: 1px solid #23babc;
        background-color: #23babc;
    }

    .lopo .btn input {
        position: absolute;
        top: 0; cursor:pointer;
        left: 0;
        opacity: 0;
    }


@media(max-width:1400px) {
    .cailop_a {
        padding-top: 5%;
        width: 100%;
    }
}
@media(max-width:1400px) {
    .cailop ul li p {
        font-size: 16px;
    }
}

@media(max-width:800px) {
    .p_a {
        float: left;
        width: 100%;
    }

    .p_b {
        float: left;
        width: 100%;
    }
}

    @media(max-width:640px) {
        .content1:nth-child(3) .baoji_1_a {
            width: 100%;
            float: left;
            margin-bottom: 10px;
        }

            .content1:nth-child(3) .baoji_1_a .ioppo {
                margin-top: 0;
            }

        .ioppo {
            margin-top: 10px;
        }
    }