@charset "utf-8";
/* CSS Document */
@-webkit-keyframes fadeInRight {
from {opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}
to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
@-moz-keyframes fadeInRight {
from {opacity:0;-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}
to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)
}
}
@-o-keyframes fadeInRight {
from {opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}
to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
@keyframes fadeInRight {
from {opacity:0;-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}
to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}


.fadeInRight {-webkit-animation-name: fadeInRight;-moz-animation-name: fadeInRight;-o-animation-name: fadeInRight;animation-name: fadeInRight;}

.rightbar2018new {font-family: 'microsoft yahei'; position: fixed;left: 10px;top: 25%;z-index: 6;width:81px ; }
.rightbar_con { width:66px;}

.rightbar_con a {background: #F85415;display: block;position: relative;left: 0px;width: 64px;height:56px; padding:10px 0 0 0; text-decoration:none; border:1px solid #F85415; border-bottom:none; border-top:none;}
.rightbar_con a span {font-size: 13px;color: #fff;line-height: 16px;width: 52px; padding:5px 0px 10px 0px; margin-left:5px; display: block;font-style: normal; border-bottom:1px solid #fff; }
.rightbar_con a div {z-index: 2; display: none;-webkit-animation-duration: .5s;-moz-animation-duration: .5s;-o-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInRight;-moz-animation-name: fadeInRight;-o-animation-name: fadeInRight;animation-name: fadeInRight}
.rightbar_con a:hover {background: #fff; color:#F85415;}
.rightbar_con a span:hover {background: #fff; color:#F85415;}
.rightbar_con a:hover div {display: block; }
.rightbar_con a .icon_side_tel{ width:24px; height:24px; display:block; margin:0 auto;  }
.rightbar_con a .icon_side_gh{ width:24px; height:24px; display:block; margin:0 auto;  }
.rightbar_con a .icon_side_app{ width:24px; height:24px; display:block; margin:0 auto;  }
.rightbar_con a .icon_side_xcx{ width:24px; height:24px; display:block; margin:0 auto;  }
.rightbar_con .currentA{ width:64px; height:50px; background:#f85415; padding:10px 0 ; color:#fff; border-bottom:1px solid #fff; }
.rightbar_con .currentA img{ width:24px; height:24px; display: block; margin:0 auto;}

.sise_top_img { cursor: pointer;height:100px; width:77px;position:relative;}
.sise_top_imgIn {  width: 78px; position: absolute;  top:-23px; z-index: 2;  left: -5px;}
.sise_letter{width:78px; height:47px; animation:change 1s;animation-iteration-count: infinite;  position:absolute; z-index: 999999; bottom:22px; left:-7px;  }
@-webkit-keyframes change{
			0% {
		-webkit-transform: scale3d(.95, .95, .95);
		transform: scale3d(.95, .95, .95);
			}
			50% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
			}
			100% {
		-webkit-transform: scale3d(.95, .95, .95);
		transform: scale3d(.95, .95, .95);
			}
		}
	@-moz-keyframes change{
			0% {
		-webkit-transform: scale3d(.95, .95, .95);
		transform: scale3d(.95, .95, .95);
			}
			50% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
			}
			100% {
		-webkit-transform: scale3d(.95, .95, .95);
		transform: scale3d(.95, .95, .95);
			}
		}
	@-o-keyframes change{
			0% {
		-webkit-transform: scale3d(.95, .95, .95);
		transform: scale3d(.95, .95, .95);
			}
			50% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
			}
			100% {
		-webkit-transform: scale3d(.95, .95, .95);
		transform: scale3d(.95, .95, .95);
			}
		}
	@-ms-keyframes fadeIn{
			0% {
		-webkit-transform: scale3d(.95, .95, .95);
		transform: scale3d(.95, .95, .95);
			}
			50% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
			}
			100% {
		-webkit-transform: scale3d(.95, .95, .95);
		transform: scale3d(.95, .95, .95);
			}
		}
	@keyframes change{
			0% {
		-webkit-transform: scale3d(.95, .95, .95);
		transform: scale3d(.95, .95, .95);
			}
			50% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
			}
			100% {
		-webkit-transform: scale3d(.95, .95, .95);
		transform: scale3d(.95, .95, .95);
			}
		}

.rightbar2018new .currentA:hover{ width:64px; height:50px; background:#F85415;}
.rightbar2018new .currentA span:hover{ background:#F85415; color:#fff;}

.rightbar2018new .icon_side_tel{ background:url("../../../Uploads/image/image/20181204/tel_bg.png") no-repeat center center;  }
.rightbar2018new .icon_side_tel:hover{ background:url("../../../Uploads/image/image/20181204/tel_bg_hover.png") no-repeat center center;}
.rightbar2018new .icon_side_gh{ background:url("../../../Uploads/image/image/20181204/gongzhonghao_bg.png") no-repeat center center; }
.rightbar2018new .icon_side_gh:hover{ background:url("../../../Uploads/image/image/20181204/gongzhonghao_bg_hover.png") no-repeat center center;}
.rightbar2018new .icon_side_app{ background:url("../../../Uploads/image/image/20181204/app_bg.png") no-repeat center center; }
.rightbar2018new .icon_side_app:hover{ background:url("../../../Uploads/image/image/20181204/app_bg_hover.png") no-repeat center center;}
.rightbar2018new .icon_side_xcx{ background:url("../../../Uploads/image/image/20181204/xcx_bg.png") no-repeat center center; }
.rightbar2018new .icon_side_xcx:hover{ background:url("../../../Uploads/image/image/20181204/xcx_bg_hover.png") no-repeat center center;}
.rightbar2018new .rightbar2018new_phone div {text-align: center; width: 126px;height: 66px;background: #F85415;position: absolute;right: -127px;top: 0;line-height: 66px;font-size: 16px;color: #fff;font-family: arial;font-weight: 700;}
.rightbar2018new .rightbar2018new_code span { width: 52px;/*line-height: 32px;*/padding: 5px 0 10px; text-align: center;}
.rightbar2018new .rightbar2018new_code div { width: 120px;padding: 14px;background:#F85415 /*#e43535*/ ;position: absolute;left: 65px;bottom: 0px;}
.rightbar2018new .rightbar2018new_code div p { text-align: center;font-size: 12px;line-height: 1;color: #fff;padding-bottom: 10px}
.rightbar2018new .righttop {display: none;background: #F85415}
.rightbar2018new .righttop span b {background:url(../images/icon_top1.png) top center no-repeat;width: 20px;height: 11px;display: block;margin-top: 10px;margin-left: 8px
}
.rightbar2018new .xcx_a a{ border-bottom:1px solid #F85415;}
.rightbar2018new .xcx_a span{ border-bottom:none;}
.rightbar2018new .xcx_a span{ padding-bottom:0px;}
.rightbar2018new .righttop div {width: 50px;height: 50px;background: #e43535;position: absolute;right: 0;bottom: 0}
.rightbar2018new .rightbargift {width: 60px;height: 59px;left: 0;background: 0 0!important}
.rightbar2018new .rightbargift span {padding: 0;display: block; height: 59px; width: 60px;-webkit-animation: rightbargifts 2s steps(2) infinite;-moz-animation: rightbargifts 2s steps(2) infinite;
-o-animation: rightbargifts 2s steps(2) infinite;animation: rightbargifts 2s steps(2) infinite;background: url(../images/gift2.png);  }
.csshackmac .rightbar2018new a span {line-height: 17px}
.csshackmac .rightbar2018new .rightbar2018new_code span {line-height: 34px;}
.csshackwin .rightbar2018new a span {line-height: 15px} 
.csshackwin .rightbar2018new .rightbar2018new_code span {line-height: 30px;}


.rightbar2018new .to_top {display: none; width:66px; height:65px; background:#F85415 url("../../../Uploads/image/image/20181204/totop_pc.jpg") no-repeat center top; cursor: pointer;}
/*.rightbar2018new .icon-totop {background:#eee url("../../../Uploads/image/image/20181204/totop_pc.jpg")no-repeat 2px 2px; height: 30px; width: 30px;}
.currentA{  display:inline-block; text-decoration:none; font-size: 12px; color: #b0b0b0; background:#eee;}*/