section {
    .checking-process {
        hr {
            margin: 0;
            border: 0;
            border-top: 1px solid #D8D8D8;
            width: 100%;
        }
        >.p-re {
            .process-check {
                width: 175px;
                height: 124px;
                text-align: center;
                font-size: 20px;
                background-image: url("http://bmall.bilibili.com/static/img/img-check.a0dd3f5.png");
                background-position: 0 -124px;
            }
            .process-confirm {
                width: 191px;
                height: 117px;
                margin-left: 208px;
                margin-right: 191px;
                background-image: url("http://bmall.bilibili.com/static/img/img-confirm.b0f9f4a.png");
                background-position: 0 -117px;
            }
            .process-done {
                width: 115px;
                height: 26px;
                background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAAAaCAYAAACEuGN0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDdDQ0IwNjM2RUI5MTFFNkJBMEZGMjRCNUY1OTlBMTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDdDQ0IwNjQ2RUI5MTFFNkJBMEZGMjRCNUY1OTlBMTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEN0NDQjA2MTZFQjkxMUU2QkEwRkYyNEI1RjU5OUExNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEN0NDQjA2MjZFQjkxMUU2QkEwRkYyNEI1RjU5OUExNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsWFlUIAAARrSURBVHja7Fo7ctswEIU8ugBSpqRvEKpLk4I6AnkE6QhSF7ujjiAeQTqCWLhJJ6ZMZ5YpzSMo4MxDvN4BSIgEKcn2zmBk0xAI7NvP24Unp9NJfMr7kLtPFbwfmV7ipU+/ftcfWzUqNdY3rkOJUY71wh/fv12dZy7UiD2u9YJPF3lW4+Dp3UesJ3Ce+vdoAF2tPkqYXZzpHQHGEF4awFB2+N2H1ECmHwHM2gtCNQo18gvvJVPjHp8xPDYa6+Xec6bKhyGs0tVDnh3mzZBfbVZby+ZCAJY4h8Qe67FUYw9ewKPF1iEdzLsY5nTAUCPOANRlTROYMSy/gPJ8yvOZ53hpWKeEx2rwcxZZBHtWddnw5BJ1JtjsiR2yi9EcofAZ1jqeaUDUa+4tYJYd1jJ579zyN5MeeL41AU6lUgw3mYrblZQosuhIalzmtxnbETl71tWjDBJa9hY1GIu4VTBjQ96pDzRx/H7fqCAMIZGnAhePdTEgiRBer/2F15kqyp30e2+RzYYgEdcipcXLU09sVtryqALyzd+m6sFXVsDXRCJT6P/tkRNdWWoALzFJvY/EMP+AA26w58DiuSXCb1+x7W/SAKbEHioP5VKTh0vOZmsgf5Jn+ueHnqGn7BhuJBmiAei1pYMUgUAUyGN9JW/JWyYwF6TuFAOC+SbUTy0KifuAqby60nFfeakmCIl6XhA221QSSEvdWMJb8xblZ+K1Bda3/py3lCwlCf/aGFcjgRlQMMfImUtNt0mMb2OoWQNgLmFrjQOmRMlD5ElBQnlImhgSZ/DRfI/Ye6yeeWcptr0V4PDGDUDatjDUFRTQ9yalIkbUlSzJFm8QDFBJztDlNkh/fyte+7CSGEnu4pm1BT2q8Qfj0VN4oICusZlYeWdqAXKHTc091Wt7vDMUDjcObeTCMa/uWGRw9boA5ccO6SEgemlyrrdsFqz1oSfhcZEEm11hs0sSCrU1J8LvveCaFPU+8pS0PM+JweTMGXgXaQUQI4N3awMsHImU5ARoFKlJkfJKDWgMBVf41O0u3xe8mtGeW6KELHxW7HllmS8M4VV7WkK8MSJliwawMkQrrZu8xejGbxqA5eoQFBAlLMVwN/Vdak0KZoxa8yReL7T3zNNSBgL3noiBPUM3J8FaleE7KSOQrRFkFM8Ei41gpRGzet0IyAmLrcRlJWaGkBnCoVb4gqQInUb25LuBhf025eqdA6vXRlc32YcFE/eakSE/aHa7J2GI55Gc5I5iZHAjKDInICwNc7aYV5BcvwHABzwrMNe1OggAZIj3L225V+l3wY3D6xUYPPBgIBwlDrSvSxVL0yCCR8QGJmnr5ugCftIAzNbSYcqF+Vrqf5PDAkLKmgKcuaYG9pw4AKo7VxJzl2xd2/3qXOk09w4mANWhR/8bR647P2SOS87S/w4SwuJNjO6AAzbdfrww46iwN1ueXsGgZi1hMGsAKCbEJzujC7UjkUsYiFTEGGymgRwETEfAxZWLvIK83UQkjc//CTAATPh/fCzJzqYAAAAASUVORK5CYII=");
                margin-bottom: 33px;
            }
        }
    }
    .cart_com {
        >ul {
            height: 40px;
            padding: 0 20px;
            border-radius: 5px;
            background-color: #F4F5F7;
            font-size: 14px;
            color: #99A2AA;
            line-height: 40px;
            box-sizing: border-box;
            li {
                display: inline-block;
            }
            .select_all {
                width: 125px;
            }
            .g_title {
                width: 400px;
            }
            .price {
                width: 164px;
            }
            .buy_count {
                width: 184px;
            }
            .summary {
                width: 156px;
            }
        }
        .g_list {
            ul {
                li {
                    height: 120px;
                    padding: 20px;
                    padding-right: 0;
                    overflow: hidden;
                    box-sizing: border-box;
                    .chek {
                        display: inline-block;
                        height: 100%;
                    }
                    .v-t.m-20 {
                        margin-left: 10px;
                        height: 100%;
                        a {
                            outline: 0;
                            color: #00a1d6;
                            img {
                                width: 78px;
                                height: 78px;
                                background-color: #f0f8ff;
                                border: 1px solid #E5E9EF;
                                display: block;
                            }
                        }
                    }
                    .title-ctne {
                        width: 350px;
                        padding-right: 10px;
                        margin-left: 20px;
                        height: 100%;
                        box-sizing: border-box;
                        .title {
                            font-size: 16px;
                            color: #222222;
                            margin-bottom: 6px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                        }
                        .title:hover {
                            color: #f25d8e;
                        }
                        .spec {
                            display: block;
                            font-size: 12px;
                            color: #99A2AA;
                            line-height: 16px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                        }
                    }
                    .price-ctnr {
                        width: 160px;
                        padding-top: 27px;
                        height: 100%;
                        text-align: center;
                        font-size: 16px;
                    }
                    .num-select-ctnr {
                        width: 200px;
                        padding-top: 25px;
                        text-align: center;
                        .num-select {
                            height: 34px;
                            border: 1px solid #E0E0E0;
                            border-radius: 5px;
                            background-color: #fff;
                            text-align: center;
                            .num-input-ctnr {
                                width: 75px;
                                height: 32px;
                                .num_input {
                                    border: 0;
                                    color: #222;
                                    background-color: #fff;
                                    -webkit-appearance: none;
                                    display: block;
                                    padding: 0;
                                    margin: 0;
                                    width: 75px;
                                    height: 32px;
                                    text-align: center;
                                }
                            }
                            button {
                                width: 34px;
                                height: 34px;
                                font-size: 20px;
                                font-weight: 700;
                                color: #6D757A;
                                background-color: #F4F5F7;
                                border: 0;
                                border-radius: 0;
                            }
                        }
                    }
                    .summary {
                        width: 130px;
                        font-size: 16px;
                        color: #222;
                        line-height: 80px;
                        height: 100%;
                        text-align: center;
                    }
                    .remove-btn {
                        width: 135px;
                        border-left: 1px solid #E5E9EF;
                        line-height: 80px;
                        text-align: center;
                        padding-left: 15px;
                        button {
                            width: 15px;
                            height: 17px;
                            color: #99A2AA;
                            background-color: transparent;
                            border: 0;
                            border-radius: 4px;
                            transition: .1s;
                            transition-property: background-color, border, color;
                            font: inherit;
                            margin: 0;
                            padding: 0;
                            line-height: 1;
                        }
                    }
                }
            }
        }
    }
}

@media screen and (max-width:481px) {
    html::-webkit-scrollbar {
        width: 0px
    }
    html,
    body {
        background-color: #EEEEEE;
    }
    .c_hea {
        height: 40px;
        font-size: 18px;
        line-height: 40px;
        background-color: #fff;
        .c_back {
            padding-left: 10px;
            text-align: left;
            width: 20%;
        }
        .c_hti {
            width: 58%;
            text-align: center;
        }
    }
    .c_allitem {
        margin-top: 10px;
        background: #fff;
        .c_list {
            .c_nam {
                padding-left: 15px;
                background-color: #fff;
                height: 35px;
                line-height: 35px;
                .c_cb {
                    width: 17px;
                    margin-right: 10px;
                    background: url(../img/weix.png) no-repeat;
                    background-size: 100%;
                    background-position: center;
                    p {
                        height: 35px;
                        margin: 0;
                        padding: 0;
                    }
                }
                .c_cb:active {
                    background: url(../img/xuand.png) no-repeat;
                    background-size: 100%;
                    background-position: center;
                }
                .c_icon {
                    p {
                        margin: 0;
                        padding: 0;
                    }
                    i {
                        color: #C9CED2;
                    }
                }
                .c_co {
                    p {
                        margin: 0;
                        padding: 0;
                        color: #000;
                        font-size: 10px;
                    }
                }
                .fr {
                    margin-right: 10px;
                    a {
                        color: #000;
                    }
                }
            }
            .c_dtai {
                background-color: #F5F5F5;
                padding-left: 15px;
                display: -webkit-box;
                box-sizing: border-box;
                vertical-align: middle;
                margin-bottom: 2px;
                .c_chk {
                    width: 15px;
                    line-height: 90px;
                    background: url(../img/weix.png) no-repeat;
                    background-size: 100%;
                    background-position: center;
                    p {
                        margin: 0;
                        height: 90px;
                    }
                    //                      img {
                    //                          width: 100%;
                    //                      }
                }
                .c_img {
                    width: 85px;
                    height: 85px;
                    margin: 5px 0 5px 10px;
                    p {
                        margin: 0;
                    }
                    img {
                        width: 100%;
                    }
                }
                .c_info {
                    width: 180px;
                    padding: 5px 10px;
                    margin-top: -10px;
                    box-sizing: border-box;
                    p {
                        margin: 0;
                    }
                    a {
                        display: block;
                        h3 {
                            word-break: break-all;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 2;
                            overflow: hidden;
                            -webkit-line-clamp: 2;
                            word-break: break-all;
                            font-size: 13px;
                            margin: 0;
                            color: #051b28;
                        }
                        p {
                            color: #999;
                        }
                    }
                    .c_pay {
                        .c_pri {
                            color: #f60;
                        }
                        .c_nub {
                            float: right;
                        }
                    }
                }
            }
        }
    }
}

@media screen and (min-width: 482px) and (max-width: 767px) {
    .tb_ri {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .tb_ri {
        display: none;
    }
}