﻿/*定位*/

.pc-style .lt {
    left: 0px;
    top: 0px;
    position: fixed;
    z-index: 10000;
}


/* IE6 头部固定 */

* html .pc-style .lt {
    position: absolute;
    bottom: auto;
    top: expression(eval(document.documentElement.scrollTop));
}

.pc-style .lc {
    left: 0px;
    top: 50%;
    position: fixed;
    margin-top: -100px;
    z-index: 10000;
}

* html .pc-style .lc {
    position: absolute;
    bottom: auto;
    top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight+(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
}

.pc-style .lb {
    left: 0px;
    bottom: 0px;
    position: fixed;
    z-index: 10000;
}

* html .pc-style .lb {
    position: absolute;
    bottom: auto;
    top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
}

.pc-style .rt {
    right: 0px;
    top: 0px;
    position: fixed;
    z-index: 10000;
}


/* IE6 头部固定 */

* html .pc-style .rt {
    position: absolute;
    bottom: auto;
    right: 0px;
    top: expression(eval(document.documentElement.scrollTop));
}

.pc-style .rc {
    right: 0px;
    top: 50%;
    margin-top: -100px;
    position: fixed;
    z-index: 10000;
}

* html .pc-style .rc {
    position: absolute;
    bottom: auto;
    right: 0px;
    top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight+(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
}

.pc-style .rb {
    right: 0px;
    bottom: 0px;
    position: fixed;
    z-index: 10000;
}

* html .pc-style .rb {
    position: absolute;
    bottom: auto;
    right: 0px;
    top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
}


/*===========================================================*/


/*客服样式*/


/*样式1*/

.pc-style .ServiceStyle01 {
    width: 100px;
    text-align: left;
}

.pc-style .ServiceStyle01 dt {
    background: url(Images/ManagerBg0015.gif) center top no-repeat;
    line-height: 26px;
    height: 26px;
    padding: 0px 10px;
    color: #ffffff;
    position: relative;
}

.pc-style .ServiceStyle01 dt a.Close {
    position: absolute;
    right: 8px;
    top: 6px;
    width: 14px;
    height: 14px;
    overflow: hidden;
    line-height: 14px;
    background: url(Images/ManagerBtn0006.gif) center center no-repeat;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.pc-style .ServiceStyle01 dt a.Close:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.pc-style .ServiceStyle01 dd {
    background: url(Images/ManagerBg0015.gif) center bottom no-repeat;
    padding: 10px;
}

.pc-style .ServiceStyle01 dd li {
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
}

.pc-style .ServiceStyle01 dd li img {
    vertical-align: middle;
    margin-right: 5px;
}


/*样式2*/

.pc-style .ServiceStyle02 {
    width: 100px;
    text-align: left;
}

.pc-style .ServiceStyle02 dt {
    background: url(Images/ManagerBg0016.gif) center -60px no-repeat;
    line-height: 26px;
    height: 26px;
    padding: 24px 10px 0px 10px;
    color: #ffffff;
    position: relative;
    text-align: center;
}

.pc-style .ServiceStyle02 dt a.Close {
    position: absolute;
    left: 40px;
    top: 5px;
    width: 21px;
    height: 21px;
    overflow: hidden;
    line-height: 21px;
    background: url(Images/ManagerBg0016.gif) left -30px no-repeat;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.pc-style .ServiceStyle02 dt a.Close:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.pc-style .ServiceStyle02 dd {
    background: url(Images/ManagerBg0016.gif) center bottom no-repeat;
    padding: 5px 10px 10px 10px;
}

.pc-style .ServiceStyle02 dd li {
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
}

.pc-style .ServiceStyle02 dd li a {
    display: block;
    line-height: 22px;
    margin: 3px 0px;
    background: url(Images/ManagerBg0016.gif) center top no-repeat;
    color: #ffffff;
}


/*样式3*/

.pc-style .ServiceStyle03 {
    width: 100px;
    text-align: left;
}

.pc-style .ServiceStyle03 dt {
    background: url(Images/ManagerBg0017.gif) center -30px no-repeat;
    line-height: 26px;
    height: 26px;
    padding: 0px 10px;
    color: #ffffff;
    position: relative;
    padding-bottom: 75px;
}

.pc-style .ServiceStyle03 dt a.Close {
    position: absolute;
    right: 8px;
    top: 6px;
    width: 14px;
    height: 14px;
    overflow: hidden;
    line-height: 14px;
    background: url(Images/ManagerBg0017.gif) left top no-repeat;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.pc-style .ServiceStyle03 dt a.Close:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.pc-style .ServiceStyle03 dd {
    background: url(Images/ManagerBg0017.gif) center bottom no-repeat;
    padding: 0px 10px 10px 10px;
}

.pc-style .ServiceStyle03 dd li {
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
}

.pc-style .ServiceStyle03 dd li img {
    vertical-align: middle;
    margin-right: 5px;
}


/*样式4*/

.pc-style .ServiceStyle04 {
    width: 100px;
    text-align: left;
}

.pc-style .ServiceStyle04 dt {
    background: url(Images/ManagerBg0018.gif) center -20px no-repeat;
    line-height: 26px;
    height: 26px;
    padding: 99px 10px 0px 10px;
    color: #ffffff;
    position: relative;
    text-align: center;
}

.pc-style .ServiceStyle04 dt a.Close {
    position: absolute;
    left: 41px;
    top: 64px;
    width: 18px;
    height: 18px;
    overflow: hidden;
    line-height: 18px;
    background: url(Images/ManagerBg0018.gif) left top no-repeat;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.pc-style .ServiceStyle04 dt a.Close:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.pc-style .ServiceStyle04 dd {
    background: url(Images/ManagerBg0018.gif) center bottom no-repeat;
    padding: 10px 10px 10px 10px;
}

.pc-style .ServiceStyle04 dd li {
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
}

.pc-style .ServiceStyle04 dd li img {
    vertical-align: middle;
    margin-right: 5px;
}


/*样式5*/

.pc-style .ServiceStyle05 {
    width: 154px;
    text-align: left;
}

.pc-style .ServiceStyle05 dt {
    background: url(Images/ManagerBg0019.gif) center -30px no-repeat;
    line-height: 26px;
    height: 26px;
    padding: 0px 10px;
    color: #ffffff;
    position: relative;
}

.pc-style .ServiceStyle05 dt a.Close {
    position: absolute;
    right: 8px;
    top: 6px;
    width: 14px;
    height: 14px;
    overflow: hidden;
    line-height: 14px;
    background: url(Images/ManagerBg0019.gif) left top no-repeat;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.pc-style .ServiceStyle05 dt a.Close:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.pc-style .ServiceStyle05 dd {
    background: url(Images/ManagerBg0019.gif) center bottom no-repeat;
    padding: 10px;
}

.pc-style .ServiceStyle05 dd li {
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
}

.pc-style .ServiceStyle05 dd li img {
    vertical-align: middle;
    margin-left: 5px;
}


/*样式6*/

.pc-style .ServiceStyle06 {
    width: 70px;
    text-align: left;
}

.pc-style .ServiceStyle06 dt {
    background: url(Images/ManagerBg0020.gif) center -30px no-repeat;
    line-height: 16px;
    height: 32px;
    padding: 3px 8px 3px 37px;
    color: #ffffff;
}

.pc-style .ServiceStyle06 dd {
    background: url(Images/ManagerBg0020.gif) center bottom no-repeat;
    padding-top: 5px;
}

.pc-style .ServiceStyle06 dd a.Close {
    height: 22px;
    overflow: hidden;
    line-height: 22px;
    display: block;
    background: url(Images/ManagerBg0020.gif) center top no-repeat;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.pc-style .ServiceStyle06 dd a.Close:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.pc-style .ServiceStyle06 dd li {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    padding: 0px 10px;
    font-size: 12px;
}

.pc-style .ServiceStyle06 dd li img {
    vertical-align: middle;
    margin-left: 5px;
}


/*****手机端样式*****/


/*定位*/

.mobile-style .lt,
.mobile-style .lb,
.mobile-style .lc {
    left: 0px;
    top: 50%;
    position: fixed;
    margin-top: -100px;
    z-index: 10000;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.mobile-style .rt,
.mobile-style .rb,
.mobile-style .rc {
    right: 0px;
    top: 50%;
    margin-top: -100px;
    position: fixed;
    z-index: 10000;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}


/*客服样式*/

.mobile-style .ServiceStyle01,
.mobile-style .ServiceStyle02,
.mobile-style .ServiceStyle03,
.mobile-style .ServiceStyle04,
.mobile-style .ServiceStyle05,
.mobile-style .ServiceStyle06 {
    width: 36px;
    background: #ff3e3e;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.mobile-style .ServiceStyle01 dt,
.mobile-style .ServiceStyle02 dt,
.mobile-style .ServiceStyle03 dt,
.mobile-style .ServiceStyle04 dt,
.mobile-style .ServiceStyle05 dt,
.mobile-style .ServiceStyle06 dt {
    text-indent: -1000em;
    height: 36px;
}

.mobile-style .ServiceStyle01 dt a.Close,
.mobile-style .ServiceStyle02 dt a.Close,
.mobile-style .ServiceStyle03 dt a.Close,
.mobile-style .ServiceStyle04 dt a.Close,
.mobile-style .ServiceStyle05 dt a.Close,
.mobile-style .ServiceStyle06 dt a.Close {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    display: block;
    height: 36px;
    background: #333333 url(Images/ManagerBtn0006.gif) center center no-repeat;
}

.mobile-style .ServiceStyle06 a.Close {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    display: block;
    height: 36px;
    background: #333333 url(Images/ManagerBtn0006.gif) center center no-repeat;
}

.mobile-style .ServiceStyle01 dd,
.mobile-style .ServiceStyle02 dd,
.mobile-style .ServiceStyle03 dd,
.mobile-style .ServiceStyle04 dd,
.mobile-style .ServiceStyle05 dd,
.mobile-style .ServiceStyle06 dd {
    width: 100%;
    height: 100%;
}

.mobile-style .ServiceStyle01 dd ul,
.mobile-style .ServiceStyle02 dd ul,
.mobile-style .ServiceStyle03 dd ul,
.mobile-style .ServiceStyle04 dd ul,
.mobile-style .ServiceStyle05 dd ul,
.mobile-style .ServiceStyle06 dd ul {
    width: 100%;
    height: 100%;
}

.mobile-style .ServiceStyle01 dd li,
.mobile-style .ServiceStyle02 dd li,
.mobile-style .ServiceStyle03 dd li,
.mobile-style .ServiceStyle04 dd li,
.mobile-style .ServiceStyle05 dd li,
.mobile-style .ServiceStyle06 dd li {
    display: none;
}

.mobile-style .ServiceStyle01 dd li:first-child,
.mobile-style .ServiceStyle02 dd li:first-child,
.mobile-style .ServiceStyle03 dd li:first-child,
.mobile-style .ServiceStyle04 dd li:first-child,
.mobile-style .ServiceStyle05 dd li:first-child,
.mobile-style .ServiceStyle06 dd li:first-child {
    display: block;
    width: 100%;
    height: 100%;
}

.mobile-style .ServiceStyle02 dd {
    position: relative;
}

.mobile-style .ServiceStyle02 dd li:first-child {
    display: block;
    padding: 5px 5px 10px 5px;
    color: #ffffff;
    text-align: center;
    font-size: 15px;
    line-height: 1.2;
    box-sizing: border-box;
}

.mobile-style .ServiceStyle02 dd li:nth-child(2) {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.mobile-style .ServiceStyle02 dd li:nth-child(2) a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0px;
    opacity: 0;
}

.mobile-style .ServiceStyle01 dd li a,
.mobile-style .ServiceStyle02 dd li a,
.mobile-style .ServiceStyle03 dd li a,
.mobile-style .ServiceStyle04 dd li a,
.mobile-style .ServiceStyle05 dd li a,
.mobile-style .ServiceStyle06 dd li a {
    display: block;
    padding: 5px 5px 10px 5px;
    color: #ffffff;
    text-align: center;
    font-size: 15px;
    line-height: 1.2;
}

.mobile-style .ServiceStyle01 dd li img,
.mobile-style .ServiceStyle02 dd li img,
.mobile-style .ServiceStyle03 dd li img,
.mobile-style .ServiceStyle04 dd li img,
.mobile-style .ServiceStyle05 dd li img,
.mobile-style .ServiceStyle06 dd li img {
    width: 100%;
    display: block;
    margin-bottom: 5px;
}