﻿@charset "utf-8";
/* CSS Document */
/*----------------------底部------------------*/

/*.onlineserver{width: 51px; height: 252px; position: fixed!important; right: 0; top: 25%; z-index: 99999;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+200));}
.onlineserver .zhankai,.onlineserver .shouqi{padding-top:30px; position: relative;}
.onlineserver span,.activityrecommend span{width:24px; height:24px; background: url(../images/serverClose-bg.png) 0 0 no-repeat; position: absolute; top:3px; right:4px; cursor: pointer;}
.onlineserver a{width: 144px; height: 110px; display: block; background: url(../images/online-zx.jpg) no-repeat 0 0 #3d3d3d;}
.onlineserver a.s{width: 28px; height: 110px; display: block; background: url(../images/online-zx.jpg) no-repeat 0 0 #3d3d3d;}
.onlineserver a:hover{background-color: #333;}
.onlineserver .zx-tel{background-position: 0 -112px; cursor: default;}
.onlineserver .shouqi{width:51px; height:222px;}*/

.onlineserver{width:51px; height:110px; position: fixed!important; right: 0; top: 50%; z-index: 99999;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+200));}
.onlineserver ul{height:110px; position: relative; margin-top:-81px;}
.onlineserver ul li{width:51px; height:51px; background: url(../images/onlineservice-open.png) 0 0 no-repeat; margin-bottom:4px; position: absolute; top:0; right:0;}
.onlineserver ul li.first{background-position: 0 -51px;}
/*.onlineserver ul li.second{background-position: 0 -102px; top:55px;}*/
.onlineserver ul li.last{top:55px;}
.onlineserver ul li.on{background-image: url(../images/onlineservice-open.png);}
.onlineserver ul li.on.first{background-position: 0 -51px;}
.onlineserver ul li.on.second{background-position: 0 -102px;}
.onlineserver ul li a{display: block; height:51px;} 

.scrolltop{width: 60px; height: 60px; position: fixed!important; right: 0; bottom:10%; z-index: 99999; _position:absolute; _top: expression(eval((document.compatMode&&document.compatMode=="CSS1Compat")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-20:document.body.scrollTop+document.body.clientHeight-this.clientHeight-20));}
.scrolltop a.t{width: 60px; height: 60px; display: block; background: url(../images/top2.png) no-repeat center #e2e2e2; margin-top:5px;}
.scrolltop a:hover{background-color: #9a9a9a;}
/*----------------------kuai------------------*/
.activityrecommend{width:51px;margin-top:29px; position: fixed!important; right: 0; top: 50%; z-index: 99999;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+255));}
.zhankai {display: none;}
.shouqi a.zaixianzixun{width:100%; height:222px; background: url(../images/online-orange-bg.png) 0 0 no-repeat;}
.shouqi span{background-image: url(../images/serverOpen-bg.png); right:13px;}
.activityrecommend .shouqi{width:51px; height:51px;}
.activityrecommend .shouqi{background: url(../images/extend-bg.png) center bottom no-repeat;}
.activityrecommend .zhankai{background: url(../images/activity-orangeT.png) center top no-repeat; padding-top:30px; text-align: center;}
.activityrecommend .zhankai p{font-size:12px; color:#fbe708; background-color: #ff9120; padding-bottom:10px;}
.open-con{background-color: #ff9120; padding:0 17px;}
.open-con a{display: block; font-size: 16px; color:#fff; text-align: left;border-top:1px dashed #fff; padding:10px 0 10px 24px; position: relative;}
.open-con a em{font-style: normal; position: absolute; top:10px; left:0; z-index: 3;}
.open-con a:hover{color:#fff;}
.bt-bg{width:144px; height:12px; background: url(../images/activity-orangeB.png) 0 0 no-repeat;}

