*{
    padding: 0;
    margin: 0;
}

@media screen and (min-width:751px) {
    .mod-dizhi{
        display: none;
    }
    a{
        text-decoration: none;
        color: #333;
    }
    ul li{
        list-style: none;
    }
    
        body{
            background-color: #efefef;
        }
        .pc-content{
            width: 80%;
            margin: auto;
            margin-top: 20px;
            display: flex;
            justify-content: space-between;
        }
        .pc-content .pc-left{
            width: 12%;
            background-color: #fff;
            height: 100%;
            line-height: 30px;
            padding: 0 15px;
        }
        .pc-content .pc-left li{
            padding: 10px 0;
            font-size: 18px;
            letter-spacing: 1px;
            border-bottom: 1px solid #e3e3e3;
        }
        
        .pc-content .pc-left li:last-child{
            border: none;
        }
        .pc-content .pc-left li img{
            width: 15%;
            vertical-align: middle;
            margin-right: 10px;
            margin-top: -5px;
        }
        .pc-content .pc-right{
            width: 84%;
            background-color: #fff;
            display: flex;
        }
        .pc-content .pc-right .pc-right-left{
            width: 75%;
            padding-bottom: 20px;
            border-right: 3px solid #efefef;
        }
        .pc-content .pc-right .pc-right-dizhi{
            width: 95%;
            margin: auto;
            padding: 15px 0;
            font-size: 20px;
            font-weight: bold;
            border-bottom: 1px solid #efefef;
            display: flex;
            justify-content: space-between;
        }
        .pc-content .pc-right   table{
            margin-left: 30px;
        }
        .pc-content .pc-right   table td{
            padding: 10px;
            text-align: right;
        }
        .pc-content .pc-right   table td:nth-child(2){
            text-indent: 20px;
            text-align: left;
        }
        .pc-content .pc-right   table td input{
            width: 250px;
            padding: 8px 0;
            border: 1px solid #ddd;
            text-indent: 10px;
        }
        .pc-content .pc-right   table td select{
            padding: 5px 0;
            width: 250px;
            border: 1px solid #ddd;
        }
        .pc-content .pc-right   .sub{
            text-align: center;
            margin-top: 20px;
        }
        .pc-content .pc-right   .sub a{
            display: inline-block;
            width: 100px;
            padding: 5px 0;
            text-align: center;
            text-indent: 0;
            font-size: 17px;
            border-radius: 5px;
            background-color: #efefef;
            color: #999;
        }
        .pc-content .pc-right   .sub input{
            width: 100px;
            padding: 5px 0;
            font-size: 17px;
            text-indent: 0;
            border: none;
            border-radius: 5px;
            background-color: #ffbf55;
            color: #fff;
            margin-left: 20px;
        }
    
        .pc-content .pc-right .pc-right-right{
            width: 25%;
            color: #999;
        }
        .pc-content .pc-right .pc-right-right div:first-child{
            font-size: 29px;
            text-align: center;
            margin-top: 20px;
        }
        .pc-content .pc-right .pc-right-right p{
            width: 90%;
            margin: auto;
            margin: 20px;
            font-size: 15px;
            cursor: pointer;
        }
        .pc-content .pc-right .pc-right-right p:nth-child(2){
            margin-top: 20px;
        }
}

@media screen and (max-width:750px) {
    *{
        padding: 0;
        margin: 0;
    }
    .pc-content{
        display: none;
    }
    a{
        text-decoration: none;
        color: #333;
    }
    ul li{
        list-style: none;
    }
        
    
    .dizhi-cont-head{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px 10px;
        border-bottom: 1px solid #efefef;
        font-size: 20px;
    }
    .dizhi-cont-head span{
        font-weight: bold;
    }
    .dizhi-cont-head span:nth-child(3){
        display: inline-block;
        width: 15px;
        height: 15px;
        border: 1px solid skyblue;
        color: skyblue;
        border-radius: 50%;
        font-size: 12px;
        text-align: center;
        line-height: 15px;
    }
    .dizhi-cont-cont{
        padding-bottom: 57px;
        font-size: 14px;
    }

    .dizhi-cont-cont table{
        width: 95%;
        margin: auto;
    }
    .dizhi-cont-cont table tr td{
        padding: 10px 5px;
        line-height: 30px;
        border-bottom: 1px solid #efefef;
        letter-spacing: 1px;
    }
    .dizhi-cont-cont table tr td input{
        border: none;
        width: 200px;
        height: 26px;
        text-indent: 10px;
    }
    .dizhi-cont-cont table tr td select{
        width: 100px;
        height: 30px;
        text-indent: 10px;
    }
    

     .helper{
                position: absolute;
    top: 50%;
    left: 50%;
    width: 350px;
    height: 170px;
    margin-left: -175px;
    margin-top: -185px;
    background-color: #fff;
    box-shadow: 3px 3px 10px 3px #999;
    display: none;
    font-size: 14px;
            }
    .helper>p{
        background-color: #efefef;
        padding: 3px 10px;
        display: flex;
        justify-content: space-between;
    }
    .helper>div{
        margin-top: 10px;
        line-height: 25px;
        text-indent: 10px;
    }
    .fanhui{
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        display: flex;
    }
    .fanhui span{
        display: inline-block;
        width: 50%;
        text-align: center;
        padding: 15px 0;
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 2px;
    }
    .fanhui span:first-child{
        background-color: #efefef;
    }
    .fanhui span:last-child{
        background-color: #FFBF55;
        color: #fff;
    }
}