/*侧边客服*/
/*.custom-wrapper {*/
/*position: fixed;*/
/*right: 0;*/
/*top: 50%;*/
/*-webkit-transform: translateY(-50%);*/
/*-moz-transform: translateY(-50%);*/
/*-ms-transform: translateY(-50%);*/
/*-o-transform: translateY(-50%);*/
/*transform: translateY(-50%);*/
/*z-index: 500;*/
/*}*/
.custom-item {
	position: fixed;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -100%;
	z-index: 500;
	-webkit-transition: right linear 0.5s;
	-moz-transition: right linear 0.5s;
	-ms-transition: right linear 0.5s;
	-o-transition: right linear 0.5s;
	transition: right linear 0.5s;
}

.custom-right {
	padding: 0 11px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	border-radius: 2px;
	opacity: 0.75;
}

.custom-right.custom-show {
	right: 0%;
}

.custom-right>ul>li {
	padding-top: 10px;
	height: 70px;
	text-align: center;
	border-bottom: 1px solid #F0F4F9;
}

.custom-right>ul>li p,
.custom-right>ul>li span {
	font-size: 14px;
	color: #555;
}

.custom-right>ul>li img {
	margin-bottom: 8px;
}

.custom-right>ul>li:first-child,
.custom-right>ul>li:last-child {
	line-height: 50px;
}

/*.custom-right>ul>li>p{*/
/*line-height:30px;*/
/*}*/
.custom-right>ul>li:last-child {
	border-bottom: 0;
}

.custom-left {
	width: 148px;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	border-radius: 2px;
	background-color: #fff;
}

.custom-left.custom-show {
	right: 0%;
}

.custom-left-tip {
	height: 36px;
	background-color: #E04543;
	color: #fff;
	display: block;
	line-height: 36px;
	font-size: 14px;
	text-align: center;
}

.custom-left-tip:before {
	content: "";
	background-image: url(/static/common/kf/custom/right.png);
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 0;
	height: 36px;
	width: 10px;
	background-size: 10px 10px;
	background-position: center center;
	background-repeat: no-repeat;
}

.custom-qq-list {
	border-bottom: 1px dashed #ccc;
	padding: 10px 0;
}

.custom-qq-list>li>a {
	height: 34px;
	line-height: 34px;
	display: inline-block;
	padding-left: 15px;
	font-size: 15px;
	color: #555;
}

.custom-qq-list>li>a:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(/static/common/kf/custom/qq.png);
	width: 16px;
	height: 18px;
	margin-right: 10px;
}

.custom-phone {
	padding: 15px 9px;
	border-bottom: 1px dashed #ccc;
}

.custom-phone>p {
	color: #959595;
	font-size: 13px;
	margin-bottom: 0;
}

.custom-phone>p:first-child {
	margin-bottom: 7px;
}

.custom-qrcode {
	padding: 0 10px;
	font-size: 11px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
	color: #959595;
	border-bottom: 2px solid #E04543;
}

.custom-qrcode>img {
	margin-bottom: 5px;
}

.custom-qrcode>p {
	line-height: 20px;
	margin-bottom: 0;
}

.custom-phone-text:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(/static/common/kf/custom/phone.png);
	width: 16px;
	height: 16px;
	margin-right: 9px;
}

.custom-time-text:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(/static/common/kf/custom/time.png);
	width: 15px;
	height: 15px;
	margin-right: 10px;
}


.open-qq:before {
	content: "";
	background-image: url(/static/common/kf/custom/left.png);
	display: inline-block;
	width: 10px;
	height: 9px;
}

.custom-anchor a {
	color: #555;
}

.custom-anchor:after {
	content: "";
	background-image: url(/static/common/kf/custom/icon_jiao.png);
	display: block;
	width: 7px;
	height: 4px;
	margin: 0 auto;
	margin-top: -14px;
}

.open-qq-btn,
.custom-anchor,
.custom-left-tip {
	cursor: pointer;
}


/* winter skin */

.custom-wrapper.winter .custom-left {
	padding-top: 98px;
	background-image: url(/static/common/kf/summer/custom_summer.png);
	background-size: 135px auto;
	background-position: 0 0;
	background-repeat: no-repeat;
	border-radius: 10px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.custom-wrapper.winter .custom-left-tip {
	width: 80%;
	margin: 0 auto;
	height: 28px;
	line-height: 28px;
	border-radius: 14px;
	/*background-color: #82ACF6;*/
	color: #fff;
	position: relative;
	/*background-image: url(/static/common/kf/summer/gradient.png);*/
	background-position: -3px -3px;
    background-image: linear-gradient(0deg, #00cac8 9%, #66e7e5 100%), linear-gradient( #ffffff, #ffffff);
}

.custom-wrapper.winter .custom-phone {
	/*display: none;*/
}

.custom-wrapper.winter .custom-qq-list>li>a {
	height: 30px;
	line-height: 30px;
}

.custom-wrapper.winter .custom-left {
	width: 135px;
}

.custom-wrapper.winter .custom-qq-list {
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 0;
}

.custom-wrapper.winter .custom-qrcode:before {
	/*content: '400-108-17323';*/
	display: block;
	margin-bottom: 0;
	/* font-weight:bold; */
	font-size: 14px;
}

.custom-wrapper.winter .custom-qrcode {
	padding-bottom: 76px;
	border-bottom: 0;
	background-image: url(/static/common/kf/summer/custom_summer_bottom.png);
	background-size: 135px auto;
	background-position: 0 44px;
	background-repeat: no-repeat;
}

.custom-wrapper.winter .phone-type {
	display: none;
}

.custom-wrapper.winter .custom-left:before {
	content: "";
	display: block;
	position: absolute;
	width: 46px;
	height: 38px;
	/*background-image: url('/static/common/kf/summer/custom_summer.png');*/
	top: 52px;
	right: -5px;
	z-index: 100;
}

.custom-wrapper.winter .custom-qrcode>p:last-child {
	/*display: none;*/
}

.custom-wrapper.winter .custom-right {
	background-image: url(/static/common/kf/summer/custom_summer_tiny.png);
    background-size: 66px auto;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.custom-wrapper.winter .custom-right>ul>li:first-child {
	line-height: 20px;
}

.custom-wrapper.winter .custom-right>ul>li span {
	margin-top: 42px;
	display: block;
	font-size: 13px;
	color: #e04543;
	font-weight: bold;
}
.custom-wrapper.winter .custom-left-tip:before{
	display:none;
}
.custom-wrapper.winter .custom-left-tip:after {
	content: '';
	display: inline-block;
	margin-left:5px;
	background-image: url(/static/common/kf/winter/open_white.png);
	background-size:auto auto;
	width: 18px;
	height: 14px;
	position:initial;
}

.custom-wrapper.winter .open-qq:before {
	background-image: url(/static/common/kf/winter/open.png);
	width: 14px;
	height: 12px;
}

.custom-wrapper.winter .custom-right:before {
	/*content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 25px;
	background-image: url(/static/common/kf/winter/custom_bird.png);
	background-size: auto 100%;
	top: -10px;
	background-repeat: no-repeat;
	left: -4px;
	z-index: 100;*/
}