@charset "utf-8";
/* CSS Document */
#LRdiv1{ display:none !important;}
#LRdiv0{display:none !important;}
.tan-box{ width:270px; height:200px; position:fixed; top:35%; left:50%; padding-top:10px; margin-left:-135px; background:#fff; display:none; border-radius:5px; border:1px solid #fff; overflow:hidden; z-index:999; }
.cuo{ position:absolute; right:0; top:0; width:23px; height:23px; background:url(../images/cuo.jpg) no-repeat; background-size:contain;}
.tan-box h2{ font-weight:normal; height:35px; font-size:20px; color:#2e3642; line-height:35px; text-align:center;}
.tan-box h3{ font-size:14px; line-height:24px; height:24px; text-align:center; font-weight:normal;}

.input-box{ padding:4px 0 7px 0px;  color:#6a7380; font-family:'瀹嬩綋'; position:relative;
height:35px; margin:0 auto; width:224px;}
.input-box .api-lxb-cb-input{ outline:none; font-size:12px;
border:1px solid #6a7380; padding:4px 5px; line-height:24px; border-bottom-left-radius:34px; border-top-left-radius:34px;}
.bao{ position:absolute; right:4px; top:4px;width:74px; height:35px;}
.input-box .api-lxb-cb-btn{position:absolute;background:#6a7380; width:74px; height:35px; color:#fff; border-top-right-radius:34px; border-bottom-right-radius:34px; padding-left:10px; border:none; cursor:pointer; font-size:12px;}
.tan-box p{line-height:20px; text-align:center; font-size:14px;margin-top:10px}
.bod{ padding-top:13px; height:48px; width:272px;}
.bod a{ float:left; width:135px;height:48px; padding-left:50px; line-height:48px !important;
color:#fff !important; font-size:16px !important; background:#108CEC url(../images/tell.jpg) no-repeat 16px center; }
.bod .onl{ background:#FD8F02 url(../images/www.jpg) no-repeat 16px center; }


.cf:before,.cf:after{display: table;content:""}.cf:after{clear:both}.cf{zoom:1;}

.shadow {z-index:999990; display: none; position: fixed; width: 100%; height: 100%; top:0; left:0; background-color: rgba(0,0,0,.2); }
.float_container {z-index:999991; display: none; position: fixed; width: 100%; left:0; bottom:0; background-image: -moz-linear-gradient(#abe5ef, #deceb7); background-image: -webkit-linear-gradient(#abe5ef, #deceb7); background-image: -o-linear-gradient(#abe5ef, #deceb7); background-image: linear-gradient(#abe5ef, #deceb7); }
.db { display: block}
.float_container .title_talk { background:#13a4db; background-size:0 30px; font-size:20px; line-height:30px; color:#fff; text-align: center; letter-spacing: -1px; height:60%; }
.float_container dl { display: none; transiton:all .3s linear 0s}
.float_container dt { display: inline-block; width:24%; float: left; margin: 19px 0 0 8px; text-align: center}
.float_container dd {margin:0; display: inline-block; position: relative; width: 68%; float: left; margin-top: 0px; }
.float_container .time { font-size: 12px; line-height: 1.6; text-align: center; display:none;}
.float_container .box { width:auto !important;color:#000;position: relative; margin-left:4%; padding:10px; border:1px solid #7ebbe4; border-top-color: #b2daf0; border-radius: 12px; box-shadow: 0 3px 0 #3ea0dd, inset 0 1px 1px #fff; background-image: -moz-linear-gradient(#c6e5fa, #a6d7f7); background-image: -webkit-linear-gradient(#c6e5fa, #a6d7f7); background-image: -o-linear-gradient(#c6e5fa, #a6d7f7); background-image: linear-gradient(#c6e5fa, #a6d7f7); letter-spacing: -1px; font-size:12px; margin-top:2%;}
/********************************************/
.float_container .box img { width: 22px; vertical-align: bottom}
.float_container .box:before,
.float_container .box:after { position: absolute; content: ""}
.float_container .box:before { width: 18px; height: 13px; top:-1px; left:-9px; background:url(../images/arrow.png) 0 0 no-repeat; background-size: 18px; }
.float_container .box:after { width: 40px; height: 26px; bottom:-4px; right:-7px; background:url(../images/wave.png) 0 0 no-repeat; background-size: 40px; }
.float_container .btn { margin-top:15px; padding:10px 0; border-top:1px solid #c7c7c0; border-bottom:1px solid #979185; background-color: #eaebed; }
.float_container .btn a { display: inline-block; width: 39%; height: 2em; float:left; margin:0 5%; border:1px solid #a6a5a1; border-radius: 12px; background-color: #fefefe; box-shadow: 0 2px 2px #d1d1d3; font-size: 12px; color:#6c6761; line-height: 2; text-align: center; text-decoration: none; transition:all .3s linear 0s; }
.float_container .btn a:hover {border-color:#959490;background-color: #f7f7f7}

@media screen and (max-width: 320px) {
	.float_container .title_talk {font-size: 18px; background-size: 32px}
	.float_container dd {width: 73%}
	.float_container .btn a {
		border-radius: 10px;
		font-size: 15px
	}
	.float_container .box { width:auto !important;color:#000;position: relative; margin-left:4%; padding:3px; border:1px solid #7ebbe4; border-top-color: #b2daf0; border-radius: 8px; box-shadow: 0 3px 0 #3ea0dd, inset 0 1px 1px #fff; background-image: -moz-linear-gradient(#c6e5fa, #a6d7f7); background-image: -webkit-linear-gradient(#c6e5fa, #a6d7f7); background-image: -o-linear-gradient(#c6e5fa, #a6d7f7); background-image: linear-gradient(#c6e5fa, #a6d7f7); letter-spacing: -1px; font-size:12px; margin-top:3%;}
}
@media screen and (max-width: 480px) {
.float_container .box { width:auto !important;color:#000;position: relative; margin-left:4%; padding:5px; border:1px solid #7ebbe4; border-top-color: #b2daf0; border-radius: 12px; box-shadow: 0 3px 0 #3ea0dd, inset 0 1px 1px #fff; background-image: -moz-linear-gradient(#c6e5fa, #a6d7f7); background-image: -webkit-linear-gradient(#c6e5fa, #a6d7f7); background-image: -o-linear-gradient(#c6e5fa, #a6d7f7); background-image: linear-gradient(#c6e5fa, #a6d7f7); letter-spacing: -1px; font-size:12px; margin-top:7%;}
}