/*! QFTouch移动网站超市库 http://www.qftouch.com 
 *  2017-05-27 16:46:29 
*/#plugin-contact-ring {
	position:fixed;
	left:10px;
	bottom:10px;
	opacity:.8;
	-webkit-transition:opacity 1s;
	-o-transition:opacity 1s;
	transition:opacity 1s;
	z-index:100
}
#plugin-contact-ring.open {
	opacity:1
}
#ring-list .item,#ring-toggle-button {
	position:absolute;
	width:50px;
	height:50px;
	background:rgba(0,0,0,.8);
	left:0;
	bottom:0
}
#ring-toggle-button {
	z-index:10
}
#ring-toggle-button:after,#ring-toggle-button:before {
	content:' ';
	position:absolute;
	left:50%;
	top:50%;
	background:#fff;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	border-radius:2px;
	-webkit-transition:-webkit-transform .8s cubic-bezier(.18,.89,.32,1.28),opacity .2s linear;
	transition:transform .8s cubic-bezier(.18,.89,.32,1.28),opacity .2s linear
}
#ring-toggle-button:before {
	width:50%;
	height:4px
}
#ring-toggle-button:after {
	height:50%;
	width:4px
}
#plugin-contact-ring.open #ring-toggle-button:after,#plugin-contact-ring.open #ring-toggle-button:before {
	-webkit-transform:translate(-50%,-50%) rotate(45deg);
	transform:translate(-50%,-50%) rotate(45deg)
}
#ring-list {
	position:relative
}
#plugin-contact-ring.open #ring-list.r3 {
	width:150px;
	height:150px
}
#plugin-contact-ring.open #ring-list.r4 {
	width:175px;
	height:175px
}
#plugin-contact-ring.open #ring-list.r5 {
	width:200px;
	height:200px
}
#ring-list .item {
	overflow:hidden;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-transition:-webkit-transform .6s cubic-bezier(.18,.89,.32,1.28),opacity .2s linear;
	transition:transform .6s cubic-bezier(.18,.89,.32,1.28),opacity .2s linear;
	opacity:0
}
#plugin-contact-ring.open #ring-list .item,#plugin-contact-ring2 #ring-list li {
	opacity:1
}
#ring-list .item:nth-child(1) {
	-webkit-transition-delay:.1s;
	transition-delay:.1s
}
#ring-list .item:nth-child(2) {
	-webkit-transition-delay:.2s;
	transition-delay:.2s
}
#ring-list .item:nth-child(3) {
	-webkit-transition-delay:.3s;
	transition-delay:.3s
}
#ring-list .item:nth-child(4) {
	-webkit-transition-delay:.4s;
	transition-delay:.4s
}
#ring-list .item:nth-child(5) {
	-webkit-transition-delay:.5s;
	transition-delay:.5s
}
#ring-list.r3 .item:nth-child(n+4),#ring-list.r4 .item:nth-child(n+5),#ring-list.r5 .item:nth-child(n+6) {
	display:none
}
#plugin-contact-ring.open #ring-list.r3 .item:nth-child(1) {
	-webkit-transform:translate(0,-100px);
	transform:translate(0,-100px)
}
#plugin-contact-ring.open #ring-list.r3 .item:nth-child(2) {
	-webkit-transform:translate(70.71px,-70.71px);
	transform:translate(70.71px,-70.71px)
}
#plugin-contact-ring.open #ring-list.r3 .item:nth-child(3) {
	-webkit-transform:translate(100px,0);
	transform:translate(100px,0)
}
#plugin-contact-ring.open #ring-list.r4 .item:nth-child(1) {
	-webkit-transform:translate(0,-125px);
	transform:translate(0,-125px)
}
#plugin-contact-ring.open #ring-list.r4 .item:nth-child(2) {
	-webkit-transform:translate(62.5px,-108.25px);
	transform:translate(62.5px,-108.25px)
}
#plugin-contact-ring.open #ring-list.r4 .item:nth-child(3) {
	-webkit-transform:translate(108.25px,-62.5px);
	transform:translate(108.25px,-62.5px)
}
#plugin-contact-ring.open #ring-list.r4 .item:nth-child(4) {
	-webkit-transform:translate(125px,0);
	transform:translate(125px,0)
}
#plugin-contact-ring.open #ring-list.r5 .item:nth-child(1) {
	-webkit-transform:translate(0,-150px);
	transform:translate(0,-150px)
}
#plugin-contact-ring.open #ring-list.r5 .item:nth-child(2) {
	-webkit-transform:translate(57.4px,-138.58px);
	transform:translate(57.4px,-138.58px)
}
#plugin-contact-ring.open #ring-list.r5 .item:nth-child(3) {
	-webkit-transform:translate(106.07px,-106.07px);
	transform:translate(106.07px,-106.07px)
}
#plugin-contact-ring.open #ring-list.r5 .item:nth-child(4) {
	-webkit-transform:translate(138.58px,-57.4px);
	transform:translate(138.58px,-57.4px)
}
#plugin-contact-ring.open #ring-list.r5 .item:nth-child(5) {
	-webkit-transform:translate(150px,0);
	transform:translate(150px,0)
}
#ring-list .item .icon {
	display:block;
	width:25px;
	height:25px;
	margin:6px auto 2px;
	background:url(../images/marketing.png) no-repeat;
	-webkit-background-size:auto 25px;
	background-size:auto 25px
}
#ring-list .item-phone .icon {
	background-position:0 0
}
#ring-list .item-sms .icon {
	background-position:-25px 0
}
#ring-list .item-map .icon {
	background-position:-50px 0
}
#ring-list .item-weibo .icon {
	background-position:-75px 0
}
#ring-list .item-weixin .icon {
	background-position:-100px 0
}
#ring-list .item-qq .icon {
	background-position:-125px 0
}
#ring-list .item-flush .icon {
	background-position:-149px 0
}
#ring-list .item-bridge .icon {
	background-position:-176px 0
}
#ring-list .item .title {
	display:block;
	font-size:12px;
	color:#fff;
	width:4em;
	text-align:center;
	overflow:hidden;
	margin:0 auto;
	line-height:1
}
@font-face {
	font-family:icon;
	src:url(font/icon.eot);
	src:url(font/icon.eot?#iefix) format('embedded-opentype'),url(../font/icon.woff2) format('woff2');
	font-weight:400;
	font-style:normal;
	-webkit-appearance:none 
}
#plugin-contact-ring2 #ring-toggle-button {
	width:54px;
	height:54px;
	background:#fff;
	background:-webkit-linear-gradient(top,#fff,#D9D9D9 100%);
	border-radius:27px;
	display:block;
	position:absolute;
	top:-15px;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	box-shadow:0 0 1px 3px rgba(0,0,0,.4);
	box-sizing:border-box;
	color:#515151
}
#plugin-contact-ring2 #ring-toggle-button:after {
	display:block;
	font-family:icon;
	content:"A";
	position:relative;
	z-index:1;
	font-size:50px;
	line-height:4px;
	text-indent:-18px;
	background:0 0
}
#plugin-contact-ring2 #ring-toggle-button:before {
	display:block;
	content:'首页';
	position:relative;
	z-index:2;
	width:100%;
	text-align:center;
	line-height:34px;
	font-family:"Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;
	font-size:.8rem
}
#plugin-contact-ring2.en #ring-toggle-button:before {
	content:'HOME'
}
#plugin-contact-ring2 {
	position:fixed;
	bottom:0;
	height:50px;
	width:100%;
	background:#515151;
	left:0
}
#plugin-contact-ring2 li {
	display:block
}
#plugin-contact-ring2 #ring-list {
	position:initial
}
#plugin-contact-ring2 #ring-list li:active {
	background:rgba(0,0,0,.3);
	border-radius:initial
}
#plugin-contact-ring2 #ring-toggle-button:after,#plugin-contact-ring2 #ring-toggle-button:before {
	background:0 0
}
#plugin-contact-ring2 #ring-list .item {
	width:20.7%;
	background:0 0;
	display:block;
	float:left;
	position:initial
}
#plugin-contact-ring2 #ring-list .item a {
	display:block;
	height:100%;
	width:100%;
	margin:0;
	padding:0
}
#plugin-contact-ring2 #ring-list .item:nth-of-type(3) {
	margin-left:17.2%
}
#plugin-contact-ring2 #ring-list .item:nth-of-type(5) {
	display:none
}
#plugin-contact-ring2,#plugin-contact-ring2 #ring-toggle-button {
	color:#515151;
	z-index:3
}
