.dialog-container {
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* // µ¯´°ÇøÓò */
.dialog-wrapper {
    width: 680px;
    background: #FFF;
    height: calc(80vh);
    position: absolute;
    top: calc(20vh);
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.product-list {
    width: 100%;
    box-sizing: border-box;
    padding: 30px 14% 46px;
    /* padding-left: calc(100vw * 380 / 1920); */
    display: flex;

}

.product-list .left-menu {
    width: 25%
}

.product-list .left-menu .menu-one {

    box-sizing: border-box;
    background: #F9F9F9;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

    margin-bottom: 10px;
}

.product-list .left-menu .menu-one ul {
    padding: 0 10%;
    box-sizing: border-box;
    box-shadow: 0 24px 18px rgba(111, 111, 111, 0.14);
}

.product-list .menu-title {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #1674CC;
    border-top-left-radius: 10px;
    text-align: center;
    font-size: 1.1rem;
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.refresh {
    margin-right: 14px;

}

.menu-item {
    display: flex;
    font-size: 1rem;
    color: #666666;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
    /*line-height: 55px;*/
    cursor: pointer;
    height: 55px;
    align-items: center;
    justify-content: center;
}

.menu-item.active {
    color: #1674CC;
}

.right-content {
    width: calc(100% - 34px);
    margin-left: 34px;
}

.right-content-list {
    display: flex;
    box-sizing: border-box;
    flex-wrap: wrap;
}

.right-content-list .list-item {
    width: calc(100% / 3 - 22px);
    /*height:370px;*/
    box-shadow: 1px 0px 8px rgba(102, 102, 102, 0.5);
    margin-bottom: 30px;
    margin-right: 33px;


}

.right-content-list .list-item:nth-child(3n) {
    margin-right: 0;
}

.right-content-list .list-item .list-img {
    /*width: 300px;*/
    height: 205px;
    background-image: url("/images/image2/product/img-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.right-content-list .list-item .list-img img {
    /*height:100%;*/
    height: 80%;

}

.img-angle {
    position: absolute;
    top: 0;
    right: 0;
    background: #1674CC;
    border-bottom-left-radius: 10px;
    font-size: 0.9rem;
    color: #fff;
    line-height: 30px;
    padding: 0 26px;

}

.list-bottom-content {
    padding: 20px 19px 28px;
    box-sizing: border-box;

}

.right-content-list .list-item .list-title {
    color: #333;
    font-size: 1.2rem;
}

.right-content-list .list-item .list-content {
    color: #666;
    font-size: 1rem;
    margin-top: 18px;
    line-height: 22px;
    height: 44px;
    margin-bottom: 24px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    text-align: left;
}

.right-content-list .list-item .list-jump {
    color: #666;
    font-size: 0.9rem;
    /*margin-top: 40px;*/
}

.right-content-list .list-item .list-jump a {
    color: #666;

}

.page {
    width: auto;
    margin: 38px auto 0;
    text-align: center;
    display: flex;
    justify-content: center;
}

.numbers {
    color: #666;
    font-size: 1.1rem;
    border: 1px solid #D2D2D2;
    /*padding:19px;*/
    background: #fff;
    text-align: center;
    cursor: pointer;
    margin-right: 11px;
    height: 43px;
    width: 43px;
    line-height: 43px;
    box-sizing: border-box;
    display: inline-block;
}

.page .first {
    border: 1px solid #D2D2D2;
    /*padding:15px 17px;*/
    cursor: pointer;
    margin-right: 11px;
    height: 43px;
    width: 43px;
    display: inline-block;
    line-height: 43px;
    box-sizing: border-box;
    position: relative;

}

.numbers.current {
    background: #1369C0;
    border: 1px solid #D2D2D2;
    color: #fff;
}

.page .last {
    border: 1px solid #D2D2D2;
    /*padding:15px 17px;*/
    cursor: pointer;
    height: 43px;
    line-height: 43px;
    width: 43px;
    display: inline-block;
    position: relative;

}

.page-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.menu-item .img-down {
    width: 26px;
}
.pos_c{justify-content: space-between;}
.pos_c .input-group {
    border: 1px solid #E5E5E5;
    /* height: 3rem; */
    width: 45%;
    margin-right: 16%;
    display: flex;
    background: #FFF;
}
.pos_c input {
    border: none;
    color: #666;
    padding: 0 1rem;
    height: 2.5rem;
    width: 60%;
}
.pos_c .refresh {
    background: #1674CC;
    /* float: right; */
    position: relative;
    padding-left: 0;
    padding-right: 1.3rem;
    margin-right: 0;
}
.pos_c button {
    border: none;
    padding: 0 1rem;
    background: #FFF;
    /* float: right; */
    height: 2.5rem;
    border-radius: 0rem;
}
.pos_c .tri {
    width: 0;
    height: 0;
    border-left: 15px solid #FFF;
    border-right: 0 solid #FFF;
    border-bottom: 2.5rem solid #1674CC;
}
@media only screen and (max-width:1580px) {
    .pos_c .input-group {
        margin-right: 10%;
    }
    hr{margin-top: 0;}
}
@media only screen and (max-width:1300px) {
    .product-list {
        padding: 20px 5%
    }
    .pos_c .input-group {
        margin-right: 0;
    }
}
@media only screen and (max-width:950px) {
    .right-content-list .list-item {
        width:calc(50% - 22px);
        margin-right: 0;
        margin:10px;
    }
    .pos_c .input-group {
        margin-right: -2%;
    }
}
@media only screen and (max-width:550px) {
    .product-list .menu-title{
        height: 35px;
    }
    .menu-item{height: 25px;width: 60px;}
    .right-content-list .list-item .list-img{height: 100px;}
    .right-content-list .list-item{width: 45%;margin-right: 10px;}
    .list-bottom-content{padding:10px}
    .right-content-list .list-item .list-content{margin:10px 0}
    .img-angle{padding: 0 10px;line-height: 20px;}
    .product-list .menu-title img{width: 15px;margin-right: 5px;}
    .dialog-wrapper{width: 100%;height: calc(70vh);}
    .pos_c{display: block;}
    .pos_c .input-group {
        width: 100%;
        margin-top: 10px;
    }
    .pos_c .btn img{height: 13px;}
    .pos_c input{font-size: 10px;}
}