#sidebar{position:fixed;right:0px;background:#000;width:36px;height:100%;bottom:0;z-index:9999;}
#r-sidebar {position:absolute;top:10%;height:auto;list-style:none;padding:0px;margin:0px}
#r-sidebar li{display:block;left:0;top:0;vertical-align:top}
#r-sidebar li .setting,#r-sidebar li .bonus,#r-sidebar li .history,#r-sidebar li .stores,#r-sidebar li .coll,#r-sidebar-l li .service,#r-sidebar-l li .qr-code{background:url('/css/images/common-icon.png') no-repeat;position:relative;width:30px;height:30px;left:3px;top:4px;display:block}
#r-sidebar li .setting{background-position:-321px 0}
#r-sidebar li .bonus{background-position:-361px -120px}
#r-sidebar li .history{background-position:-321px -120px}
#r-sidebar li .stores{background-position:-321px -60px}
#r-sidebar li .coll{background-position:-321px -90px}
.sidebar-user{width:227px;height:auto;padding:15px 10px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.4);border-radius:5px 0 0 5px;border:1px solid #ddd;border-right:0;z-index:999;position:absolute;top:0;right:36px}
#r-sidebar .arrow-right,#r-sidebar .arrow-right1,#r-sidebar-l .arrow-right2,#r-sidebar-l .arrow-right,#r-sidebar-l .arrow-right3{background:url('/css/images/common-icon.png') no-repeat;position:absolute;width:5px;height:9px;overflow: hidden;display:inline-block}
#r-sidebar .arrow-right{right:-5px;top:15px;background-position:-294px -124px;z-index:11111}
#r-sidebar .arrow-right1{right:-5px;top:15px;background-position:-294px -95px}
#r-sidebar .user-pic{width:74px;height:74px;position:relative;margin:0 auto;}
#r-sidebar .user-pic-mask{width:74px;height:74px;background: url('/css/images/mask1.png') no-repeat center center;position:absolute;left:0;top:0;z-index:999}
#r-sidebar .user-info{width:227px;height:102px;background:#fff}
#r-sidebar p{font-size:12px;text-align:center;padding-bottom:10px}
.redbg,redbg:hover{background:#e31939;width:36px;height:38px;display:block}
.sidebar-bonus,.sidebar-history,.sidebar-stores,.sidebar-coll,.sidebar-top{position:absolute;left:-92px;width:92px;height:38px;line-height:38px;background:#000;color:#d8d8d8;text-align:center;font-size:12px;transition:width .5s;-moz-transition:width .5s;}
.sidebar-bonus{top:38px}
.sidebar-history{top:234px}
.sidebar-stores{top:282px}
.sidebar-coll{top:322px}
.sidebar-top{top:90px}
@keyframes myani{from{opacity:.7;-webkit-transform:translateX(-52px);-moz-transform:translateX(-52px);transform:translateX(-52px)}to{-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);transform:translateX(-10px)}}
@-webkit-keyframes myani{from{opacity:.7;-webkit-transform:translateX(-52px)}to{-webkit-transform:translateX(-10px)}}
@-ms-keyframes myani{from{opacity:.7;transform:translateX(-52px)}to{transform:translateX(-10px)}}
@-moz-keyframes myani{from{opacity:.7;-moz-transform:translateX(-52px)}to{-moz-transform:translateX(-10px)}}
.myani{-webkit-animation:myani .35s ease-in-out;-moz-animation:myani .35s ease-in-out;animation:myani .35s ease-in-out}
#bonus-panels{position:absolute;top:-52px;left:36px;width:270px;z-index:-3333;background:#eceaea}
#bonus-panels .panel-header{position:relative;width:270px;height:40px;line-height:40px}
#bonus-panels .panel-header i{background: url('/css/images/common-icon.png') no-repeat;margin-right:4px;margin-left:10px;vertical-align:top;width:20px;height:17px;margin-top:11px;background-position:-365px -64px;display: inline-block;}
#bonus-panels .bonus-icon{background-position:-366px -153px}
#bonus-panels .bonus-icon1{background-position:-365px -94px}
#bonus-panels .bonus-icon2{background-position:-365px -64px}
#bonus-panels .panel-header em{font-style:normal;position:relative;top:-2px;left:5px;display:inline-block;color:#666}
#bonus-panels .close-panel{width:12px;height:12px;background:url('/css/images/common-icon.png') no-repeat;background-position:-429px -40px;position:absolute;right:8px;top:16px;cursor:pointer;-webkit-transition: transform .2s ease-out 0s;-moz-transition: transform .2s ease-out 0s;transition: transform .2s ease-out 0s}
#bonus-panels .close-panel:hover{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg)}
@keyframes toolbar-scaleIn{from{opacity:.7;-webkit-transform:translateX(270px);-moz-transform:translateX(270px);transform:translateX(270px)}to{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform: translateX(0px)}}
@-webkit-keyframes toolbar-scaleIn{from{opacity:.7;-webkit-transform:translateX(270px);transform:translateX(270px)}to{-webkit-transform:translateX(0px);transform: translateX(0px)}}
@-ms-keyframes toolbar-scaleIn{from{opacity:.7;transform:translateX(270px)}to{transform: translateX(0px)}}
@-moz-keyframes toolbar-scaleIn{from{opacity:.7;-moz-transform:translateX(270px);transform:translateX(270px)}to{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px)}}
.animate-in{-webkit-animation: toolbar-scaleIn .35s ease-in-out;-moz-animation:toolbar-scaleIn .35s ease-in-out;animation: toolbar-scaleIn .35s ease-in-out}
.animate-out{-webkit-animation: toolbar-scaleOut .35s ease-in;-moz-animation: toolbar-scaleOut .35s ease-in;animation: toolbar-scaleOut .35s ease-in}
.panel-main,.panel-main1{position:relative;width:270px;height:513px;overflow-y:auto;overflow-x: hidden;}
.panel-main .tip-box,.panel-main1 .tip-box{position:absolute;top:50%;width:270px;margin-top:-100px;text-align:center;}
.panel-main .tip-icon,.panel-main1 .tip-icon{display:block;width:156px;height:85px;margin:0 auto;background: url('/images/noresult.png') no-repeat 0 0;}
.panel-main .tip-text,.panel-main1 .tip-text{line-height:20px;padding:10px;font-size:12px;color:#666}
.panel-main .tip-box1{position:absolute;top:0;width:270px;text-align:left;padding:5px 10px 5px 10px}
#r-sidebar #li3{width:36px;height:130px}
#r-sidebar #li3 i{display:inline-block;cursor:pointer;background:url('/css/images/common-icon.png') no-repeat;vertical-align: top;position: absolute;}
#r-sidebar #li3 .cart{background-position:-321px -30px;width:30px;height:30px;left:3px;top:100px}
#r-sidebar #li3 .cart-text{display:inline-block;position: absolute;text-align:center;left:12px;top:130px;width:13px;height:auto;font-size:12px;color:#fff}
#r-sidebar #li3 .cart-num{width:20px;height:20px;display:block;border-radius:50%;background:#E31939;text-align:center;line-height:20px;margin:100px 0 0 8px;color: #fff;font-size:12px}
#r-sidebar #li3 a{display:inline-block;width:36px;height:130px;text-decoration:none}
#r-sidebar #li3 a:hover{background:#e31939}
#r-sidebar #li3 a:hover .cart-num{background:#fff;color:#e31939}
#r-sidebar #li5 a,#r-sidebar #li6 a,#r-sidebar-l #li0 .over_red,#r-sidebar-l #li1 a,#r-sidebar-l #li2 a{display:inline-block;width:36px;height:36px;text-decoration:none}
#r-sidebar #li5 a:hover,#r-sidebar #li6 a:hover,#r-sidebar-l #li0 .over_red:hover,#r-sidebar-l #li1 a:hover,#r-sidebar-l #li2 a:hover{background:#e31939}
#r-sidebar-l{position:absolute;right:0px;background:#000;width:36px;height:150px;bottom:0;z-index:10000;list-style:none;padding:0px;margin:0px}
.sidebar-service{width:130px;height:auto;padding:10px 10px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.4);border-radius:5px 0 0 5px;border:1px solid #ddd;border-right:0;z-index:999;position:absolute;top:-170px;right:36px}
#r-sidebar-l .arrow-right{right:-5px;top:183px;background-position:-294px -124px;z-index:11111}
#r-sidebar-l li .service{background-position:-321px -180px}
#r-sidebar-l p{font-size:12px;text-align:left;padding-bottom:10px;margin-top:-2px}
#r-sidebar-l .icon-online,#r-sidebar-l .icon-qq{background: url('/css/images/user-icon.png') no-repeat}
#r-sidebar-l .icon-online{float:left;background-position:-54px -123px;display:inline-block;width:27px;height:27px;}
#r-sidebar-l .icon-qq{float:left;background-position:-27px -123px;display:inline-block;width:27px;height:27px;}
#r-sidebar-l .online-text{float:left;display:inline-block;width:80px;height:27px;line-height:27px;padding-left:10px}
#r-sidebar-l li .qr-code{background-position:-358px -30px}
.sidebar-weixin{width:130px;height:130px;padding:10px 10px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.4);border-radius:5px 0 0 5px;border:1px solid #ddd;border-right:0;z-index:999;position:absolute;top:-80px;right:36px}
#r-sidebar-l .arrow-right2{right:-5px;top:130px;background-position:-294px -124px;z-index:11111}
#r-sidebar-l li .top{background:url('/css/images/top.png') no-repeat;width:22px;height:22px;left:7px;top:8px;position:relative;display:inline-block}
#r-sidebar-l .arrow-right3{right:-5px;top:15px;background-position:-294px -95px;z-index:11111}
#r-sidebar-l #li2{margin-top:10px}
.nosee{display:none}
.tosee{display:block}
.add-cart1{display:inline-block;position:absolute;top:5px;right:5px;width:32px;height:32px;cursor:pointer;background:url('/css/images/common-icon.png') no-repeat;background-position:-165px 0px}
.side-bar-bt{display:inline-block;width:100%;height:25px;line-height:25px;text-align:center;background:#e31939;font-size:14px;color:#fff}
.side-bar-bt:hover {color:#ff0}