* {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}
a {
    text-decoration: none;
}

section {
    // height: 1200px;
    background-color: #f5f5f5;
    .whole {
        padding: 15px 50px;
        margin: auto;
        .whole-1,
        .setall {
            margin: 20px auto;
            width: 1200px;
            padding: 25px;
            background-color: #ffffff;
            .all {
                display: inline-block;
                h2 {
                    font-weight: 600;

                    float: left;
                    padding-bottom: 10px;
                }
            }
            .Buyers,
            .opt {
                padding: 25px;
            }
            .toggle,
            .commodity {
                padding: 20px;
            }
            .Subtitle {
                font-weight: 800;
            }
            // 买家
            .Buyers {
                border-top: 2px solid #cb1919;
                border-bottom: 1px solid #f2f2f2;
                background-color: #fff;
                #container {
                    span {
                        &:nth-child(2) {
                            float: right;
                            a {
                                color: #066ee2;
                            }
                        }
                    }
                    #wrap {
                        overflow: hidden;
                        margin-top: 20px;
                        .address {
                            display: flex;
                            align-items: center;
                            .name {
                                display: inline-block;
                                padding: 10px 50px;
                            }
                            .na-1 {
                                border: solid 2px #cb1919;
                            }
                            .na-2 {
                                margin-top: 10px;
                                border: solid 2px #d1d1d1;
                            }
                            p {
                                margin: 0px 15px;
                            }
                        }
                        .address-2 {
                            a {
                                color: #066ee2;
                            }
                        }
                        .stop {
                            padding: 20px 20px;
                        }
                    }
                    #read-more{
                        margin-top: 20px;
                    }
                }
            }
            // 送货清单
            .opt {
                margin-bottom: 20px;
                border-bottom: 1px solid #f2f2f2;
                ul {
                    .optall {
                        table {
                            width: 100%;
                            background-color: #f3f3f3;
                            margin-bottom: 20px;
                        }
                        #checkall {
                            margin-left: 10px;
                        }
                        th {
                            height: 50px;
                            span {
                                margin-left: 85px;
                            }
                        }
                    }
                }
                .checklist {
                    .among {
                        table {
                            width: 100%;
                            background-color: #fff;
                        }
                        th {
                            height: 115px;
                            &:nth-child(1) {
                                width: 100px;
                                img {
                                    padding: 10px;
                                    width: 82px;
                                }
                            }
                            &:nth-child(2) {
                                width: 300px;
                            }
                            &:nth-child(4) > input {
                                width: 80px;
                            }
                            &:nth-child(3),
                            &:nth-child(4),
                            &:nth-child(6) {
                                width: 162px;
                                text-align: center;
                            }
                            &:nth-child(5) {
                                width: 120px;
                                input {
                                    text-align: center;
                                }
                                input {
                                    &:nth-child(1),
                                    &:nth-child(3) {
                                        width: 15px;
                                    }
                                    &:nth-child(2) {
                                        width: 30px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
            // 使用优惠券
            .coupon {
                width: 100%;
                display: inline-flex;
                padding-bottom: 40px;
                border-bottom: 1px solid #f2f2f2;
                .yh {
                    width: 262px;
                    height: 130px;
                    margin-right: 25px;

                    h1,
                    h3,
                    span {
                        color: #fff;
                    }
                    h1 {
                        font-size: 50px;
                        position: relative;
                        left: 30px;
                        top: 20px;
                    }
                    h3 {
                        font-size: 17px;
                        position: relative;
                        left: 91px;
                        top: -32px;
                        font-weight: 700;
                    }
                    span {
                        position: relative;
                        left: 91px;
                        top: -32px;
                    }
                    p {
                        color: #cb1919;
                        position: relative;
                        text-align: center;
                    }
                }
                .coupon-1 {
                    background: url("../../img/images/coupon-1.png");
                    margin-left: 50px;
                }
                .coupon-2 {
                    background: url("../../img/images/coupon-2.png");
                }
                .coupon-3 {
                    background: url("../../img/images/coupon-3.png");
                    p {
                        color: #d2d2d2;
                    }
                }
            }
            // 备注
            .remarks {
                padding-top: 30px;
                .layui-textarea {
                    background-color: #fcfcfc;
                }
            }
        }
        // 提交订单
        .setall {
            background-color: #fff;
            border: 1px solid #e0e0e0;
            margin-top: 25px;
            .seta {
                li {
                    margin-bottom: 20px;
                    display: block;
                    position: relative;
                    left: 815px;
                    text-align: center;
                    width: 380px;
                    span {
                        float: right;
                    }
                }
            }
            .total {
                border-top: 1px solid #e0e0e0;
                border-bottom: 1px solid #e0e0e0;
                li {
                    display: block;
                    position: relative;
                    left: 752px;
                    text-align: center;
                    line-height: 50px;
                    width: 445px;
                    span {
                        color: #cb1919;
                        font-size: 26px;
                        font-weight: 800;
                        float: right;
                    }
                    p {
                        color: #ababab;
                    }
                }
            }
            .subore {
                padding: 30px 0px;
                height: 20px;
                span {
                    padding: 15px 35px;
                    background-color: #cb1919;
                    color: #fff;
                    float: right;
                }
            }
        }
    }
}