.container .main .main-1 {}
.container .main .main-1 .main-left {}
.container .main .main-1 .main-left div {
    width: auto;
}
.container .main .main-1 .main-left div p label {
    display: flex;
    align-items: flex-start;
    margin: 10px 0;
}
.container .main .main-1 .main-left div input {
    margin: 0 15px;
    /* margin-right: 15px; */
    position: relative;
    top: 2px;
    transition: all .3s;
    width: 18px;
    height: 18px;
}

.container .main .main-1 .main-left div label:hover input {
    border-color: var(--color1);
}
.container .main .main-1 .main-left div h3 {}
.container .main .main-1 .main-left div button {}
.container .main .main-1 .main-left div button img {}
.container .main .main-1 .main-left .left-top {}
.container .main .main-1 .main-left .left-top span {}
.container .main .main-1 .main-rigth {}
.container .main .main-1 .main-rigth .top {}
.container .main .main-1 .main-rigth .top h2 {}
.container .main .main-1 .main-rigth .top p {}
.container .main .main-1 .main-rigth .rigth {}
.container .main .main-1 .main-rigth .rigth h3 a {}
.container .main .main-1 .main-rigth .rigth .left-details {}
.container .main .main-1 .main-rigth .rigth .details1:nth-child(1) {}
.container .main .main-1 .main-rigth .rigth .details1 p {}
.container .main .main-1 .main-rigth .rigth .details1 p span {}
.container .main .main-1 .main-rigth .rigth .details2 .total {}
.container .main .main-1 .main-rigth .rigth .details2 .total .total-1 {}
.container .main .main-1 .main-rigth .rigth .details2 .total .total-1 span {}
.container .main .main-1 .main-rigth .rigth .details2 .total .total-2 {}
.container .main .main-1 .main-rigth .rigth .details2 .total .total-2 img {}
.container .main .main-1 .main-rigth .rigth .details2 .total .total-2 .price1 {}
.container .main .main-1 .main-rigth .rigth .details2 .total .total-2 .price2 {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse a {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse a:hover {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse button img {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse a:nth-child(1) {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse a:nth-child(2) {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse .warehouse-color {}
.container .main .main-1 .main-rigth .bottom {}
.container .main .main-1 .main-rigth .bottom p {}
.container .main .main-1 .main-rigth .bottom .color {}
.container .main .main-1 .main-rigth .latest h3 {}
.container .main .main-1 .main-rigth .latest ul {}
.container .main .main-1 .main-rigth .latest ul li {}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
@media screen and (max-width:1199px){
.container .main .main-1 {
    /* max-width: 98%; */
}
.container .main .main-1 .main-left {}
.container .main .main-1 .main-left div {}
.container .main .main-1 .main-left div p {
}
.container .main .main-1 .main-left div input {
    margin: 0;
}
.container .main .main-1 .main-left div h3 {
    font-size: 18px;
}
.container .main .main-1 .main-left div button {}
.container .main .main-1 .main-left div button img {}
.container .main .main-1 .main-left .left-top {}
.container .main .main-1 .main-left .left-top span {
    font-size: 14px;
}
.container .main .main-1 .main-rigth {
    width: calc(100% - 300px);
}
.container .main .main-1 .main-rigth .top {}
.container .main .main-1 .main-rigth .top h2 {}
.container .main .main-1 .main-rigth .top p {}
.container .main .main-1 .main-rigth .rigth {}
.container .main .main-1 .main-rigth .rigth h3 a {
    font-size: 18px;
}
.container .main .main-1 .main-rigth .rigth .left-details {}
.container .main .main-1 .main-rigth .rigth .details1:nth-child(1) {}
.container .main .main-1 .main-rigth .rigth .details1 p {}
.container .main .main-1 .main-rigth .rigth .details1 p span {}
.container .main .main-1 .main-rigth .rigth .details2 .total {}
.container .main .main-1 .main-rigth .rigth .details2 .total .total-1 p {
    /* display: flex; */
    white-space: nowrap;
}
.container .main .main-1 .main-rigth .rigth .details2 .total .total-1 span {}
.container .main .main-1 .main-rigth .rigth .details2 .total .total-2 {}
.container .main .main-1 .main-rigth .rigth .details2 .total .total-2 img {}
.container .main .main-1 .main-rigth .rigth .details2 .total .total-2 .price1 {}
.container .main .main-1 .main-rigth .rigth .details2 .total .total-2 .price2 {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse a {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse a:hover {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse button img {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse a:nth-child(1) {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse a:nth-child(2) {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse .warehouse-color {}
.container .main .main-1 .main-rigth .bottom {}
.container .main .main-1 .main-rigth .bottom p {}
.container .main .main-1 .main-rigth .bottom .color {}
.container .main .main-1 .main-rigth .latest h3 {}
.container .main .main-1 .main-rigth .latest ul {}
.container .main .main-1 .main-rigth .latest ul li {}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
.container .grading div .rigth{}
.container .grading div{
    /* display: flex; */
}
}
@media screen and (max-width:979px){
.container .main .main-1 {}
.container .main .main-1 .main-left {
    width: 200px;
}
.container .main .main-1 .main-left div {}
.container .main .main-1 .main-left div p {}
.container .main .main-1 .main-left div input {}
.container .main .main-1 .main-left div h3 {}
.container .main .main-1 .main-left div button {}
.container .main .main-1 .main-left div button img {}
.container .main .main-1 .main-left .left-top {
}
.container .main .main-1 .main-left .left-top span {}
.container .main .main-1 .main-rigth {
    width: calc(100% - 230px);
}
.container .main .main-1 .main-rigth .top {}
.container .main .main-1 .main-rigth .top h2 {
    font-size: 20px;
}
.container .main .main-1 .main-rigth .top p {}
.container .main .main-1 .main-rigth .rigth {}
.container .main .main-1 .main-rigth .rigth h3 a {
    font-size: 18px;
    margin-bottom: 10px;
    display: inline-block;
}
.container .main .main-1 .main-rigth .rigth .left-details {
    display: block;
}
.container .main .main-1 .main-rigth .rigth .details1:nth-child(1) {
    margin-bottom: 20px;
}

.container .main .main-1 .main-rigth .rigth .details * {
    font-size: 13px !important;
}
.container .main .main-1 .main-rigth .rigth .details1 p {
    font-size: 14px;
    line-height: 1.8;
}
.container .main .main-1 .main-rigth .rigth .details1 p span {}
.container .main .main-1 .main-rigth .rigth .details2 .total {}
.container .main .main-1 .main-rigth .rigth .details2 .total .total-1 {}
.container .main .main-1 .main-rigth .rigth .details2 .total .total-1 span {}
.container .main .main-1 .main-rigth .rigth .details2 .total .total-2 {}
.container .main .main-1 .main-rigth .rigth .details2 .total .total-2 img {}
.container .main .main-1 .main-rigth .rigth .details2 .total .total-2 .price1 {}
.container .main .main-1 .main-rigth .rigth .details2 .total .total-2 .price2 {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse {
    justify-content: flex-end;
}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse a {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse a:hover {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse button img {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse a:nth-child(1) {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse a:nth-child(2) {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse .warehouse-color {}
.container .main .main-1 .main-rigth .bottom {}
.container .main .main-1 .main-rigth .bottom p {}
.container .main .main-1 .main-rigth .bottom .color {}
.container .main .main-1 .main-rigth .latest h3 {}
.container .main .main-1 .main-rigth .latest ul {}
.container .main .main-1 .main-rigth .latest ul li {}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
.container .main{
    margin-top: 20px;
}
}
@media screen and (max-width:769px){
.container .main .main-1 {
    display: block;
}
.container .main .main-1 .main-left {
    width: 100%;
}
.container .main .main-1 .main-left div+div {
    display: flex;
    flex-wrap: wrap;
}
.container .main .main-1 .main-left div p {
    font-size: 14px;
}
.container .main .main-1 .main-left div input {
    width: 18px;
    height: 18px;
}
.container .main .main-1 .main-left div h3 {
    line-height: 38px;
    font-size: 14px;
    padding-left: 20px;
    flex: 0 0 100%;
    height: 38px;
}
.container .main .main-1 .main-left div button {}
.container .main .main-1 .main-left div button img {}
.container .main .main-1 .main-left .left-top {
    line-height: 40px;
}
.container .main .main-1 .main-left .left-top span {}
.container .main .main-1 .main-rigth {
    width: 100%;
    padding: 30px 15px 0;
}
.container .main .main-1 .main-rigth .top {}
.container .main .main-1 .main-rigth .top h2 {}
.container .main .main-1 .main-rigth .top p {}
.container .main .main-1 .main-rigth .rigth {
    padding: 15px;
}
.container .main .main-1 .main-rigth .rigth h3 a {
    font-size: 14px;
}
.container .main .main-1 .main-rigth .rigth .left-details {}
.container .main .main-1 .main-rigth .rigth .details1:nth-child(1) {}
.container .main .main-1 .main-rigth .rigth .details1 p {
    font-size: 13px;
}
.container .main .main-1 .main-rigth .rigth .details1 p span {}
.container .main .main-1 .main-rigth .rigth .details2 .total {
    display: block;
    margin-bottom: 12px;
}
.container .main .main-1 .main-rigth .rigth .details2 .total .total-1 {}
.container .main .main-1 .main-rigth .rigth .details2 .total .total-1 span {}
.container .main .main-1 .main-rigth .rigth .details2 .total .total-2 {}
.container .main .main-1 .main-rigth .rigth .details2 .total .total-2 img {}
.container .main .main-1 .main-rigth .rigth .details2 .total .total-2 .price1 {}
.container .main .main-1 .main-rigth .rigth .details2 .total .total-2 .price2 {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse {
    justify-content: flex-start;
    margin-bottom: 10px;
}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse a {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse a:hover {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse button img {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse a:nth-child(1) {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse a:nth-child(2) {}
.container .main .main-1 .main-rigth .rigth .details2 .warehouse .warehouse-color {}
.container .main .main-1 .main-rigth .bottom {}
.container .main .main-1 .main-rigth .bottom p {}
.container .main .main-1 .main-rigth .bottom .color {}
.container .main .main-1 .main-rigth .latest h3 {}
.container .main .main-1 .main-rigth .latest ul {}
.container .main .main-1 .main-rigth .latest ul li {}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
*{}
}