﻿.cus_sidebar,.cus_sidebar a{font-size:12px;color:#999;font-family:Arial,Helvetica,sans-serif}
.cus_sidebar{position:absolute;z-index:10000;top:150px;right:0}
.cus_sidebar .show_btn{width:38px;height:192px;overflow:hidden;cursor:pointer;display:block;overflow:hidden;background:url(../weapp/Customer/template/skin/images/show_btn.png) no-repeat center center;position:absolute;right:0;top:0}
.cus_sidebar .side_content{width:0;height:auto;overflow:hidden;float:left}
.cus_sidebar .side_content .side_list{width:140px;overflow:hidden;border:1px solid #dadada;border-radius:8px;position:relative;background:#FFF}
.cus_sidebar .side_content .side_list .hd img{width:100%;border-bottom:1px solid #dadada}
.cus_sidebar .side_content .side_list .cont li{height:40px;line-height:40px;border-bottom:1px solid #dadada;list-style:none;position:relative}
.cus_sidebar .side_content .side_list .cont li a{position:relative;display:block;padding:0 0 0 43px;text-decoration:none}
.cus_sidebar .side_content .side_list .cont li a:before{content:"";position:absolute;display:block;overflow:hidden;top:0;left:10px;width:25px;height:40px;background-repeat:no-repeat;background-position:center center}
.cus_sidebar .side_content .side_list .cont li .email:before{background-image:url(../weapp/Customer/template/skin/images/icons01.png)}
.cus_sidebar .side_content .side_list .cont li .skype:before{background-image:url(../weapp/Customer/template/skin/images/icons02.png)}
.cus_sidebar .side_content .side_list .cont li .facebook:before{background-image:url(../weapp/Customer/template/skin/images/icons03.png)}
.cus_sidebar .side_content .side_list .cont li .twitter:before{background-image:url(../weapp/Customer/template/skin/images/icons04.png)}
.cus_sidebar .side_content .side_list .cont li .youtube:before{background-image:url(../weapp/Customer/template/skin/images/icons05.png)}
.cus_sidebar .side_content .side_list .cont li .linkedin:before{background-image:url(../weapp/Customer/template/skin/images/icons06.png)}
.cus_sidebar .side_content .side_list .cont li .whatsapp:before{background-image:url(../weapp/Customer/template/skin/images/icons07.png)}
.cus_sidebar .side_content .side_list .cont li .livechat:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23399d26'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12z'/%3E%3Cpath d='M7 9h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2z'/%3E%3C/svg%3E");background-size:20px 20px}
.cus_sidebar .side_content .side_list .t-code{padding:10px 10px 7px;border-bottom:1px solid #dadada}
.cus_sidebar .side_content .side_list .t-code img{width:100%}
.cus_sidebar .side_content .side_list .side_title{height:30px;line-height:30px;padding:0 12px}
.cus_sidebar .side_content .side_list .side_title .close_btn{background:url(../weapp/Customer/template/skin/images/close.png) no-repeat center center;width:12px;height:30px;position:absolute;bottom:0;right:10px;cursor:pointer}
.cus_sidebar .side_content .side_list .side_title .close_btn span{display:none}
@media screen and (max-width:550px){
.cus_sidebar{display:block}
}