#bk{position:absolute;width:100%;background:rgba(0,0,0,.6);z-index:5;display:none;}

/*.table_1{margin-top:70px;}*/
#jisuan{margin-top:70px;}
.table_1 #table_1,
.table_1 #other{margin-top:40px;}
.table_1 .content,
.table_1 .other_options{width:100%;height:auto;border:1px solid #eee;}
.table_1 .other_options{display:none;}
.table_1 .other_options.show{display:block;}
.table_1 .content ul li,
.table_1 .other_options ul li{padding:7px 0 7px;border-bottom:1px solid #eee;position:relative;}
.table_1 .content ul li:last-child{border-bottom:none;cursor:pointer;}
.table_1 .content ul li .left_name,
.table_1 .other_options ul li .left_name{float:left;width:140px;text-align:right;line-height:30px;}
.table_1 .content ul li .left_name span,
.table_1 .other_options ul li .left_name span{font-size:14px;color:#000;}
.table_1 .content ul li .left_name > a,
.table_1 .other_options ul li .left_name > a{display:inline-block;width:18px;height:18px;background:url(../images/icon_3.png)no-repeat center;vertical-align:middle;}
.table_1 .content ul li:last-child .left_name a{background:none;}

.table_1 .content ul li .left_name .prompt{display:none;position:fixed;top:300px;left:50%;transform:translateX(-50%);z-index:6;width:615px;height:auto;background:#fff;padding-bottom:15px;}
.table_1 .content ul li .left_name .prompt .p_title{width:100%;height:40px;background:#00923f;text-align:left;line-height:40px;font-size:16px;color:#fff;padding-left:20px;position:relative;}
.table_1 .content ul li .left_name .prompt .p_title a{position:absolute;right:20px;top:50%;transform:translateY(-50%); width:13px;height:13px;background:url(../images/icon_close.png)no-repeat center;}
.table_1 .content ul li .left_name .prompt p{text-align:left;font-size:14px;color:#000;line-height:20px;padding:20px 20px 20px 20px;padding-top:35px;}
.table_1 .content ul li .left_name .prompt .btns{padding-left:20%;margin-top:24px;text-align:left;}
.table_1 .content ul li .left_name .prompt .btns a{display:inline-block;width:70px;height:28px;text-align:center;margin-right:25px;border-radius:3px;}
.table_1 .content ul li .left_name .prompt .btns a:first-of-type{line-height:28px;background:#00923f;font-size:12px;color:#fff;}
.table_1 .content ul li .left_name .prompt .btns a:last-of-type{border:1px solid #00923f;line-height:26px;font-size:12px;color:#00923f;}

.table_1 .content ul li .right,
.table_1 .other_options ul li .right{float:left;padding-left:20px;}
.table_1 .content ul li .right label,
.table_1 .other_options ul li .right label{display:inline-block;width:auto;height:auto;margin-right:15px;}
.table_1 .content ul li .right label input,
.table_1 .other_options ul li .right label input{display:none;}
.table_1 .content ul li .right label span{font-size:14px;color:#000;display:block;width:100%;height:100%;border:1px solid #999;padding:8px 10px;}
.table_1 .other_options ul li .right label span{font-size:14px;color:#000;display:block;width:90px;height:30px;border:1px solid #999;text-align:center;line-height:28px;}
.table_1 .content ul li .right.long label span{padding:8px 25px;}
.table_1 .content ul li .right label input:checked + span{background:#00923f;border:none;color:#fff;padding:9px 11px;}
.table_1 .other_options ul li .right label input:checked + span{background:#00923f;border:none;color:#fff;line-height:30px;}

.table_1 .content ul li .right.long label input:checked + span{background:#00923f;border:none;color:#fff;padding:9px 26px;}
.table_1 .content ul li .right .ip{float:left;width:150px;height:30px;overflow:hidden;}
.table_1 .content ul li .right .sp{float:left;line-height:30px;font-size:16px;color:#000;margin:0 15px;}
.table_1 .content ul li .right .ip input{float:left;width:109px;height:30px;border:1px solid #999;border-right:0;line-height:28px;padding-left:8px;color:#333;}
.table_1 .content ul li .right .ip span{float:left;width:40px;height:30px;background:#00923f;text-align:center;line-height:30px;font-size:16px;color:#fff;padding:0;}
.table_1 .content ul li .right .select{line-height:30px;font-size:16px;color:#000;}
.table_1 .content ul li .right .select select{width:150px;height:30px;border:1px solid #999;}
.table_1 .content ul li .right .prompt{font-size:12px;color:#da251d; margin-top:10px;}
.table_1 .content ul li .right span i{display:inline-block;width:12px;height:12px;border-radius:50%;line-height:35px;margin-right:5px;}
.table_1 .content ul li .right span .red{background:red;}
.table_1 .content ul li .right span .green{background:green;}
.table_1 .content ul li .right span .black{background:black;}
.table_1 .content ul li .right span .blue{background:blue;}
.table_1 .content ul li .right span .white{background:white;}
.table_1 .content ul li .right span .yellow{background:yellow;}
.table_1 .content ul li .right span .violet{background:BlueViolet;}
.table_1 .content ul li .right .transparent{padding:8px 25px;}
.table_1 .content ul li .right label input:checked + .transparent{padding:9px 26px;}
.table_1 .content ul li .r_prompt{font-size:12px;color:#da251d;line-height:35px;}
.table_1 .content ul li:last-child a{position:absolute;top:50%;right:40px;transform:translateY(-50%);width:12px;height:12px;border-top:12px solid #999;border-left:8px solid transparent;border-right:8px solid transparent;}

.sub_title{font-size:16px;color:#000;}
.cost{margin-top:40px;}
.cost table{border:1px solid #00923f;width:100%;height:auto;border-collapse:collapse;margin-top:10px;}
.cost table tr td{border:1px solid #00923f;padding:12px 0;}
.cost table tr td.name{font-size:14px;color:#00923f;width:195px;background:#a6dabc; text-align:center;}
.cost table tr td.price{padding-left:12px;font-size:14px;color:#da251d;}
.cost table tr td.total{padding-left:22px;font-size:14px;color:#000;}
.cost table tr td.total span{color:#da251d;}

.period{margin-top:20px;}
.period > .clf{margin-top:10px;}
.period > .clf .time{float:left;width:340px;height:38px;border:1px solid #00923f;font-size:14px;color:#000;line-height:36px;}
.period > .clf .time span{display:inline-block;width:160px;text-align:center;line-height:36px;background:#a6dabc;font-size:14px;color:#00923f;margin-right:10px;}
.period > .clf .prompt{float:left;font-size:14px;color:#da251d;padding-left:15px;line-height:38px;}

.freight{margin-top:20px;}
.freight > .area{margin-top:10px;}
.freight > .area select{float:left;border:1px solid #00923f;margin-right:20px;font-size:14px;color:#000;}
.freight > .area select:nth-of-type(1){width:160px;height:34px;}
.freight > .area select:nth-of-type(2){width:160px;height:34px;}
.freight > .area select:nth-of-type(3){width:160px;height:34px;}
.freight > .area select:nth-of-type(4){width:100px;height:34px;}
.freight > .delivery_info{margin-top:20px;border:1px solid #eee;width:auto;display:inline-block}
.freight > .delivery_info div{float: left;height:100%;padding:15px 0;border-right:1px solid #eee;}
.freight > .delivery_info .info{padding:15px 5px 15px 15px;}
.freight > .delivery_info .info span{display:inline-block;}
.freight > .delivery_info .info span:nth-of-type(1){width:55px;height:22px;margin-right:10px;vertical-align:top;}
.freight > .delivery_info .info span:nth-of-type(2){width:20px;height:12px;margin-right:10px;vertical-align:top;}
.freight > .delivery_info .info span:nth-of-type(3){width:20px;height:12px;margin-right:10px;vertical-align:top;}
.freight > .delivery_info .info span img{width:100%;height:auto;}
.freight > .delivery_info .time{font-size:14px;color:#000;padding:15px;line-height:22px;}
.freight > .delivery_info .amount{font-size:14px;color:#000;padding:15px;line-height:22px;border-right:0;}

.detail{margin-top:20px;}
.detail .content{margin-top:10px;width:100%;height:200px;border:1px solid #00923f;position:relative;padding:20px 0 0 35px;}
.detail .content > div{font-size:16px;color:#000;margin-bottom:20px;}
.detail .content .btn{position:absolute;bottom:15px;right:55px;width:100px;height:32px;text-align:center;line-height:32px;font-size:14px;color:#fff;background:#00923f;border-radius:16px;}
/*.detail .content .btn2{position:absolute;bottom:15px;right:55px;width:100px;height:32px;text-align:center;line-height:32px;font-size:14px;color:#fff;background:#00923f;border-radius:16px;}*/



@media only screen and (max-width: 750px) {
    .table_1 {
        margin-top: 3rem;
        padding: 0 2%;
    }

        .table_1 .content,
        .table_1 .other_options {
            margin-top: 1.5rem;
        }

            .table_1 .content ul li,
            .table_1 .other_options ul li {
                padding: .5rem 2%;
            }

                .table_1 .content ul li .left_name,
                .table_1 .other_options ul li .left_name {
                    float: none;
                    width: auto;
                    text-align: left;
                    line-height: 30px;
                    margin-bottom: .6rem;
                }


                .table_1 .content ul li .right,
                .table_1 .other_options ul li .right {
                    float: none;
                    padding-left: 0;
                }

                    .table_1 .content ul li .right label,
                    .table_1 .other_options ul li .right label {
                        display: inline-block;
                        width: auto;
                        height: auto;
                        margin-right: 2%;
                        margin-bottom: .5rem;
                    }

    .cost {
        padding: 0 2%;
    }

        .cost table {
            border: 1px solid #00923f;
            width: 100%;
            height: auto;
            border-collapse: collapse;
            margin-top: 10px;
        }

            .cost table tr td {
                border: 1px solid #00923f;
                padding: 12px 0;
            }

                .cost table tr td.name {
                    padding-left: 1rem;
                    font-size: 14px;
                    color: #00923f;
                    width: 6rem;
                    background: #a6dabc;
                }

                .cost table tr td.price {
                    padding-left: 12px;
                    font-size: 14px;
                    color: #da251d;
                }

                .cost table tr td.total {
                    padding-left: 22px;
                    font-size: 14px;
                    color: #000;
                }

                    .cost table tr td.total span {
                        color: #da251d;
                    }

    .period {
        padding: 0 2%;
    }

        .period > .clf {
            margin-top: 10px;
        }

            .period > .clf .time {
                float: none;
            }

            .period > .clf .prompt {
                float: none;
                margin-top: .2rem;
                padding-left: 0;
                line-height: 1.2rem;
            }

    .freight {
        padding: 0 2%;
    }

        .freight > .area select {
            margin-bottom: .5rem;
        }

    .detail {
        padding: 0 2%;
    }

        .detail .content {
            padding-left: 1rem;
        }

            .detail .content .btn {
                right: 1rem;
            }
}