/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, input, button, textarea, p, th, td { margin: 0; padding: 0; }
ol, ul { list-style: none; }
html, body{ height:100%;}
body, button, input, select, textarea { font-size:14px; font-family:'微软雅黑', '宋体'; color: #000; outline:none;}
img { border:0; vertical-align:top; }
table { border-collapse: collapse; border-spacing: 0; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display:block }
h3{ font-size: 14px;}

/**	隐藏滚动条	**/
::-webkit-scrollbar{height:10px;width:1px;background:#504f4f;display:none}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{-webkit-border-radius:100px;border-radius:100px;-moz-border-radius:100px;background:#504f4f}

a { text-decoration: none; color: #000;}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover{ text-decoration: underline; color: #ff8400;}
a:active { text-decoration: underline;}

.left{ float:left; }
.right{ float:right; }
.clear { clear: both; height: 0px; overflow: hidden; line-height:0;}
.clearfix {display: block;} 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.login{ background:url(../image/bg.jpg) center bottom #318acc repeat-x;}


/*头部*/
.header { height:40px; line-height:40px; font-size:16px; padding:0 10px; position:relative; background: #00a1fd; color: #fff;}

/*主体样式*/
#Scroll{ overflow:hidden}
.left_menu{width:250px; position:relative; display:block; overflow:hidden; border-top:1px solid #eee;}
.left_menu_on{ width:10px; padding:0;}
.left_menu .name-search{ text-align:center; padding:5px 0;}
.left_menu .name-search input{ width:80%; padding:4px 10px; line-height:22px; height:22px; border:1px solid #ccc; border-radius:15px;}
.left_menu h3{ font-weight: normal;color: #333; padding:5px 0 5px 10px; border-bottom: 1px solid #eee; line-height:30px; height:30px; cursor: pointer;}
.left_menu h3:hover,.left_menu h3.hover{ color: #00a8ff;}
.left_menu h3 span{ float:right; height:14px; width:14px; margin-top:8px;}
.left_menu h3 span:before{ content: "\f104";}
.left_menu h3.hover span.arrow:before {content: "\f107";}
.left_menu ul li{ position: relative; height: 50px; padding: 10px; overflow: hidden; cursor: pointer;}
.left_menu ul li:hover, .left_menu ul li.hover{ background: #fafafa;}
.left_menu ul li p{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 25px;}
.left_menu ul li p img{ width: 50px; height: 50px; margin: 0 10px 0 0; vertical-align: top;}
.left_menu ul li span{ position: absolute; width: 24px; right: 10px; top: 13px; line-height: 24px; background: #f00; border-radius: 12px; overflow: hidden; text-align: center; color: #fff;}
.left_menu ul li .msg{ position:absolute; left:70px; bottom:10px; max-width:100px; line-height:22px; height:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-style:normal; font-size:12px; color:#999;}
.left_menu ul li .date{ position:absolute; right:10px; bottom:10px; font-style:normal; line-height:22px; font-size:12px; color:#999;}

/*容器样式*/
.col-1{ border:1px solid #ccc;zoom:1; background:#fff}
.col-1 div.content{ zoom:1;}
.col-left{float:left}
.col-auto{overflow:hidden;_zoom:1;_float:left;}

/**	聊天区	**/
.chat-right{ width: 400px;border-left: 1px solid #ccc;}
.chat-main{ margin: 0 300px 0 auto;  overflow: hidden;}

/**	聊天区----输入框	**/
.chat-title{ background: #e5f7fd; border-bottom: 1px solid #eee; padding: 4px 10px; line-height: 30px;}
.chat-title img{ vertical-align: middle; height: 30px; width: 30px;}
.chat-operate{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px;}
.chat-operate ul li{ float: left; width: 25%; text-align: center;}
.chat-operate ul li a{ display: inline-block; width: 100px; line-height: 30px; border: 1px solid #ccc;}
.chat-operate ul li a:hover{ background: #e5f7fd; text-decoration: none;}
.chat-inputbox{ padding: 10px;}
.chat-inputbox-inner textarea{ border: none;border: 1px solid #ccc;border-radius: 6px; line-height: 26px; width: 100%; height: 150px;}
.chat-inputbox-btn{ text-align: right;}
.chat-inputbox-btn input{ width: 120px; line-height: 36px; border: none; background: #00a1fd; border-radius: 5px; color: #fff; cursor: pointer;}

.chat-list{ overflow: hidden; overflow-y: scroll;}
.chat-list-inner{ padding: 10px;}
.chat-list-inner ul li{ margin: 0 auto 20px; overflow: hidden;}
.chat-list-inner ul li > img{ width: 30px; height: 30px; border-radius: 15px;}
.chat-list-inner ul li .content{ position: relative; max-width: 450px; padding: 5px; line-height: 26px; border-radius: 5px;}
.chat-list-inner ul li .content img{ max-width:200px;}
.chat-list-inner ul li.list-dateline{ font-size:12px; text-align:center; color:#999;}
.chat-list-inner ul li.list-left img{ float: left;}
.chat-list-inner ul li.list-left .content{ float: left; background: #f9f9f9; margin: 0 auto 0 15px; color: #666;}
.chat-list-inner ul li.list-left .content .arrow{ position: absolute; left: -6px; top: 10px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 6px solid #f9f9f9;}
.chat-list-inner ul li.list-right img{ float: right; background: #94cbff;}
.chat-list-inner ul li.list-right .content{ float: right; background: #94cbff; margin: 0 15px 0 auto; color: #fff;}
.chat-list-inner ul li.list-right .content .arrow{ position: absolute; right: -6px; top: 10px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #94cbff;}

/**	客服资料		**/
.chat-right-nav{ line-height: 40px; background: #f5f7f9;}
.chat-right-nav ul li{ float: left; width: 33.3333333%; text-align: center; cursor:pointer;}
.chat-right-nav ul li.hover,.chat-right-nav ul li:hover{ background: #fff; color: #00a8ff;}
.chat-right-content{ padding: 10px;}
.chat-right-content .content-inner{ display: none; overflow-x:hidden; overflow-y:auto; }

.fans-info{ padding:20px 10px 0; line-height:26px;}
.fans-info label{ font-weight:bold;}
.fans-info-ipt{ margin:0 auto 0 50px; padding:0 10px; border-bottom:1px solid #ccc;}
.fans-info-ipt input[type="text"]{ border:none;}
.fans-info-ipt select{ border:none; outline:none;}
.fans-info textarea{ border:1px solid #ccc;border-radius: 6px; width:300px; height:80px; padding:10px;}
.fans-info-btn{ text-align:center;}
.fans-info-btn input{ width: 100%; line-height: 36px; border: none; background: #00a1fd; border-radius: 5px; color: #fff; cursor: pointer;}

.order-add .fans-info-ipt{ margin:0 auto;}
.order-list{ padding:10px;}
.order-list ul li{ margin:0 auto 10px; padding:0 0 10px; border-bottom:1px solid #eee;}
.order-list ul li div{ line-height:24px;}

.quickreply-list{ padding:10px;}
.quickreply-list ul li{ line-height:26px; cursor:pointer;}
.quickreply-list ul li:hover{ background:#fafafa;}

/**	右键菜单	**/
.fansmenu{ position:absolute; top:0; left:0; z-index:99999; background:#fff; border:#ccc 1px solid; padding:10px; line-height:30px; display:none;}
/** 有意向组和已成单组的右键菜单 **/
.moremenu{ position:absolute; top:0; left:0; z-index:99999; background:#fff; border:#ccc 1px solid; padding:10px; display:none;}

.navbar-header p {
    font-size: 22px;
    color: #df8624;
    font-weight: bold;
    text-align: right;
    line-height: 60px;
    height: 60px;
    margin: 0!important;
    padding-right: 30px;
    display: none;
}

.list-banner img {
    width: 100%;
}

.list-banner img:last-child {
    display: none;
}

.bottom-btn{
    display: none!important;
}
.erwei-top{
    display: block!important;
}
.ad_image_web{
    display: none!important;
}
.ad_image{
    display: block!important;
}

.sswWrap{display: flex;flex-wrap: wrap;gap:40px;padding: 25px 0}
.sswWrap .gouwu222:nth-child(4n+1){margin-left: 0}
/* Albert 2020.04.14修改 手机响应页面 */
@media screen and (max-width: 768px) {
    .footer .row {
        display: none!important;
    }

    .footer .row:last-child {
        display: block!important;
    }

    .list-banner img:first-child {
        display: none;
    }

    .list-banner img:last-child {
        display: block;
    }

    .navbar-header p {
        display: block;
    }
    .bottom-btn{
        display: block!important;
    }
    .erwei-top{
        display: none!important;
    }
    .ad_image_web{
        display: block!important;
    }
    .ad_image{
        display: none!important;
    }

    .sswWrap .gouwu222{width: 20%;margin-left: 6.5%;margin-top: 20px}
    .sswWrap{gap:0px;}

}