/*reset*/
.suspension li{list-style:none;}
.suspension img{vertical-align:top;}
.suspension a,.suspension button{cursor:pointer;}
.suspension a{color:#333;outline:none;text-decoration:none;}
.suspension a:focus { color: #333; outline: none; -moz-outline: none;}  


/*common*/
.suspension a:hover{color:#fc8080;text-decoration:none;}


/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:3px;bottom:70px;}
.suspension-box{position:relative;float:right;display:none;}
.suspension .a{display:block;width:auto;height:auto;max-height:60px;background-color:#c2c2c2;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#aaa8a8;}
.suspension .a .i{float:left;width:44px;height:44px;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{width:auto;display:none;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:30px;}
.suspension .d .inner-box{padding:12px 22px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;display:flex;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:flex;vertical-align:middle;text-align:center;justify-content:center;align-items:center;}
.suspension .d-service-item .circle i{font-size:30px;color:#fff;}
.suspension .d-service-item .i-qq{width:44px;height:44px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 20px 10px 20px;}
.suspension .d-qrcode p{font-size:12px;color:#93959c;margin:0 0 2px;}
.suspension .d-service-phone p{margin:0 0 2px;}
.suspension .circle{width:40px;height:40px;border-radius:40px;border: 1px solid #eee;background:#52AAFE;position:fixed;z-index:55;right:-7px;bottom:90px;display: flex;justify-content: center;align-items: center;color:#fff;}
.suspension .circle .circle-size{font-size:30px;}

.suspension .qrcode-contact { display: flex; }
.suspension .qrcode-contact img{height:120px;}
.suspension .qrcode-contact div{padding:0 10px 0 0;}
.suspension .qrcode-contact div:last-child{padding:0;}
.suspension .qrcode-img p{padding:5px 0;font-weight:700;}
.suspension .qrcode-contact p{font-size:12px;font-weight:400;}
.suspension .d-qrcode img{width:140px;}

.suspension a { text-align: center; white-space: nowrap; width: auto; padding: 5px; display: table-cell; vertical-align: middle;}
/*.suspension .a-service, .suspension .a-service-phone, .suspension .a-qrcode, .suspension .a-top { background: #808080;}*/
.suspension a i { font-size: 20px; color: #fff; }
.suspension a p { color: #fff; font-size: 12px; padding: 2px 0; margin:0 0 2px;}

.suspension .d::after { display: block; content: ''; position: absolute; border: 5px solid transparent; right: -9px;border-left-color: #FFF;}
.suspension .d.d-service::after{top:20px;}
.suspension .d.d-service-phone::after{top:50px;}
.suspension .d.d-qrcode::after{ top: 120px; }


/**白色背景*/
.suspension .a{background-color:#fff;border:1px solid #eee;border-radius:5px;}
.suspension .a:hover{background:#eee;}
.suspension a i,.suspension a p { color: #868686; }