@CHARSET "UTF-8";
.body {
    font-family: Courier,serif,monospace;
    font-size: 12px;

}

.chat-main {


    display: none;
    position:fixed;
    z-index:999; left:35%; top:25%;
}


.chat-main.h1{
    position: absolute;
    top: 20px;
}

.chat-main .radius {
    background-color: white;
    overflow:hidden;
}

#chat{box-shadow:3px 3px 5px #CCC; width:440px;height:407px; overflow:hidden; background-color:#fff;position:relative;}
#chat_table {
    border-collapse: collapse;
    width: 440px;
    *width:465px;
    *+width:440px;
}
.gray{color:#ccc;}
#chat table td {
    word-wrap:break-word;
    word-break:break-all;
}
#chat table #drag{background:url(../images/hd_bg.png) repeat-x;}
#chat table .hd{height:25px;position:relative;}
#chat table .hd i{background:url(../images/close.png) repeat-x; width:10px; height:10px; position:absolute; right:3px; top:7px; display:inline-block; cursor:pointer;}
#chat table .title1 {
    font-weight: bold;
    color:#fff;
    line-height:25px;
    padding-left:5px;
    display:inline-block;
}

#chat table td.split {
    background-color:#EBEBEB;

    width:5px;
}


#chat table .product-info {
    width: 45%;
    display: none;
    padding: 0;
    margin: 0;
    vertical-align: top;
    border-right:3px solid #EBEBEB;
}

#chat table .product-info ul {
    margin: 0;
    padding: 0;
}

#chat table .product-info ul div.header {
    background-color: #EBEFFE;
    line-height: 22px;
    font-size: 12px;
    color: black;
}

#chat table .product-info ul li {
    list-style: none outside none;
    background-color: white;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 5px;
    line-height: 22px;
    font-size: 11px;
    color: #6F6F6F;
    width: 140px;
}

#chat table .product-info ul li.pic {
    height: 200px;
    padding: 0 5px 0 5px;
    text-align: center;
}

#chat table .product-info ul li.pic img {
}

#chat table .product-info ul li.product-name {
    font-weight: bold;
    color: black;
}

#chat table .product-info ul li.price span {
    font-family: Courier;
    font-size: 16px;
    font-weight: bold;
    color: #ED4E08;
}

#chat table .product-info ul li.market-price s {
    color: black;
}

#chat table .product-info ul li a {
    float: right;
}

#chat table .product-info ul li.info {
    display: none;
}

#chat table .receive-message {
    height: 250px;
    border-left:4px solid #EBEBEB;
}

#chat table .send-message {
    width: 100%;
    border-left:4px solid #EBEBEB;
}

#chat table .bottom-bar {
    background-color:#EBEBEB;
    text-align: right;
    border-bottom:3px solid #EBEBEB;
    border-top:3px solid #EBEBEB;
}
#chat table .bottom-bar td{text-align: right;}

#chat table .tool-bar {
    height: 25px;
    background-color: #EBEBEB;
}

#chat table .tool-bar select {
    float: left;
}

#chat table .tool-bar select.family {

}

#chat table .tool-bar div {
    width: 17px;
    height: 16px;
    float: left;
    cursor: pointer;
    margin-right: 2px;
    margin-top: 1px;
    *margin-top: 2px;
    background: transparent url("../images/tb-sprite.gif") no-repeat scroll 0 0;
}

#chat table .tool-bar .color {
    margin-left: 2px;
    background-position: -159px 0;
}
#chat table .tool-bar .bold {

}
#chat table .tool-bar .italic {
    background-position: -18px 0;
}
#chat table .tool-bar .underline {
    background-position: -32px 0;
}
#chat table .tool-bar .face {
    margin: 2px 0 0 3px;
    background-image: url("../images/facehappy.gif");
}
#chat table .tool-bar .history {
    background-image: none;
    width: 60px;
    float: right;
    margin-top: 3px;
    font-size: 12px;

}
#chat #face {
    border: 1px solid black;
    width: 170px;
    *width: 170px;
    position: relative;
    _top: -169px;
    *+top: -202px;
    z-index: 3;
    display: none;
    left: 162px;
    top: -215px;
    background-color: rgb(255, 255, 255);

}

#chat #face img {
    margin: 2px;
    border-right: none;
    border-bottom: none;
    cursor: pointer;
}
#close {
    width: 40px;
    height: 25px;
}

.chat-message {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25px;
    background-color: #fcfcfc;
}

.no-msg, .have-msg {
    cursor: pointer;
    float: right;
    margin: 5px 5px 0 0;
}

#send.btn_sd{background:url(../images/btn.png) no-repeat; height:23px; border:0 none; width:79px;}
.me{color:blue;}
.msg td{padding-left:1em;}

#fenback .sbtn{height:22px; line-height:22px;width:36px;padding-left:15px;display:inline-block;text-align:center;background:url(../images/chatlog/sch_btn.png) no-repeat 0 center;color:#000;}
#fenback .sbtn:hover{border:1px solid #ccc;width:34px;height:20px;line-height:20px; border-radius:.2em;text-decoration:none;}

.pgr span,.pgr a{display:inline-block; width:18px; height:19px;text-indent:-9999px;overflow:hidden;vertical-align:middle;}
.pgr span.first{background:url(../images/chatlog/first_page_n.png) 0 -1px no-repeat;}
.pgr span.last{background:url(../images/chatlog/last_page_n.png) 0 -1px no-repeat;}
.pgr span.next{background:url(../images/chatlog/next_page_n.png) 0 -1px no-repeat;}
.pgr span.pre{background:url(../images/chatlog/pre_page_n.png) 0 -1px no-repeat;}
.pgr a.first{background:url(../images/chatlog/first_page.png) no-repeat;}
.pgr a.last{background:url(../images/chatlog/last_page.png) no-repeat;}
.pgr a.next{background:url(../images/chatlog/next_page.png) no-repeat;}
.pgr a.pre{background:url(../images/chatlog/pre_page.png) no-repeat;}

.iframeWarp{position:relative;height:100%;}
.msgpmt{position:absolute;bottom:0;width:100%;height:22px;line-height:22px;text-align:center;background-color:#FF8800;color:#fff;}








.online{ position:relative;width:56px; height:55px;margin-top:-1px;background:url(../images/bktop.png) no-repeat 0 -188px; border-top:1px solid #E3E3E3; cursor:pointer;}
.online_hv{background-position:-56px -189px;}
.backToTop{background-image:url(../images/bktop.png);background-repeat:no-repeat; border-top:1px solid #E3E3E3;}

.backToTop {cursor:pointer;width:56px; height:55px; background-position:0 -133px; visibility:hidden;}
.backToTop_hv{background-position:-56px -133px;;}

.service_box_float{position:fixed; bottom:7px; width:56px; _position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight-7); z-index:99;}
.service_ico {clear: both;height:54px;overflow: hidden;width:54px;position:relative; text-align:center; background-color:#fff; margin-top:-1px; border:1px solid #E3E3E3;}
.service_ico img{width:24px; height:25px; background:url(../images/services.png) no-repeat 0 3px; margin-top:12px; cursor:pointer;}
.service_ico img.msg{background:url(../images/services.gif) no-repeat; margin-top:14px;}
.service_ico .login{text-indent:-9999px; display:inline-block; margin-top:5px; height:30px; width:50px;}
.service_unline{background-position:-56px -56px;}
.service_unline img{background:url(../images/services_off.png) no-repeat 0 2px;}
.service_unline img.msg{background:url(../images/new_services_off.png) no-repeat;}

.service_box_float .rollBox{width:136px; position:absolute; display:none;  right:61px; bottom:3px;box-shadow:3px 3px 5px #ccc; background-color:#F8F8F8;}
.service_box_float .rollBox ul{border:1px solid #ccc; padding:0 5px; width:124px; height:249px; overflow-y:auto;}
.service_box_float .rollBox h4{border:1px solid #F4743F;border-top:1px solid #D23E00;background:url(../images/service_hd.png) repeat-x; height:27px; line-height:27px; color:#fff;}
.service_box_float .rollBox h4 i{position:absolute; width:10px; height:10px; display:inline-block; background:url(../images/service_cls.png) no-repeat; right:3px; top:7px; cursor:pointer;}
.service_box_float .rollBox h4 span{display:inline-block; padding-left:3px; font-family:'microsoft yahei',Arial,Helvetica,sans-serif;}
.service_box_float .rollBox li{border-bottom:0 none;height:50px; padding:0;overflow:hidden;border-top:1px solid #ccc; margin-top:-1px;zoom:1;line-height:40px;}
.service_box_float .rollBox li .mct{padding:5px 0 5px 24px; height:40px; overflow:hidden; background:url(../images/service.png) no-repeat -3px 5px; }
.service_box_float .rollBox li .mct h5,.service_box_float .rollBox .mct div{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; height:20px; width:100px; line-height:20px;font-family:'microsoft yahei',Arial,Helvetica,sans-serif;}
.service_box_float .rollBox li .mct div{color:#A5A5A5;}
.service_box_float .rollBox li .msg{background-image:url(../images/service.gif);}
.service_box_float .rollBox li.unline .mct{background-image:url(../images/service_grey.png);}
.service_box_float .rollBox li.unline .msg{background-image:url(../images/service_grey.gif);}
.service_box_float .num{position:absolute; right:0; top:0; color:#fff; text-align:center; display:inline-block;min-width:15px; height:12px; line-height:12px; font-family:Helvetica; background-color:#C70900;}
.service_box_float .num i{color:#C70900; position:absolute; bottom:-3px; left:0; font-style:normal; height:4px; width:3px; overflow:hidden; display:inline-block; background:url(../images/ico19.png) no-repeat;}




.service{ position: relative;top:-10px; left:40px;display: inline-block; cursor:pointer; font-style:normal;z-index:90;}
.service .tel{background:url(../images/contact.png) no-repeat 0 0;height:16px;width: 73px;}
.service_box{position: absolute; background-color:#ccc; left:27px;top:-58; margin-top:-25px; border: 1px solid #ccc; border-bottom:0 none;z-index: 999;width:116px; z-index:99}
.service_box i.goDown,.service_box i.goUp{text-indent:-1000px;cursor: pointer; width:100%; height:20px; text-align: center; display:block; background-color:#f9f9f9; background-repeat:no-repeat; background-position:center center;zoom:1;}
.service_box i.goDown{background-image:url(../images/service_bot.png);border-bottom:1px solid #ccc;}
.service_box i.goUp{background-image:url(../images/service_top.png); background-position:center 6px;}
.service_box{display:none;}
.rollBox {width:100%}
.rollBox ul{overflow:hidden;}
.rollBox li {border-bottom: 1px solid #ccc; height: 40px;padding: 0 10px; background: #f9f9f9; float:inherit !important; position:static !important; cursor:pointer;zoom:1;}
.rollBox li img {margin-right: 4px; background:url(../images/callme.png) no-repeat; width:18px; height:17px;}
.rollBox li.unline img{background:url(../images/callme_off.png) no-repeat;}
.service_box_scroll .rollBox{max-height:205px;_height:205px; overflow:hidden;}
.service_box .rollBox ul{width: 100% !important;}
.service_box .rollBox li{padding-top:12px !important;height:28px; float:none; vertical-align:middle;line-height: 15px;}
.service_box .rollBox li img{vertical-align:top;}
.service_box .rollBox li span{word-wrap:normal;width:74px;vertical-align:top; line-height:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;color:#333 !important; display:inline-block;}


.online{ position:relative;width:56px; height:55px;margin-top:-1px;background:url(../images/bktop.png) no-repeat 0 -188px; border-top:1px solid #E3E3E3; cursor:pointer;}
.online_hv{background-position:-56px -189px;}
.backToTop{background-image:url(../images/bktop.png);background-repeat:no-repeat; border-top:1px solid #E3E3E3;}

.backToTop {cursor:pointer;width:56px; height:55px; background-position:0 -133px; display:none;}
.backToTop_hv{background-position:-56px -133px;;}

.service_box_float{position:fixed; bottom:7px; width:56px; _position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight-7); z-index:99;}
.service_ico {clear: both;height:54px;overflow: hidden;width:54px;position:relative; text-align:center; background-color:#fff; margin-top:-1px; border:1px solid #E3E3E3;}
.service_ico img{width:24px; height:27px; background:url(../images/services.png) no-repeat 0 3px; margin-top:12px; cursor:pointer;}
.service_ico img.msg{background:url(../images/services.gif) no-repeat; margin-top:14px;}
.service_ico .login{text-indent:-9999px; display:inline-block; margin-top:5px; height:30px; width:50px;}
.service_unline{background-position:-56px -56px;}
.service_unline img{background:url(../images/new_services_off.png) no-repeat 0 2px;}
.service_unline img.msg{background:url(../images/new_services_off.png) no-repeat;}
.service_unline img.cur{ width:100%;height:100%; background:url(../images/service_unline_hover.png) no-repeat 0 0; margin:0;padding:0;}

.service_box_float .rollBox{width:136px; position:absolute; display:none;  right:61px; bottom:3px;box-shadow:3px 3px 5px #ccc; background-color:#F8F8F8;}
.service_box_float .rollBox.run{bottom:283px;}
.service_box_float .rollBox ul{border:1px solid #ccc; padding:0 5px; width:124px; height:249px; overflow-y:auto;}
.service_box_float .rollBox h4{border:1px solid #F4743F;border-top:1px solid #D23E00;background:#f47540; height:27px; line-height:27px; color:#fff;}
.service_box_float .rollBox h4 i{position:absolute; width:10px; height:10px; display:inline-block; background:url(../images/service_cls.png) no-repeat; right:3px; top:7px; cursor:pointer;}
.service_box_float .rollBox h4 span{display:inline-block; padding-left:3px;}
.service_box_float .rollBox li{border-bottom:0 none;height:50px; padding:0;overflow:hidden;border-top:1px solid #ccc; margin-top:-1px;zoom:1;line-height:40px;}
.service_box_float .rollBox li .immc{border: none;padding:5px 0 5px 24px; height:40px; overflow:hidden; background:url(../images/service.png) no-repeat 0px 9px; }
.service_box_float .rollBox li .immc h5,.service_box_float .rollBox .immc div{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; height:20px; width:100px; line-height:20px;}
.service_box_float .rollBox li .immc div{color:#A5A5A5;}
.service_box_float .rollBox li .msg{background-image:url(../images/service.gif);}
.service_box_float .rollBox li.unline .immc{background-image:url(../images/service_grey.png);}
.service_box_float .rollBox li.unline .msg{background-image:url(../images/service_grey.gif);}
.service_box_float .num{position:absolute; right:0; top:0; color:#fff; text-align:center; display:inline-block;min-width:15px; height:12px; line-height:12px; font-family:Helvetica; background-color:#C70900;}
.service_box_float .num i{color:#C70900; position:absolute; bottom:-3px; left:0; font-style:normal; height:4px; width:3px; overflow:hidden; display:inline-block; background:url(../images/ico19.png) no-repeat;}