.onlinebox {width:160px; height: auto;overflow: hidden; background-color: #ffffff; -webkit-box-shadow: 0 5px 9px rgba(4, 0, 0, .17); box-shadow: 0 5px 9px rgba(4, 0, 0, .17); z-index: 999;}
.onlinebox,.onlinebox *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.onlinebox-top { height: 36px; color: #444; font-size: 18px; }
.onlinebox-top i, .onlinebox-open i {width:16px; height:16px; display:inline-block;}
.onlinebox-top i {margin-top:12px; background: url('/public/images/online/packup.png') center center no-repeat; }
.onlinebox-open i {background: url('/public/images/online/unfold.png') center center no-repeat; margin-left:8px; }
.onlinebox-open i, .onlinebox-open span { vertical-align: middle;}
.onlinebox-close { font-size: 18px; color: #ffffff; cursor: pointer; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; float: right; position: relative; top: -2px; }
.onlinebox-close:hover { color: #fff; text-decoration: none; }
.onlinebox .list-group{margin-bottom: 0;padding-left: 0;}
.onlinebox .list-group-item {display: block;padding: 0;}
.onlinebox .list-group-item .fa { margin-right: 10px; font-size: 16px; width: 16px; height: 16px;float: left;}
.onlinebox .list-group-item .list-group-item-text span{width: 94px;display: table-cell;vertical-align: top;word-break:break-all;line-height: 16px;}
.onlinebox .list-group-item h4 { padding: .75rem 1.25rem 0 1.25rem; font-size: 14px;font-weight: 400;}
/* .onlinebox .list-group-item img { margin-right: 10px; font-size: 16px; width: 16px; height: 16px; position: relative; top: -2px; } */
.onlinebox .met_qq .fa { color: #62a8ea; }
.onlinebox .met_facebook .fa { color: #4267b2; }
.onlinebox .met_skype .fa { color: #00AFF0; }
.onlinebox .list-group-item .list-group-item-text { padding: 5px 1.25rem; }
.onlinebox .list-group-item .list-group-item-text:hover { background: #f8f8f8; }
.onlinebox .list-group-item .list-group-item-text a { color: #76838f; }
.onlinebox .list-group-item .list-group-item-text a:hover { text-decoration: none; }
.onlinebox .online-tbox { padding:0 1.25rem .5rem; }
.onlinebox .online-tbox p{margin-bottom: 0;}
.onlinebox .onlinebox-min { float: right; margin-right: 15px; font-size: 18px; color: #ffffff; cursor: pointer; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }
.onlinebox .onlinebox-top .fa-commenting { margin-right: 10px; }
.onlinebox .onlinebox-min:hover, .onlinebox .onlinebox-min:active, .onlinebox .onlinebox-min:focus { color: #fff; text-decoration: none; }
.onlinebox .onlinebox-center { height: auto; }
.onlinebox .onlinebox-open { display: none; }
.onlinebox.min { background: transparent; box-shadow: none; }
.onlinebox.min .onlinebox-center,
.onlinebox.min .onlinebox-bottom,
.onlinebox.min .onlinebox-top{ display: none; }
.onlinebox.min .onlinebox-open { display: block;height: 40px; background: #fff; color: #f39800;padding: 5px 20px; font-size: 14px;line-height: 30px; float: right;cursor: pointer;-webkit-box-shadow: 0 5px 9px rgba(4, 0, 0, .17); box-shadow: 0 5px 9px rgba(4, 0, 0, .17);}
.online-tbox {font-size:14px;}
.online-tbox img{width:100%;}
.onlinebox-bottom .online-tbox a{ height:36px; line-height:36px;text-align:left; padding-left:16px;  margin-bottom:4px; display:block; background-color:#f39800; color:#fff;}
.online-tbox .kf-title {text-align:center;margin-top:10px;}
.onlinebox-bottom .online-tbox .kf-phone {padding-left:30px; background: url('/public/images/online/phone.png') left center no-repeat; background-color:transparent; color:#444;}