
/*右侧咨询*/
@media (max-width: 1440px){
    .float-consult{right:2px !important; bottom:60px !important;}
    .float-consult .other{padding: 10px 20px 10px !important;}
}
.back-top{transition: 0.3s all linear; visibility:hidden;}
.float-consult{ position: fixed; right: 20px; bottom:100px;z-index:111;}
.float-consult ul{ position: relative; }
.float-consult ul li{ width: 90px; height:55px;margin: 0 0 5px;}
.float-consult .cloumn{ float: right; width:53px; height: 53px; background: #fff;  text-align: center; font-size: 12px; color: #666666; border: 1px solid #eee; cursor: pointer;}
.float-consult .cloumn:before{ content: ""; width: 26px; height: 26px; display: block; margin:5px auto 2px; background: url("../images/side-menu.png") no-repeat;}
.float-consult .cs1:before{ background-position: 1px 0;}
.float-consult .cs2:before{ background-position: -27px 0;}
.float-consult .cs3:before{ background-position: -56px 0;}
.float-consult .cs4:before{ background-position: -85px 0;}
.float-consult .cs5:before{ background-position: -116px 0;}
.float-consult .cs6:before{ background-position: -145px 0;}
.float-consult .cs7:before{ background-position: -176px 0;}
.float-consult .cs8:before{ background-position: -206px 0;}
.float-consult .cs9:before{ background-position: -95px -86px;}
.float-consult .ewm{ display: none; position: absolute; bottom:-5px; right:69px; z-index: 111; background: #fff;width:128px; height: 128px; border: 1px solid #059fff;}
.float-consult .ewm:after{ content: ""; width:5px; height:8px; display: block; position: absolute; right:-5px; top:30px; background: url("../images/ico2.png") left center no-repeat; }
.float-consult .ewm img{ display: block; width: 118px; height: 118px; margin: 5px; }
.float-consult .version{ display: none; position: absolute;top:0; right:69px; z-index: 111; background: #fff;width:128px; height: 128px; border: 1px solid #059fff;}
.float-consult .version:after{ content: ""; width:5px; height:8px; display: block; position: absolute; right:-5px; top:30px; background: url("../images/ico2.png") left center no-repeat; }
.float-consult .version img{ display: block; width: 118px; height: 118px; margin: 5px; }
.float-consult .service{ display: none; position: absolute; top: 240px; right:70px; font-size: 16px; color: #fff; width: 210px; background: #059fff; text-align: center; line-height: 25px; padding:18px 0; }
.float-consult .service:after{ content: ""; position: absolute; right: -5px; top: 26px; display: inline-block;width: 0;height: 0;line-height: 0;vertical-align: middle;border:5px dashed transparent;border-left-style: solid;border-left-color: #059fff;border-right-width: 0;}
.float-consult .consult{ display: none; border: 1px solid #eee; width: 323px; background:#fff; position: absolute; right:70px; top: 0;}
.float-consult .consult:before{ content: ""; display: block; width: 6px; height: 10px; position: absolute; right: -5px;background: url("../images/ico4.png") center no-repeat; }
.float-consult .consult h2{ font-size: 20px; padding: 13px 20px 13px; margin: 0 0 15px; border-bottom: 1px dashed #ddd;}
.float-consult .consult h2 span{color: #999999; font-size: 14px; margin-left:15px;}
.float-consult .list{ border-bottom: 1px dashed #eee; padding:0 20px 15px;}
.float-consult .tip{font-size:12px; overflow: hidden;}
.float-consult .tip h5{ color: #ff8a00; font-size:14px; margin:0 0 5px;}
.float-consult .tip p{ color:#666; line-height:20px;}
.float-consult .tip span{ font-weight:600;}
.float-consult .item{ height: 38px; border: 1px solid #eeeeee; position: relative; padding-left: 140px; text-align: center; min-height: 38px; margin: 0 0 15px;}
.float-consult .item em{ display: block; width: 139px;height: 38px; line-height: 38px; background: #fafafa; position: absolute; left: 0; top: 0;color: #666666; }
.float-consult .item .ico{ display: inline-block; width: 20px; height: 20px; position: relative; margin:9px 10px 0; vertical-align: middle; cursor: pointer; background: url("../images/side-menu.png") no-repeat;}
.float-consult .item img{ display: block; width:89px; height:89px;}
.float-consult .item .card{ display: none; position: absolute; bottom: -98px; left:-37px; z-index: 111; background: #fff;width: 89px; height: 89px; border: 1px solid #059fff;}
.float-consult .item .card:before{ content: ""; width: 9px; height: 6px; display: block; position: absolute; left: 41px; top: -6px; background: url("../images/ico3.png") center bottom no-repeat; }
.float-consult .preale3 .card{ top: -98px;}
.float-consult .preale3 .card:before{ top:89px;background: url("../images/ico3-1.png") center bottom no-repeat; }
.float-consult .preale4 .card{ top: -98px;}
.float-consult .preale4 .card:before{ top:89px;background: url("../images/ico3-1.png") center bottom no-repeat; }
.float-consult .item .phone{ display: none; position: absolute;  bottom: -45px; left:-65px;font-size: 16px; z-index: 111; color: #fff; width:150px; background: #059fff; text-align: center; line-height: 25px; padding:7px 0; }
.float-consult .item .phone:after{ content: ""; position: absolute; left: 70px; top:-5px; display: inline-block;width: 0;height: 0;line-height: 0;vertical-align: middle;border:5px dashed transparent;border-bottom-style: solid;border-bottom-color: #059fff;border-top-width: 0;}
.float-consult .preale4 .phone{ bottom:33px;}
.float-consult .preale4 .phone:after{ bottom:-5px; top:auto;border-top-width: thick; border-bottom-style: none; border-top-style: solid; border-top-color: #059fff; border-bottom-width: 0;}
.float-consult .list .qq{ background-position: 0 -60px;}
.float-consult .list .wx{background-position: -22px -60px;}
.float-consult .list .tel{background-position: -50px -60px;}
.float-consult .list .qq:hover{ background-position: -71px -60px;}
.float-consult .list .wx:hover{background-position: -94px -60px;}
.float-consult .list .tel:hover{background-position: -120px -60px;}
.float-consult .other{ clear:both; padding: 20px 20px 10px; overflow:hidden;}
.float-consult .other h3{ color: #059fff; font-size: 14px; margin: 0 0 10px; }
.float-consult .other a{ display: block; color: #999999; font-size: 12px; line-height:20px; }
.float-consult .other a:hover{ color:#059fff;}
.float-consult .preale:before{ top: 22px;}
.float-consult .aftersale:before{ top: 83px;}
.float-consult .beian:before{ top:140px;}
.float-consult li:hover .cloumn{ border: 1px solid #059fff; color: #059fff;}
.float-consult li:hover .cs1:before{ background-position: 1px -30px;}
.float-consult li:hover .cs2:before{ background-position: -27px -28px;}
.float-consult li:hover .cs3:before{ background-position: -56px -28px;}
.float-consult li:hover .cs4:before{ background-position: -85px -28px;}
.float-consult li:hover .cs5:before{ background-position: -116px -28px;}
.float-consult li:hover .cs6:before{ background-position: -145px -28px;}
.float-consult li:hover .cs7:before{ background-position: -176px -27px;}
.float-consult li:hover .cs8:before{ background-position: -206px -27px;}
.float-consult li:hover .cs9:before{ background-position: -128px -86px;}
.float-consult .cart:hover a{ color:#ff8a00; border:1px solid #ff8a00;}
.float-consult .cartActive a{ border:1px solid #ff8a00; color:#ff8a00;}
.float-consult .cartActive .cs7:before{ background-position: -176px -27px;}
.float-consult .cartActive em{ width:20px; height:20px; position:absolute; left:20px; top:-10px; border-radius:100%; color:#fff; line-height:20px; text-align:center; font-size:12px; background:#ff8a00;}

