﻿
/*悬浮链接*/
*{
	font-family: PingFang SC,-apple-system,Arial,Microsoft YaHei,Microsoft JhengHei,Helvetica Neue,sans-serif;
}
.word{
	color: #06b6c6;
    font-size: 12px;
    font-style: normal;
}
.suspension {
	position:fixed;
	z-index:100;
	right:0;
	top:190px;
}
.suspension-box {
	position:relative;
	float:right;
}
.suspension .a {
	display:block;
	width:50px;
	height:45px;
	padding-bottom:5px;
	text-align:center;
	background-color:#fff;
	box-shadow: 0 10px 30px rgba(0,0,0,.15);
	margin-bottom:4px;
	cursor:pointer;
	outline:none;
	border-radius:4px;
}
.suspension .a.active,.suspension .a:hover {
	background:url(../images/rig_hit_bg.png) no-repeat;
}
.suspension .a:hover .word {
	color:#fff;
}
.suspension .a-qrcode .i {
	background:url(../images/rig_up.png) no-repeat;
}
.suspension .a-service .i {
	background:url(../images/rig_custom.png) no-repeat;
}
.suspension .a-cart .i {
	background:url(../images/rig_plan.png) no-repeat;
}
.suspension .a-service-phone .i {
	background:url(../images/rig_phone.png) no-repeat;
}
.suspension .a-chat .i {
	background:url(../images/rig_chat.png) no-repeat;
}
.suspension .a-dns .i {
	background:url(../images/rig_dns.png) no-repeat;
}
.suspension .a-help .i {
	background:url(../images/rig_help.png) no-repeat;
}
.suspension .a-notice .i {
	background:url(../images/rig_notice.png) no-repeat;
}
.suspension .a:hover .rig-custom {
	background:url(../images/rig_custom_w.png) no-repeat;
}
.suspension .a:hover .rig-plan {
	background:url(../images/rig_plan_w.png) no-repeat;
}
.suspension .a:hover .rig-phone {
	background:url(../images/rig_phone_w.png) no-repeat;
}
.suspension .a:hover .rig-up {
	background:url(../images/rig_up_w.png) no-repeat;
}
.suspension .a:hover .rig-chat {
	background:url(../images/rig_chat_w.png) no-repeat;
}
.suspension .a:hover .rig-dns {
	background:url(../images/rig_dns_w.png) no-repeat;
}
.suspension .a:hover .rig-help {
	background:url(../images/rig_help_w.png) no-repeat;
}
.suspension .a:hover .rig-notice {
	background:url(../images/rig_notice_w.png) no-repeat;
}
.suspension .i {
	width:26px;
	height:26px;
	margin-top:5px;
	margin-left:13px;
	float:left;
}
.suspension .a-top {
	background:#D2D3D6;
	display:none;
}
.suspension .a-top:hover {
	background:#c0c1c3;
}
.suspension .d {
	display:none;
	width:175px;
	background:#fff;
	position:absolute;
	right:67px;
	min-height:90px;
	border:1px solid #E0E1E5;
	border-radius:3px;
	box-shadow:0px 2px 5px 0px rgba(161,163,175,0.11);
}
.qrcode-img img{
	height: 133px;
    width: 133px;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    margin-top: 8px;
}
.suspension .d .arrow {
	position:absolute;
	width:8px;
	height:12px;
	background:url(../images/side_bg_arrow.png) no-repeat;
	right:-8px;
	top:31px;
}
.suspension .d-service {
	top:0;
}
.suspension .d-service-phone {
	top:34px;
}
.suspension .d-qrcode {
	top:78px;
}
.suspension .d .inner-box {
	padding:8px 22px 12px;
}
.suspension .d-service-item {
	border-bottom:1px solid #eee;
	padding:14px 0;
}
.suspension .d-service .d-service-item {
	border-bottom:none;
}
.suspension .d-service-item .circle {
	width:44px;
	height:44px;
	border-radius:50%;
	overflow:hidden;
	background:#F1F1F3;
	display:block;
	float:left;
}
.suspension .d-service-item .i-qq {
	width:44px;
	height:44px;
	background:url(../images/side_con_icon03.png) no-repeat center 15px;
	display:block;
	transition:all .2s;
	border-radius:50%;
	overflow:hidden;
}
.suspension .d-service-item:hover .i-qq {
	background-position:center 3px;
}
.suspension .d-service-item .i-tel {
	width:44px;
	height:44px;
	background:url(../images/side_con_icon02.png) no-repeat center center;
	display:block;
}
.suspension .d-service-item h3 {
	float:left;
	width:112px;
	line-height:44px;
	font-size:15px;
	margin-left:12px;
}
.suspension .d-service-item .text {
	float:left;
	width:112px;
	line-height:22px;
	font-size:15px;
	margin-left:12px;
}
.suspension .d-service-item .text .number {
	font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}
.suspension .d-service-intro {
	padding-top:10px;
}
.suspension .d-service-intro p {
	float:left;
	line-height:27px;
	font-size:12px;
	width:50%;
	white-space:nowrap;
	color:#888;
}
.suspension .d-service-intro i {
	background:url(../images/side_con_icon01.png) no-repeat center center;
	height:27px;
	width:14px;
	margin-right:5px;
	vertical-align:top;
	display:inline-block;
}
.suspension .d-qrcode {
	text-align:center;
}
.suspension .d-qrcode .inner-box {
	padding:20px 0;
}
.suspension .d-qrcode p {
	font-size:16px;
	color:#93959c;
}
.up-title{
	width: 100%;
    background: -webkit-linear-gradient(top,#06b6c6,#0cd2af);
    background: -moz-linear-gradient(top,#06b6c6,#0cd2af);
    background: -ms-linear-gradient(top,#06b6c6,#0cd2af);
    background: -o-linear-gradient(top,#06b6c6,#0cd2af);
    background: -linear-gradient(top,#06b6c6,#0cd2af);
    height: 52px;
    color: #fff;
    padding-top: 8px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}
.hang-up{
	font-size:15px;
	margin-bottom:3px;
}
.up-sm{
	font-size:14px;
}
.up-xz{
	color:#ff784f;
	margin:15px auto 6px;
	font-size:15px;
}
.up-az{
	color:#888;
	margin:0px auto;
	font-size:12px;
	line-height:19px;
}
.up-down{
	background: #f7ae41;
    padding: 6px 12px;
    color: #fff;
    font-size: 14px;
    width: 110px;
    margin: 12px auto;
    border-radius: 30px;
}

.up-ty{
	box-shadow: 6px -9px 15px -7px rgba(138,118,246,.1);
	padding-top:1px;
}
.up-ty img{
	height: 133px;
    width: 133px;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    margin-top: 8px;
}
.up-tj{
	font-size:12px;
	color:#666;
	margin-bottom:6px;
}

















