/*************************************************************
 * <@heping> 2016-09-30
 * lists
 *************************************************************/
@charset "utf-8";
.quickLinksWrap, .charmsBarTabs {position: fixed;z-index: 9;right: 0;right: 0;bottom: 0;  height: 100%;  height: 100%;  -webkit-transition: width linear .4s;  -moz-transition: width linear .4s;  -ms-transition: width linear .4s;  transition: width linear .4s;  _position: fixed;  _bottom: auto;  _top: expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight-10);  }
.charmsBarTabs i{  position: absolute;  display: inline-block;  top: 0;  left: 0;  width: 36px;  height: 36px;  cursor: pointer;  vertical-align: top;  background-image: url(../images/icon/icon_24.png); _background-image: url(../images/icon/icon_8.png);background-repeat: no-repeat;*display:inline-block;*zoom:1;}
.quickLinksPanel { position: absolute;  z-index: 2;  top: 0;  right: 0;  width: 34px;  height: 100%;  background-color: #333333;  }
.quickLinksPanel a { font-size: 12px;  position: relative;  z-index: 1;  top: 0;  left: 0;  display: block;  overflow: hidden; width: 36px;  height: 36px;  margin: 0;  padding: 0;  text-decoration: none;  color: #d8d8d8; *left: -15px; }
.quickLinksPanel .quickToggle{  position:absolute;  bottom:0;  left:0;  width:36px;  z-index:1;}
.quickLinksPanel .icon_arrow_right_white {  position: absolute;  top: 15px;  right: -6px;  left: auto;  overflow: hidden;  width: 6px;  height: 9px;  background-position: 0 -302px;}
.quickLinksPanel .mpToolTip {  line-height: 36px;  position: absolute;  z-index: 2;  top: 0;  left: -120px;  display: none; width: 120px;  height: 36px;  text-align: center;  color: #ffffff;  background-color: #00bf9d;  border-radius: 3px 0 0 3px;  }
.quickLinksPanel .mpToolTip a{display: block;width: 100%;height: 100%;color: inherit;text-align: center;}
.quickLinksPanel .mpQRCode { position: absolute;  z-index: 1005;  top: -144px;  left: -288px;  left: -289px\0;  display: none;  width: 288px;  height: 180px;  text-align: center;  border-radius: 3px 0 0 3px;  background-color: #00bf9d;  }
.quickLinksPanel .mpQRCode p { font-weight: bold;  display: inline-block;  width: 110px;  margin: 20px 10px 0;  text-align: center;  color: #ffffff; }
.quickLinksPanel .mpQRCode p img {  margin-bottom: 10px;  }
.quickLinksPanel .mpQRCode .icon_arrow_right_white {  top: auto;  bottom: 15px; }
.quickToggle .returnTop{display:none;}
.quickLinksAllowGoTop .returnTop{display:block;}
.quickLinks{  position:absolute;  top:50%;  left:0;  margin-top:-190px;  *margin-top:-220px;  z-index:2;  width:34px;  }
.quickLinks a.messageList {  line-height: 16px;  height: 133px;  margin: 10px 0;  color: #fff; background-position: -36px -216px;  }
.quickLinks_min .quickLinksPanel{right:280px;}
.quickLinks li, .quickToggle li {  position: relative;  top: 0;  left: 0;  display: block;  margin-top: 10px;}
.quickLinks li>a:hover,.quickLinks li>a.hover{background:#00bf9d;text-decoration:none;}
.quickLinks li>a.hover + div{display: block;}
.quickLinks li>a.hover + div a:hover,.quickLinks li>a.hover + div a:hover{background: transparent;}
.quickLinks a.messageList .span{  width:16px;  display:block;  height:48px; margin: 38px 0 0 10px;cursor: pointer;  font-size: 15px;}
.quickLinks a.messageList .cartNum {  line-height: 21px;  display: block;  width: 21px;  height: 21px;  margin: 9px 0 0 7px;  cursor: pointer;  text-align: center;  color: #fff;  border-radius: 50%;  background: #00bf9d;  }
.quickLinks a.messageList:hover .cartNum,
.quickLinks a.current .cartNum {  color: #00bf9d;  background: #fff;  }
.quickLinks i.ico_user, .quickLinks .current i.ico_user {background-position: -218px 8px;}
.quickLinks i.ico_cart, .quickLinks .current i.ico_cart {  background-position: -263px 8px;  }

.quickLinks i.ico_phone, .quickLinks .current i.ico_phone {  background-position: -308px 8px;  }
.quickLinks i.ico_headset, .quickLinks .current i.ico_headset {  background-position: -176px -37px;  }
.quickToggle i.ico_qrcode, .quickToggle .current i.ico_qrcode {  background-position: -127px -37px;  }
.quickToggle .ico_gotop,.quickToggle a:hover .ico_gotop,.quickLinks a.current .ico_gotop {background-position: 4px -38px;}
.quickToggle>li>a:hover, .quickToggle>li>a.hover{background-color: #00bf9d;}
.quickToggle>li>a:hover, .quickToggle>li>a.hover + div{display: block;}
.itemBarLoginBox {  border: 1px solid #00bf9d;border-right:0;position: absolute;  z-index: 1005;  top: 0;  left: -288px;  left: -288px\0;  display: none;  width: 288px; border-radius: 3px 0 0 3px;  background-color: #fff; }
.itemBarLoginBox .avatarBox {  overflow: hidden;  height: 160px;  font-size: 12px;  text-align: center;  line-height: 24px;  padding-top: 20px;  }
.itemBarLoginBox .avatarBox p{  font-size:14px;  color:#333;  text-align:center;  }
.itemBarLoginBox .avatarBox a {  display: inline;  width: auto;  height: 24px;  line-height: 24px;margin-right: 5px;font-size: 14px;color: #777777;}
.itemBarLoginBox .avatarBox a:first-child{  display: inline;  width: auto;  height: 24px;  line-height: 24px;margin-right: 5px;font-size: 14px;color: #333333;}
.itemBarLoginBox .avatarBox a:hover {color: #00bf9d;  text-decoration: underline;  background-color: transparent;  }
.itemBarLoginBox .avatarImgBox{  width:80px;  height:80px;  border-radius:50%;  overflow:hidden;  display: block;  margin: 0 auto 10px;  }
.itemBarLoginBox .login_btnbox a {  display: inline-block;  width:94px;  height:36px;  line-height:36px;  text-align:center;  color:#595656;  text-decoration:none;  }
.itemBarLoginBox .login_btnbox a:hover {  color:#00bf9d;  background-color: transparent;  }
_:-ms-fullscreen, :root .quickLinksWrap, .charmsBarTabs  { position: fixed;  z-index: 999;  right: 17px;  }