master

分支 (1)

管理

管理

master

ems_email_official_website
/
Transshipment_problem.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>深圳市递送易国际物流有限公司</title>
    <link rel="icon" href="images/icon.png" type="image/x-icon">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/layui.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/Personal_center.css">
    <link rel="stylesheet" type="text/css" href="css/footer.css">
    <style>
        .border-one {
            margin: 33px 0px 10px 0px;
            padding-left: 5px;
            border-left: 5px solid #0245c1;
            font-size: 16px;
        }

        .color-red {
            color: #ff0000;
        }

        .Work_order {
            padding: 24px 0px 0px 10px;
        }

        .left {
            float: left;
        }

        .right {
            float: right;
        }

        .border-one .right a {
            color: #113e90;
        }

        .font-size {
            font-size: 16px;
            vertical-align: middle;
        }

        .radio-inline+.radio-inline,
        .checkbox-inline+.checkbox-inline {
            margin-left: 38px;
        }

        .font-size-one {
            margin-right: 31px;
        }

        .font-size-two {
            margin-right: 4px;
        }

        .Work_order .margin-one {
            margin: 21px 0px 17px 0px;
        }

        .margin-one .margin-left-one {
            margin-left: 52px;
        }

        .input-one input {
            width: 220px;
            height: 29px;
            display: inline-block;
        }

        .Submit_Ticket .form-control {
            border-radius: 0px;
            border: 1px solid #000;
            line-height: 1.2;
        }

        .Submit_Ticket .form-control:focus {
            border-color: #0042ba;
        }

        .input-one label {
            font-weight: normal;
            font-size: 16px;
            color: #333;
        }

        .input-one .margin-left-two {
            margin-left: 21px;
        }

        textarea {
            resize: none;
        }

        .input-two {
            margin: 30px 0px;
        }

        .input-two textarea {
            width: 561px;
            height: 170px;
            display: inline-block;
            margin-left: 36px;
        }

        .input-two label {
            vertical-align: top;
        }

        .padding-one {
            padding-left: 115px;
        }

        .margin-top-three {
            margin-top: 7px;
            color: #666;
            font-size: 12px;
        }

        .margin-three {
            margin: 23px 0px 27px 0px;
        }

        .margin-three input {
            margin-left: 52px;
        }

        .margin-four input {
            margin-left: 36px;
        }

        .margin-five {
            margin: 32px 0px 33px 0px;
        }

        .width-two {
            width: 263px;
            height: 41px;
            text-align: center;
            margin: 0 auto;
            margin-bottom: 33px;
        }

        .submit {
            width: 263px;
            height: 41px;
            color: #fff;
            background-color: #0042ba;
        }

        .btn:hover,
        .btn:focus,
        .btn.focus {
            color: #fff;
        }

        .display-one {
            display: inline-block;
            width: 604px;
            font-size: 12px;
        }

        .vertical-align-one {
            vertical-align: top;
        }

        .margin-left-four input {
            margin-left: 15px;
        }

        .a-upload {
            padding: 4px 10px;
            width: 149px;
            height: 42px;
            line-height: 32px;
            position: relative;
            color: #0f0f0f;
            background: #fff;
            border: 1px solid #113e90;
            border-radius: 4px;
            overflow: hidden;
            display: inline-block;
            text-align: center;
            font-size: 16px;
        }

        .file {
            position: absolute;
            width: 100%;
            height: 100%;
            font-size: 24px;
            right: 0;
            top: 0;
            opacity: 0;
            filter: alpha(opacity=0);
        }

        .file-two {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            opacity: 0;
            cursor: pointer;
        }

        .radio {
            margin: 0.5rem;
        }

        .radio input[type="radio"] {
            position: absolute;
            opacity: 0;
        }

        .radio input[type="radio"]+.radio-label:before {
            content: '';
            background: #f4f4f4;
            border-radius: 100%;
            border: 1px solid #b4b4b4;
            display: inline-block;
            width: 12px;
            height: 12px;
            position: relative;
            top: 4px;
            margin-right: 1em;
            vertical-align: top;
            cursor: pointer;
            text-align: center;
            -webkit-transition: all 250ms ease;
            transition: all 250ms ease;
        }

        .radio input[type="radio"]:checked+.radio-label:before {
            background-color: #0042ba;
            box-shadow: inset 0 0 0 1px #f4f4f4;
        }

        .radio input[type="radio"]:focus+.radio-label:before {
            outline: none;
            border-color: #0042ba;
        }

        .radio input[type="radio"]:disabled+.radio-label:before {
            box-shadow: inset 0 0 0 4px #f4f4f4;
            border-color: #b4b4b4;
            background: #b4b4b4;
        }

        .radio input[type="radio"]+.radio-label:empty:before {
            margin-right: 0;
        }

        .radio label,
        .checkbox label {
            padding: 0;
        }

        .radio label:last-child {
            margin-left: 39px;
        }

        .margin-one label:last-child {
            margin-left: 53px;
        }
    </style>
</head>

<body>
    <iframe src="top.html" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" width="100%"
        height="694px"></iframe>
    <div id="all">
        <div class="introduction container_full" id="app">
            <iframe src="LeftSidebar.html" id="iframe" marginheight="0" marginwidth="0" frameborder="0" scrolling="no"
                height="890px" width="237px"></iframe>
            <div id="all_right">
                <div class="m_a">
                    <span>个人中心</span>
                    <span>售后/客服</span>
                </div>
                <div class="Submit_Ticket">
                    <div class="border-one clearfix">
                        <div class="left">
                            <p>提交工单</p>
                        </div>
                        <div class="right">
                            <a href="After_sale.html">返回＞</a>
                        </div>
                    </div>
                    <hr />
                    <div class="Work_order">
                        <form class="form-horizontal">
                            <div class="radio">
                                <span class="font-size font-size-one">业务类型<span class="color-red">*</span>:</span>
                                <input type="radio" name="inlineRadioOptions1" id="inlineRadio1" value="option1"
                                    checked>
                                <label class="radio-inline radio-label" for="inlineRadio1">中国进口业务</label>

                                <input type="radio" name="inlineRadioOptions1" id="inlineRadio2" value="option2">
                                <label class="radio-inline radio-label" for="inlineRadio2">中国出口业务</label>
                            </div>
                            <div class="margin-one radio">
                                <span class="font-size font-size-two">选择常见问题<span class="color-red">*</span>:</span>

                                <input type="radio" name="inlineRadioOptions2" id="inlineRadio3" value="option1"
                                    checked>
                                <label class="radio-inline radio-label" for="inlineRadio3">电商路线查询</label>

                                <input type="radio" name="inlineRadioOptions2" id="inlineRadio4" value="option2">
                                <label class="radio-inline margin-left-one radio-label"
                                    for="inlineRadio4">头程路线查询</label>
                            </div>
                            <div class="input-one margin-left-four">
                                <label>包裹订单号：</label>
                                <input type="text" id="inputEmail3" class="form-control" placeholder="请输入订单号">
                                <span class="margin-left-two">如涉及订单号，请填写，以便加快我们处理的速度</span>
                            </div>
                            <div class="input-one input-two">
                                <label>问题描述<span class="color-red">*</span>:</label>
                                <textarea class="form-control" placeholder="问题件类型：

问题件描述：

您期望的解决办法：

余额：（涉及改产品、退件等会产生额外费用，需预充值余额)"></textarea>
                            </div>
                            <div class="padding-one">
                                <div class="viewWrap"> <input type="text" id="textfield" class="txt" />
                                </div>
                                <div href="javascript:void;" class="a-upload ">
                                    <input type="file" id="exampleInputFile" class="file"
                                        accept="image/gif,image/jpg,image/png,image/bmp,.docx,.doc,.xlsx,.xls"
                                        onchange="document.getElementById('textfield').value=this.files[0].name">上传附件
                                    <label for="exampleInputFile" class="file-two"></label>
                                </div>
                                <p class="margin-top-three">附件大小不得超过2M。 可支持格式：'jpg', 'bmp', 'png',
                                    'gif','xls','xlsx','doc','docx'等格式附件 </p>
                            </div>
                            <div class="input-one margin-three">
                                <label>联系人<span class="color-red">*</span>:</label>
                                <input type="text" class="form-control" placeholder="输入联系人姓名">
                            </div>
                            <div class="input-one margin-four">
                                <label>联系电话<span class="color-red">*</span>:</label>
                                <input type="text" class="form-control" placeholder="15800007525">
                            </div>
                            <div class="input-one margin-four margin-five">
                                <label>联系邮箱<span class="color-red">*</span>:</label>
                                <input type="text" class="form-control" placeholder="Yuan18*****85">
                            </div>
                        </form>
                        <div class="width-two">
                            <button class="btn submit">确认提交</button>
                        </div>
                        <div>
                            <span class="font-size font-size-one vertical-align-one">业务类型<span
                                    class="color-red">*</span>:</span>
                            <span class="display-one">客服上班时间：9：00-18：00，提交后客服将会在24小时内回复； （若最后一条回复是客户回复，则工单不关闭，
                                若工单最后一条是客服回复，将在5天后关闭，故请不要重复刷新回复，重复刷新会影响受理效</span>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>

    <div id="footer"></div>
    <script src="js/footer.js"></script>
    <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
    <script src="js/problem.js"></script>
</body>

</html>