VBDSM
/
Server


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310
							<!DOCTYPE html>
<html>
<head>
    <title>问题反馈</title>
    <meta charset="utf-8"/>
    <!-- <meta http-equiv="refresh" content="5">  -->
    <style>
        @CHARSET "UTF-8";
        * {
            margin: 0;
            padding: 0;
            outline: none;
        }

        body {
            line-height: 1;
            font-family: "微软雅黑";
            font-size: 14px;
            line-height: 1.4;
            overflow: hidden;
        }

        ol, ul, li {
            list-style: none;
        }

        input, a:focus {
            outline: none;
        }

        table {
            border-collapse: collapse;
            border-spacing: 0;
        }

        .clearfix:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden
        }

        .clearfix {
            *zoom: 1;
        }

        .chat-box {
            width: 100%;
            height: 100%;
            border: 0px solid #b6b7b7;
            position: absolute;
            top: 0%;
            left: 0%; /*margin-top:-300px; margin-left:-425px;*/
        }

        .chat-box > .maillist {
            float: left;
            width: 25%;
            height: 100%;
            overflow-y: auto;
            overflow-x: hidden;
            border-right: 1px solid #40619C;
            background-color: #40619C;
        }

        .chat-box > .maillist dl {
            width: 100%;
            height: 40px;
            padding: 10px 20px;
            cursor: pointer;
            color: #fff;
        }

        .chat-box > .maillist dl dt .count {
            width: auto;
            background-color: #F9471C;
            padding: 3px 5px;
            color: #fff;
            border-radius: 10px 10px;
            position: absolute;
            right: -5px;
            top: -5px;
            font-size: 12px;
        }

        .chat-box > .maillist dl.cur {
            background-color: #375791;
        }

        .chat-box > .maillist dl dt {
            float: left;
            width: 40px;
            height: 40px;
            background-color: #fff;
            position: relative;
            border-radius: 50px;
        }

        .chat-box > .maillist dl dt .photo {
            width: 100%;
            height: 100%;
            border-radius: 50px;
        }

        .chat-box > .maillist dl dd {
            float: left;
            width: 150px;
            padding: 0px 10px;
        }

        .chat-box > .msg-box {
            float: left;
            width: 74%;
            height: 100%;
        }

        .chat-box > .msg-box .titlebar {
            text-align: center;
            line-height: 50px;
            height: 50px;
            position: relative;
            border-bottom: 1px solid #b6b7b7;
            display: none;
        }

        /* .chat-box>.msg-box .toolbar{ line-height:6%; height:6%;position:relative; border-top:1px solid #CCCCCC;padding: 0px 5px;} */
        .chat-box > .msg-box .toolbar .item {
            color: #ccc;
            display: inline-block;
            height: 30px;
            line-height: 30px;
            text-align: center;
            vertical-align: middle;
            width: 30px;
            margin: 0px;
            font-size: 20px;
            cursor: pointer;
        }

        .chat-box > .msg-box .msg {
            width: 99%;
            height: 68%;
            padding: 1%;
            overflow-y: auto;
            overflow-x: hidden;
        }

        .chat-box > .msg-box .msg .row {
            margin: 10px 0px;
            color: #232323;
            width: 100%;
        }

        .chat-box > .msg-box .msg .head {
            float: left;
            margin-right: 10px;
            width: 40px;
            height: 40px;
            background-color: #fff;
            font-size: 14px;
            line-height: 14px;
            border-radius: 50px;
        }

        .chat-box > .msg-box .msg .head .photo {
            width: 100%;
            height: 100%;
            border-radius: 50px;
        }

        .chat-box > .msg-box .msg .text {
            float: left;
            max-width: 70%;
            background-color: #E8E8E8;
            border: 1px solid #E8E8E8;
            border-radius: 4px 4px;
            padding: 9px;
            position: relative;
            font-size: 14px;
            color: #808080;
            min-height: 18px;
            word-break: break-all;
            word-wrap: break-word;
        }

        .chat-box > .msg-box .msg .text::after {
            content: "  ";
            width: 6px;
            height: 6px;
            background-color: #E8E8E8;
            border: 1px solid #E8E8E8;
            border-top: none;
            border-right: none;
            transform: rotate(45deg);
            top: 15px;
            left: -4px;
            position: absolute;
        }

        .chat-box > .msg-box .msg .text img {
            min-height: 30px;
        }

        .chat-box > .msg-box .input {
            width: 100%;
            height: 20%;
            border: 1px solid #cccccc;
            position: relative;
        }

        .chat-box > .msg-box .msg .row {
            cursor: pointer;
        }

        .chat-box > .msg-box .msg .row.self .head {
            float: right;
            margin-left: 10px;
        }

        .chat-box > .msg-box .msg .row.self .text {
            float: right;
            background-color: #6492E5;
            color: #fff;
            border: 1px solid #6492E5;
        }

        .chat-box > .msg-box .msg .row.self .text::after {
            right: -4px;
            left: auto;
            border: 1px solid #6492E5;
            border-bottom: none;
            border-left: none;
            background-color: #6492E5;
        }

        .chat-box > .msg-box .btn-send {
            position: absolute;
            bottom: 10px;
            right: 30px;
            border: 1px solid #40619C;
            background-color: #40619C;
            color: #fff;
            width: 75px;
            height: 28px;
            text-align: center;
            line-height: 28px;
            cursor: pointer;
        }

        .chat-box > .msg-box .btn-send:hover {
            background-color: #375791;
        }

        #txt-msg {
            width: 98%;
            height: 80%;
            border: none;
            padding: 1%;
            font-family: "微软雅黑";
            resize: none;
        }
    </style>
    <link href="http://static.vbdsm.com/css/font-awesome/css/font-awesome.css" rel="stylesheet"/>


</head>
<body>
<input id="appType" name="appType" type="hidden" value="1">
<div class="cont">
    <input id="user-id" type="hidden"/>
    <input id="imei" type="hidden"/>
    <div class="chat-box clearfix">
        <div class="maillist">
        </div>
        <div class="msg-box">
            <div class="titlebar"></div>
            <div class="msg"></div>
            <div class="toolbar">
                <!-- <span class="item"><i class="fa fa-meh-o"></i></span>
                <span class="item"><i class="fa fa-image"></i></span> -->
            </div>
            <div class="input">
                <textarea cols="" id="txt-msg" rows=""></textarea>

            </div>
            <div class="btn-send">发送</div>
        </div>
    </div>
</div>
<audio controls="controls" id="aplayer" src="" style="display:none;">
    您的浏览器不支持 audio 标签。
</audio>
<script src="http://static.vbdsm.com/js/lib/jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="http://static.vbdsm.com/js/lib/jquery.query-2.1.7.js" type="text/javascript"></script>
<script src="http://static.vbdsm.com/js/util.js" type="text/javascript"></script>
<script src="./js/feedbackList.js" type="text/javascript"></script>
</body>
<script>
    var cid = $.query.get("auth_cid");
    $("body").append('<script src="/system/lang/feedBack/config.json?script=1&auth_cid=' + cid + '"><\/script>');


    function timerRefresh() {
        loadData();
    }

    setInterval("timerRefresh()", "10000");
</script>
</html>