html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset {
margin: 0;
padding: 0
}
ul,ol,dl {
list-style-type: none
}
html,body {
*position: static;
height: 100%
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
address,caption,cite,code,dfn,em,th,var {
font-style: normal;
font-weight: 400
}
input,button,textarea,select,optgroup,option {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit
}
input,button {
overflow: visible;
vertical-align: middle;
outline: 0
}
body,th,td,button,input,select,textarea {
font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";
font-size: 12px;
color: #666;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased
}
body {
line-height: 1.6;
background-color: #fff
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
}
optgroup {
font-weight: 700
}
a,area {
outline: 0;
blr: expression(this.onFocus=this.blur())
}
a {
text-decoration: none;
cursor: pointer;
color: #666
}
a:hover {
text-decoration: none;
outline: 0;
color: #ff7200
}
a.ie6:hover {
zoom: 1
}
a:focus {
outline: 0
}
a:hover,a:active {
outline: 0
}
:focus {
outline: 0
}
sub,sup {
vertical-align: baseline
}
img {
border: 0;
vertical-align: middle
}
a img,img {
-ms-interpolation-mode: bicubic
}
.right-menu-bar {
position: fixed;
_position: absolute;
_top: expression(eval(document.documentElement.scrollTop));
right: -40px;
bottom: 0;
width: 40px;
height: 100%;
z-index: 11000;
-webkit-transition: all .4s;
transition: all .4s
}
#J_rightBarMenuContainer {
background: url(right-menu-bar-bg.jpg);
height: 100%;
padding-top: 166px;
z-index: 100;
position: relative
}
#rightMenuBar2016 .right-menu {
color: #fff;
font-size: 12px;
padding-top: 36px;
padding-bottom: 5px;
display: block;
text-align: center;
background-repeat: no-repeat;
background-image: url(right-menu-icons.png)
}
#rightMenuBar2016 .right-menu.hover,#rightMenuBar2016 .right-menu:hover {
background-color: #fff;
color: #3085cd
}
#rightMenuBar2016 .shopping-car {
background-position: 7px 14px
}
#rightMenuBar2016 .shopping-car .txt {
display: inline-block;
*display: inline;
*zoom: 1;
width: 20px;
text-align: center
}
#rightMenuBar2016 .shopping-car .count {
display: inline-block;
*display: inline;
*zoom: 1;
height: 24px;
width: 24px;
text-align: center;
line-height: 24px;
background-image: url(right-menu-icons.png);
background-position: -685px 0;
color: #ff7e00;
font-weight: 700;
margin-top: 5px
}
#rightMenuBar2016 .shopping-car.hover,#rightMenuBar2016 .shopping-car:hover {
background-position: 7px -92px
}
#rightMenuBar2016 .shopping-car.hover .count,#rightMenuBar2016 .shopping-car:hover .count {
color: #fff;
background-position: -685px 26px
}
#rightMenuBar2016 .user2 {
background-position: -90px 14px
}
#rightMenuBar2016 .user2.hover,#rightMenuBar2016 .user2:hover {
background-position: -90px -92px
}
#rightMenuBar2016 .kf {
background-position: -188px 14px
}
#rightMenuBar2016 .kf.hover,#rightMenuBar2016 .kf:hover {
background-position: -188px -92px
}
#rightMenuBar2016 .qq {
background-position: -289px 14px
}
#rightMenuBar2016 .qq.hover,#rightMenuBar2016 .qq:hover {
background-position: -289px -92px
}
#rightMenuBar2016 .phone {
background-position: -870px 9px;
margin-top: 7px
}
#rightMenuBar2016 .phone.hover,#rightMenuBar2016 .phone:hover {
background-position: -870px -97px
}
#rightMenuBar2016 .charge {
background-position: -386px 4px;
margin-top: 7px
}
#rightMenuBar2016 .charge.hover,#rightMenuBar2016 .charge:hover {
background-position: -386px -102px
}
#rightMenuBar2016 .gong-dan {
background-position: -484px 13px
}
#rightMenuBar2016 .gong-dan.hover,#rightMenuBar2016 .gong-dan:hover {
background-position: -484px -93px
}
#rightMenuBar2016 .back-top {
background-position: -579px 11px;
position: absolute;
bottom: 80px;
right: 0;
width: 40px;
opacity: 0;
-ms-filter: alpha(opacity=0);
filter: alpha(opacity=0);
zoom: 1;
-webkit-transition-property: opacity,postion;
transition-property: opacity,postion;
-webkit-transition-duration: .6s;
transition-duration: .6s;
z-index: 100;
padding-top: 18px
}
#rightMenuBar2016 .back-top-visible {
-ms-filter: alpha(opacity=100);
filter: alpha(opacity=100);
zoom: 1;
opacity: 1
}
#rightMenuBar2016 .back-top.hover,#rightMenuBar2016 .back-top:hover {
background-position: -579px -95px
}
#rightMenuBar2016 .collapse-right-bar,#rightMenuBar2016 .expand-right-bar {
position: absolute;
bottom: 40px;
right: 0;
z-index: 100;
background-image: none;
text-align: center;
display: block;
padding-top: 0;
padding-bottom: 0;
width: 40px;
font-size: 16px
}
#rightMenuBar2016 .collapse-right-bar {
background-image: url(right-menu-icons.png);
background-repeat: no-repeat;
background-position: -776px 13px;
height: 40px
}
#rightMenuBar2016 .collapse-right-bar:hover {
background-position: -776px -91px
}
#rightMenuBar2016 .expand-right-bar {
right: -40px;
height: 40px;
width: 40px;
background: url(icon.jpg) no-repeat;
z-index: 99;
-webkit-transition: all .6s;
transition: all .6s;
_display: none
}
#rightMenuBar2016.mini-right-menu-bar {
right: -40px
}
#rightMenuBar2016.mini-right-menu-bar .expand-right-bar {
right: 40px;
_display: block
}
#rightMenuBar2016 .concat-phone-container {
position: absolute;
right: -500px;
/*left: -500px;*/
top: 300px;
background-color: #fff;
border: 1px solid #dddcdd;
/*border-right: 0;*/
border-left: 0;
-webkit-transition: all .6s;
transition: all .6s;
padding: 20px 30px 20px 25px;
width: 234px
}
#rightMenuBar2016 .active-concat-container {
right: 40px
}
#rightMenuBar2016 .concat-phone-container .close {
position: absolute;
top: 9px;
right: 0;
width: 26px;
height: 26px;
cursor: pointer;
background: url(ie6-icon.jpg) no-repeat center right #fff;
}
#rightMenuBar2016 .concat-phone-container .title {
font-size: 20px;
height: 38px;
vertical-align: bottom;
line-height: 44px;
padding-left: 40px;
background: url(right-menu-icons.png) no-repeat -978px top;
margin-bottom: 10px
}
#rightMenuBar2016 .concat-phone-container .phone-num {
color: #ff7800;
line-height: 26px;
height: 26px;
font-size: 18px;
padding-left: 5px
}
#rightMenuBar2016 .concat-phone-container ul {
border-top: 1px solid #e6e7e8;
border-bottom: 1px solid #e6e7e8;
padding: 5px;
margin: 5px 0;
color: #494949
}
#rightMenuBar2016 .concat-phone-container ul li {
float: left;
width: 48%
}
#rightMenuBar2016 .concat-phone-container ul li .num {
font-size: 14px;
padding-left: 5px;
color: #1b96ff;
font-weight: 700
}
#rightMenuBar2016 .concat-phone-container .concat-desc {
line-height: 18px;
color: #909090;
padding-left: 5px
}
#rightMenuBar2016 .concat-phone-container .concat-desc .blue-color {
color: #378cd2
}
@media screen and (max-height:700px) {
#rightMenuBar2016 .back-top {
bottom: 40px
}
#rightMenuBar2016 .collapse-right-bar,#rightMenuBar2016 .expand-right-bar {
bottom: 0
}
}