/*改版 2017.6.23*/
.wpa-container{border-radius:0 !important;}
.theme-2{background:#21bbe2 !important;}

input {
	border: none;
	outline: none;
}
.mt8{margin-top:8px}
.pt8{padding-top:8px;}
.fixed-side {
	position: fixed;
	right:156px;
	top: 210px;
	width: 72px;
	z-index: 999;
}

.fixed-side .interaction .inter {
	width: 45px;
	height: 45px;
	margin-bottom: 10px;
	text-align: center;
	background: rgba(0,0,0,.1);
	float: right;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fixed-side .interaction .inter:hover {
	background: rgba(63, 155, 255, .89);

}

.fixed-side .interaction .inter span {
	width: 40px;
	height: 44px;
	display: inline-block;
	vertical-align: top;
	transition: all 0.5s;
}

.fixed-side .interaction .inter p {
	font-size: 12px;
	color: #fff;
}

.fixed-side .inter {
	position: relative;
	transition: all 0.5s;
	cursor: pointer;
}
.fixed-side .inter.back-top span {
	background: url(../images/new/custom-online/5.png) no-repeat center;
}

.fixed-side .inter.agent-hand span {
	background: url(../images/new/custom-online/6.png) no-repeat center;
}

.fixed-side .inter.active p,
.fixed-side .inter:hover p {
	color: #fff;
}
.fixed-side .inter.back-top:hover span {
	background: url(../images/new/custom-online/back-top.png) no-repeat center;
}

.fixed-side .inter.agent-hand:hover span {
	background: url(../images/new/custom-online/hand.png) no-repeat center;
}

.fixed-side .inter .contact-det {
	width: 240px;
	background: #fff;
}

.fixed-side .inter .contact-det h3 {
	font-size: 14px;
	margin-bottom: 5px;
}

.fixed-side .inter .contact-det strong {
	font-size: 20px;
}

.fixed-side .inter .contact-det i {
	font-size: 20px;
	color: #666666;
	margin-right: 10px;
}
.fixed-side .inter.wechat .code-det {
	width: 136px;
	box-sizing: border-box;
	background: #fff;
	padding: 14px;
	position: absolute;
	left: 100px;
	transition: all 0.5s;
}

.fixed-side .inter.wechat .code-det img {
	width: 108px;
}

.fixed-side .inter.wechat .code-det p {
	font-size: 14px;
	color: #fff;
	margin-top: 8px;
}

.fixed-side .inter.wechat .code-det span {
	width: 20px;
	height: 30px;
	display: inline-block;
	background: url(../img/tranglee.png) no-repeat;
	position: absolute;
	bottom: 0;
	right: -20px;
}
.fixed-side .interaction .wechat{
	background:rgba(0,0,0,0);
}
#QRCode{
	height: 36px;
    width: 100%;
    padding-top: 8px;
    margin-top: 0;
    z-index: 9;
    left: 0;
    position: absolute;
	border-radius: 10px;
	background: rgba(0,0,0,.1);
}
#QRCode:hover .code-det{
	display: block;
}
#QRCode .QRCodeIcon{
	display: none;
}
/* .fixed-side .inter.wechat:hover .code-det {
	left: -150px;
} */


.fixed-side .inter.tel:hover .contact-det {
	left: -256px;
	display: block;
}

.fixed-side .inter.phone:hover .phone-det {
	left: -256px;
}

.fixed-side .inter.phone .phone-det,
.fixed-side .inter .contact-det {
	text-align: left;
	box-sizing: border-box;
	height: 70px;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	padding: 12px 0 0 10px;
	transition: 1s;
	display: none;
	background: #fff;
}

.fixed-side .inter.phone:hover .phone-det {
	display: block;
}

.fixed-side .inter.phone .phone-det {
	width: 240px;
}

.fixed-side .inter.phone .phone-det input {
	width: 185px;
	line-height: 32px;
	height: 32px;
	border: 1px solid #21bbe2;
	background: #fff;
	text-indent: 6px;
}

.fixed-side .inter.phone .phone-det a {
	width: 34px;
	line-height: 34px;
	height: 34px;
	border-left: none;
	background: #00c1de;
	color: #fff;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
}

.inter.online a {
	display: inline-block;
	width: 100%;
	height: 100%;
}


/*qq*/

.theme-2 {
	background: #01b1cb !important;
	border-color: #01b1cb !important;
}

.box-sd99 {
	
}

.col-21b {
	color: #088df4 !important;
}

.col-6e {
	color: #3F9BFF !important;
}
.xsj{
	width: 20px;
    height: 30px;
    display: inline-block;
    background: url(../img/tranglee.png) no-repeat;
    position: absolute;
    right: -20px;
    bottom: 0;
    /*box-shadow: 0 0 5px #999;*/
}

.icon-fize{
	font-size: 30px !important;
    color: #fff;
}
.aaa, .bbb, .ccc {
	position: absolute;
	right: -30px;
	top: 10px;
	transform: all .5s ease;
	font-size: 0;
}

.online:hover .aaa ,
.cc:hover .ccc,
.phone:hover .bbb
{
	left: -130px;
	top: 10px;
	font-size: 14px;
	font-size: 14px;
	background: #fff;
    color: #3F9BFF;
	padding: 10px 24px;
	border-radius: 10px;
	margin-right: 100px;
	box-shadow: 0 0 10px 0 rgba(102, 102, 102, 0.1);
    -webkit-box-shadow: 0 0 10px 0 rgba(102, 102, 102, 0.1);
    -moz-box-shadow: 0 0 10px 0 rgba(102, 102, 102, 0.1);
}
.interaction{
	display: none;
}
/* newstyle */
.newright {
	position: fixed;
	right: 20px;
	top: 210px;
	width: 72px;
	z-index: 999;
	top:35%;
	transform: translateY(-50%);
}

.newright .n-cli {
	width: 45px;
	height: 45px;
	margin-bottom: 10px;
	text-align: center;
	background: rgba(63, 155, 255, .89);
	float: right;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.newright .n-cli:hover {
	background: rgba(63, 155, 255, .89);
}
.newright .n-cli .is-show{
	display: none;
}
.newright .n-cli:hover .is-show{
	position: absolute;
	right: 40px;
	bottom:-28px;
	display: block;
}