/*对话按钮*/




/*飘窗开始*/

.shangwt_bigbox {

	width: 460px;

	height: 368px;

	z-index: 10000;

	position: fixed;

	left: 50%;

	top: 50%;

	margin-left: -253px;

	margin-top: -202px;

	background: #FFF;

	border-radius: 20px;

	-moz-border-radius: 20px;

	-webkit-border-radius: 20px;

	overflow: hidden;

	-webkit-transition: border linear .2s, -webkit-box-shadow linear .5s;

	border-color: #CCC;

	-webkit-box-shadow: 0 0 18px #FFF;

}

.shangwt_bigbox a {

	cursor: pointer;

}

.shangwt_one_bigbox {

	width: 460px;

	height: 46px;

	float: left;

}

.shangwt_box {

	width: 476px;

	height: 40px;

	float: left;

	margin-left: 15px;

	margin-top: 11.5px;

	/*background: url(../images/kefu.png) no-repeat;*/

}

.shangwt_box span {

	height: 40px;

	float: left;

	font-size: 17px;

	line-height: 24px;

	color: #000;

}

.shangwt_box dd {

	height: 40px;

	float: left;

	margin-left: 5px;

	font-size: 17px;

	line-height: 24px;

	color: #EF7700;

}

.xiaox {

	width: 22px;

	height: 22px;

	float: right;

}

.shangwt_two_bigbox {

	width: 460px;

	height: 195px;

	float: left;

	background:url(http://www.bjxdf.com/templets/v201206/imgs/shangwt_zjpic.jpg) no-repeat;

}

.shangwt_two_bigbox a{

	width:460px;

	height:195px;

	float:left;

}

.shangwt_three_bigbox {

	width: 460px;

	height: 40px;

	float: left;

}

.shangwt_three_box {

	width: 476px;

	height: 40px;

	float: left;

	margin-left: 15px;

}

.shangwt_three_kjtext {

	height: 40px;

	float: left;

	font-size: 16px;

	line-height: 40px;

	color: #222;

}

.xiala {

	width: 15px;

	height: 40px;

	float: left;

	margin-left: 8px;

	background: url(http://www.bjxdf.com/templets/v201206/imgs/xiala.jpg) no-repeat;

}

.shangwt_anbox {
	margin-right:40px;

	height: 40px;

	float: right;

}

.shangwt_anbox span {

	width: 18px;

	height: 40px;

	float: right;

	margin-left: 18px;

}

.shangwt_anbox span img {

	height: 40px;

	border: 0px;

}

.shangwt_anbox dd {

	height: 40px;

	float: right;

	font-size: 13px;

	line-height: 40px;

	margin-left: 7px;

	color: #222;

}

.shangwt_anbox dd a {

	color: #222;

}

.shangwt_four_bigbox {

	width: 476px;

	height: 72px;

	float: left;

	margin-left: 12px;

}

.shangwt_four_textbox {

	width: 266px;

	height: 70px;

	float: left;

	border: 1px solid #CCC;

	border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

}

.shangwt_four_anbox {

	width: 205px;

	height: 70px;

	float: right;

	margin-top: 1px;

}

.shangwt_four_anbox span {

	width: 80px;

	height: 70px;

	float: left;

	margin-left: 5px;

}

.shangwt_four_anbox span img {

	width: 80px;

	height: 70px;

	border: 0px;

}

.shangwt_textbox {

	width: 240px;

	height: 65px;

	float: left;

	overflow: hidden;

	margin-left: 10px;

	border: none;

	font-size: 15px;

	line-height: 35px;

	color: #999;

	resize: none;

	outline: none;

}

#swt_sjzxdf {

	display: none;

}
.chat-gb{display:none ! important;}
.chat-swt{width:330px;height:260px;background:#fff;display:none;position:fixed;overflow:hidden;right:0;bottom:-400px;-webkit-box-shadow:0 0 35px #000;-moz-box-shadow:0 0 35px #000;box-shadow:0 0 35px #000;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;z-index:9999999;}
.chat-box{width:100%;height:32px;position:relative; top:-24px;}
.chat-box .chat-box-1{ position:relative; top:24px;width:100%;height:30px;display:inline-block;float:left;font-size:15px;background-color:#3d3f4b;color:#888991;font-family:"Microsoft yahei";line-height:27px;text-indent:16px;}
.chat-box .chat-box-2{position:absolute;display:block;right:4px;top:28px;width:19px;height:19px;background-color:#2a2c38;moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:transform .6s;-moz-transition:transform .6s;-ms-transition:transform .6s;-o-transition:transform .6s;transition:transform .6s}
.chat-box .chat-box-2:hover{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg)}
.chat-box .chat-box-2:before{content:'';width:14px;height:1px;position:absolute;left:50%;top:50%;margin-left:-7px;background:#fff;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.chat-box .chat-box-2:after{content:'';width:14px;height:1px;position:absolute;left:50%;top:50%;margin-left:-7px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.chat-chat1{width:100%;height:71px;position:relative;background:#fff; top:-2px;}
.chat-chat1 .chat-chat1-1{width:260px;height:43px;position:absolute;left:30%;top:10px;font-size:14px;margin-left:-82px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background-color:#2f1805;color:#fff;padding:4px 4px 4px 4px;text-indent:10px}
.chat-chat1 .chat-chat1-1 .chat-chat1-1-1{width:7px;height:5px;position:absolute;left:-7px;top:8px;background:url(/templets/default/index_sh/images/left.jpg) no-repeat center center}
.relpy1{width:100%;height:63px;position:absolute;bottom:0;background:#8c8c8c;overflow:hidden}
.relpy1 .relpy1-1{width:245px;height:43px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background-color:#FFF;overflow:hidden;float:left;padding:3px 6px 0 6px;margin:7px 0 0 9px;display:inline;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
.relpy1 .relpy1-1 textarea{float:left;display:block;border:0;background-color:#FFF;width:100%;height:100%;max-height:43px;color:#666;font-size:14px;line-height:21px;outline:0}
.relpy1 .relpy1-2{display:block;width:46px;height:38px;padding:8px 3px 0;float:left;text-align:center;background-color:#171923;color:#fff;text-decoration:none;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;margin-top:7px;margin-left:2px;display:inline;line-height:14px;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;cursor:pointer}
.relpy1 .relpy1-2:hover{opacity:.8}
.relpy1 .relpy1-2 .relpy1-2-1{font-size:14px}
.relpy1 .relpy1-2 .relpy1-2-2{font-size:12px}


/*动画*/

.shangwt_bigbox .xiaox {position:absolute;top:14px;right:14px;width:22px;height:22px;background:url(../images/out.png) center center no-repeat;cursor:pointer;-webkit-transition:.6s;transition:.6s;-webkit-transform:rotate(0);transform:rotate(0);-ms-transition:.6s;-ms-transform:rotate(0);}

.shangwt_bigbox .xiaox:hover {-webkit-transform:rotate(180deg);transform:rotate(180deg);-ms-transform:rotate(180deg);}

.TcShow {-webkit-animation:TcShow1 1.3s both;animation:TcShow1 1.3s both;}

@keyframes TcShow1 {0% {-webkit-transform:translate3d(0,-300%,0);transform:translate3d(0,-300%,0);}

50% {-webkit-transform:rotate(3deg);transform:rotate(3deg);}

to {-webkit-transform:none;transform:none;}

}

@-webkit-keyframes TcShow1 {0% {-webkit-transform:translate3d(0,-300%,0);transform:translate3d(0,-300%,0);}

50% {-webkit-transform:rotate(3deg);transform:rotate(3deg);}

to {-webkit-transform:none;transform:none;}

}

.TcOut {-webkit-animation:TcOut1 1.3s both;animation:TcOut1 1.3s both;}

@keyframes TcOut1 {50% {-webkit-transform:rotate(-4deg);transform:rotate(-4deg);}

to {-webkit-transform:translate3d(0,300%,0);transform:translate3d(0,300%,0);}

}

@-webkit-keyframes TcOut1 {50% {-webkit-transform:rotate(-4deg);transform:rotate(-4deg);}

to {-webkit-transform:translate3d(0,300%,0);transform:translate3d(0,300%,0);}

}

/*飘窗结束*/

/*灯笼开始*/

.x-19-dl{position: absolute;z-index:9999;width:100%;height: 300px;left: 50%;top:30px;transform: translateX(-50%);pointer-events: none;}
.x-19-dl div{position: absolute;width: 110px;height: 270px;top: 0;transform-origin: center 0;}
.x-19-dl .x-l{left: 135px;background: url(http://www.bjxdf.com/dl-l.png) no-repeat center 0;animation: lingdang2 infinite 6s;}
.x-19-dl .x-r{right: 135px;background: url(http://www.bjxdf.com/dl-r.png) no-repeat center 0;animation: lingdang3 infinite 5s;}
@keyframes lingdang2 {
	0% {transform:rotate(15deg);}
	50% {transform:rotate(-20deg);}
	100% {transform:rotate(15deg);}
}
@-webkit-keyframes lingdang2 {
	0% {transform:rotate(15deg);}
	50% {transform:rotate(-20deg);}
	100% {transform:rotate(15deg);}
}
@keyframes lingdang3 {
	0% {transform:rotate(20deg);}
	50% {transform:rotate(-30deg);}
	100% {transform:rotate(20deg);}
}
@-webkit-keyframes lingdang3 {
	0% {transform:rotate(20deg);}
	50% {transform:rotate(-30deg);}
	100% {transform:rotate(20deg);}
}

/*灯笼结束*/