﻿.slide { position: fixed; z-index: 5555;	right: 20px; top: 50%;margin-top:-150px; }
	.slide ul { margin: 0; padding: 0; list-style: none; }
	.slide li { width: 50px; height: 50px; margin-top: 5px; position: relative; font-size: 12px; line-height: 16px; line-height: 50px; cursor: pointer; text-align: center; text-align: center; border: 1px solid #e8e8e8; -moz-border-radius: 2px; border-radius: 2px; background: #fff; }
    .slide li:first-child{margin-top:0;}
	.slide .talk { height: 75px; border: 0; -moz-border-radius: 2px; border-radius: 2px; }
	.slide li:hover { border: 0; -moz-border-radius: 2px; border-radius: 2px; background: #1184e1; }
	.slide li a { padding-top: 9px; display: inline-block; font-size: 13px; line-height: 16px; letter-spacing: 0; color: #323232; }
	.slide .hasicon a { padding-top: 0; }
	.slide li:hover a { color: #fff; }
	.slide li i { width: 22px; height: 22px; margin-top: 14px; display: block; font-size: 22px; line-height: 22px; }
	.slide .talk i { width: 27px; height: 20px; margin-top: 9px; margin-bottom: 5px; display: inline-block; line-height: normal; }
	.talk-sj-icon { position: absolute; top: 40px; right: 150px; }
	.slide li a span { width: 40px; height: 40px; display: inline-block; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; }
	.slide li:hover div { display: block; }
	.talk img { width: 100%; height: 100%; -moz-border-radius: 2px; border-radius: 2px; }
	.ewm-code { width: 0; height: 0; position: absolute; top: -210px; left: -180px; display: block; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; opacity: 0; border: 0; background: #fff; }
	.ewm-code div { width: 120px; height: 138px; margin: 0 auto; display: none; text-align: center; }
	.ewm-code .ewm-box-1 { margin-top: 12px; }
	.ewm-code .ewm-box-2 { margin-top: 14px; }
	.ewm-code div img { width: 120px; height: 120px; display: none; }
	.ewm-code div p { width: 100%; height: 18px; margin: 0; display: none; font-size: 12px; line-height: 18px; letter-spacing: 0; color: #666; }
	.ewm:hover .ewm-code { width: 150px; height: 315px; left: -162px; display: block; opacity: 1; border: 1px solid #e8e8e8; }
	.ewm:hover .ewm-code div, .ewm:hover .ewm-code img, .ewm:hover .ewm-code p { display: block; }
	.slide .to-top { display: none; -moz-border-radius: 2px; border-radius: 2px; background: #dcdcdc; }
	.slide .to-top a { color: #fff; }
	.slide .to-top:hover { background: #dcdcdc; }
	.slide .to-top:hover a { color: #888; }
	.ewm .ewm-code .position-icon { width: 6px; height: 10px; position: absolute; z-index: 2; right: 145px; bottom: 80px; }
	.sanjiao_border:before, .sanjiao_border .before { width: 0; height: 0; position: absolute; top: 0; left: 150px; display: block; overflow: hidden; font-size: 0;     /*是因为, 虽然宽高度为0, 但在IE6下会具有默认的 */ line-height: 0;  /* 字体大小和行高, 导致盒子呈现被撑开的长矩形 */	/*.before为ie6下用到*/

	content: ''; /*伪类下的属性*/ border: 10px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #e8e8e8; }
	.sanjiao_border:after, .sanjiao_border .after { width: 0; height: 0; position: absolute; top: 1px; left: 150px; display: block; overflow: hidden; font-size: 0;     /*是因为, 虽然宽高度为0, 但在IE6下会具有默认的 */ line-height: 0;  /* 字体大小和行高, 导致盒子呈现被撑开的长矩形 */	/*.after为ie6下用到*/

	content: '';/*伪类下的属性*/ border: 9px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #fff; }
	.talk-online { width: 180px; height: 202px; position: fixed; right: 20px; bottom: 20px; z-index: 5556; cursor: pointer; }
	.talk-online img { width: 100%; height: 100%; }
	.wk-tips{position:relative}
	.wk-tips,.wk-tips *{box-sizing:border-box}
	.wk-tips .wx-code{position:absolute;width:122px;height:122px;background:#FFFFFF;border:1px solid #EAEAEA;z-index:99;transition:all 0.3s;padding:10px;border-radius:8px;display:none}
	.wk-tips:hover .wx-code{display:block}
	.wk-tips .wx-code img{max-width:100%;max-height:100%}
	.wk-tips .wx-code:before{content:'';position:absolute;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #EAEAEA}
	.wk-tips .wx-code:after{content:'';position:absolute;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #fff}
	.wk-tips.wk-tips-left .wx-code{left:-136px;top:50%;transform:translateY(-50%)}
	.wk-tips.wk-tips-left .wx-code:before{transform:rotate(90deg);top:55px;left:calc(100% - 4px)}
	.wk-tips.wk-tips-left .wx-code:after{transform:rotate(90deg);top:54.5px;left:calc(100% - 5px)}
	.wk-tips.wk-tips-right .wx-code{left:calc(100% + 14px);top:50%;transform:translateY(-50%)}
	.wk-tips.wk-tips-right .wx-code:before{transform:rotate(270deg);top:55px;left:-13px}
	.wk-tips.wk-tips-right .wx-code:after{transform:rotate(270deg);top:54.5px;left:-10px}
	.wk-tips.wk-tips-up .wx-code{left:50%;top:-136px;transform:translateX(-50%)}
	.wk-tips.wk-tips-up .wx-code:before{clear:both;transform:rotate(180deg);top:100%;left:51px}
	.wk-tips.wk-tips-up .wx-code:after{clear:both;transform:rotate(180deg);top:calc(100% - 1.5px);left:52px}
	.wk-tips.wk-tips-down .wx-code{left:50%;top:calc(100% + 14px);transform:translateX(-50%)}
	.wk-tips.wk-tips-down .wx-code:before{transform:rotate(0deg);top:-8px;left:51px}
	.wk-tips.wk-tips-down .wx-code:after{transform:rotate(0deg);top:-6px;left:52px}
		.ewm:hover .ewm-code{
				transition: left .4s ease,opacity .6s ease-in;
			}