@charset "utf-8";

/************************************************
 import css
************************************************ */


.suspension-box .j-icon{ display:none!important;}
.suspension-box .tel{ display:none!important;}


#consultation { display:none!important;
  width: 45px;
  height: 38px;
  background: rgba(0,0,0,0.75);
  _position: relative;
  overflow: hidden;
  margin-bottom: 1px;
    position: relative; 
}
#consultation a {
  width: 45px;
  height:38px;
  text-align: center;
  color: #fff;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;cursor: pointer; background:none;
  
}
#consultation .redbg {
  background-color:#f2f2f2;
  position: absolute;
  top: 50px;
  left: 0;
  width: 45px;
  height: 38px; z-index:8; opacity:1;
}

.suspension-box div.code i { width: 8px; height: 15px; position: absolute; top: 118px; right: -8px; background-image: url(../../img/common/contacts_box/trangle-right-suspension.png)!important; background-repeat: no-repeat; }

.suspension-box a i { display: block; float: left; width: 45px!important; height:38px!important; margin-left:0!important; margin-top:0!important; background-image: url(../../img/common/contacts_box/contacts_box.png)!important; background-repeat: no-repeat; text-indent: -9999px; }

.suspension-box div.tencent i.tencent-i { width: 8px; height: 15px; position: absolute; top: 10px; right: -45px!important; text-indent: -9999px; background-image: url(../../img/common/contacts_box/trangle-right-suspension.png)!important; background-repeat: no-repeat; }

.suspension-box div.tencent b.tencent-b { position: absolute; left: 10px; top: 10px; width: 62px; height: 64px; background-image: url(images/common/circle-tencent.png)!important; background-repeat: no-repeat; }
.suspension-box div.tel i { width: 8px; height: 15px; position: absolute; top: 38px!important; right: -8px; background-image: url(../../img/common/contacts_box/trangle-right-suspension.png)!important; background-repeat: no-repeat; }


.suspension { position: fixed; z-index: 55; right: 10px!important; bottom: 60px!important; width: 80px; height: 204px; }
.suspension-box { position: relative; float: right;    border: 0px solid #e5e5e5;}

.suspension-box a.a { display: block; width: 40px!important; height:38px!important; background:none!important; margin-bottom: 1px; cursor: pointer;
-moz-border-radius: 100px;
-khtml-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;}

.suspension-box a.back_top { background-color: #efefef!important; }

.suspension-box a.qq:hover,.suspension-box a.tel:hover,.suspension-box a.code:hover { opacity: 0.8; filter: alpha(opacity=80); }

.suspension-box a.back_top:hover { background-color: #FC7878; }



.suspension-box a.qq i { background-position: 0 0!important; }

.suspension-box a.tel i { background-position: -45px 0!important; }

.suspension-box a.code i { background-position: 0 -38px!important; }

.suspension-box a.back_top i { background-position: -47px -35px!important; }

.suspension-box div.code { position: absolute; left: -197px!important; *left: -207px; top:-28px!important;  display: none; width: 178px; height: 178px!important; padding-left: 10px; padding-top: 10px; background-color: #fff; border: 1px solid #D9D9D9; z-index:99; background:#fff url(../../img/common/contacts_box/contactsbox_code.png) 15px 12px no-repeat!important;}

.suspension-box div.code p { width: 155px; margin-top:150px!important; text-align: center; }


.suspension-box div.tencent { position: absolute; left: -187px; top: 0px; width: 177px; height: 85px; display:none; background-color: #fff; border: 1px solid #D7D7D7; }

.suspension-box div.tencent p.tencent-p { width: 75px; float: right; margin-right: 18px; margin-top: 18px; font-size: 16px; color: #333; }





.suspension-box div.tencent span.tencent-span { position: absolute; left: 8px; top: 7px; border-radius: 22px; width: 45px; height: 48px; text-align: center; z-index: 99; overflow: hidden; }

.suspension-box div.tencent .tencent-qq {position: absolute; left: 3px;top:0px; height: 45px; width: 39px; }

.suspension-box div.tel { position: absolute; left:-200px!important; top: 15px!important; display: none; width: 190px!important; height: 85px; background-color: #fff; border: 1px solid #D7D7D7; }



.suspension-box div.tel strong { display: block; margin-left: 17px; margin-top: 16px; font-size: 16px; font-weight: normal; }

.suspension-box div.tel p { margin-left: 17px; font-size: 23px; font-family: arial; color: #FD696D; }.icon { margin-top:-5px; }

.nav a.cart-title-name { color: #000; text-decoration: none; line-height: normal; }

.nav a.cart-title-name:hover { color: #ef353d; text-decoration: underline; line-height: normal; }

.nav a font { padding: 8px 15px; background:#fd7878; border-radius: 5px; }

.nav a font:hover { padding: 8px 15px; background:#ea5050; border-radius: 5px; }