@charset "utf-8";
/* CSS Document */

.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:9999999999; display: none; position: fixed; width: 100%; left:0; bottom:0; background-image: -moz-linear-gradient(#f7f7f7, #f7f7f7); background-image: -webkit-linear-gradient(#e1fee9, #e1fee9); background-image: -o-linear-gradient(#e1fee9, #e1fee9); background-image: linear-gradient(#f7f7f7, #f7f7f7); font-size: 14px; font-family: "Microsoft Yahei";}
.db { display: block}
.float_container .title1 { position:relative; background: #104b9f; background-size: 40px; font-size:20px; line-height: 2.2; color:#fff; text-align: center; letter-spacing: -1px; }
.float_container dl { display: none; transiton:all .3s linear 0s;margin:0;padding:0;}
.float_container dt { display: inline-block; width:68px; float: left; margin: 14px 0 0 8px; text-align: center}
.float_container dt img{max-width:100%;border:0;vertical-align:middle;-ms-interpolation-mode: bicubic;border-radius:50%;/* width:40px; height:40px;*/}
.float_container dd {margin:0; display: inline-block; position: relative; width: 75%; float: left;     padding-top: 8px;}
.float_container .time1 { font-size: 12px; line-height: 17px; color:#6c6761; text-align: center;width:100%;margin:0;height:17px; }
.float_container .box {width:94%;color:#000;position: relative; margin-left: 3%; padding:5px 6px; 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(#d3f2f4, #d3f2f4); letter-spacing: -1px; display:-webkit-box;}
.float_container .box span{ color:#de0000; display:inline-block;}
.float_container .box img { width: 22px; vertical-align: bottom; display:inline-block;}
.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 .btnn1 { margin-top:8px; padding:5px 0; border-top:1px solid #c7c7c0; border-bottom:1px solid #979185; background: #eaebed;width:100%; max-width:100%;}
.float_container .btnn1 a {  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: 16px; color:#6c6761; line-height: 2; text-align: center; text-decoration: none; transition:all .3s linear 0s; text-indent:0;}
.float_container .btnn1 a:hover {border-color:#959490;background-color: #f7f7f7;}

@media screen and (max-width: 320px) {
	.float_container .title1 {font-size: 18px; background-size: 32px}
	.float_container dd {width: 73%}
	.float_container .box {
		font-size: 13px
	}
	.float_container .btnn1 a {
		border-radius: 10px;
		font-size: 15px
	}
}

#menu {
    position: fixed;
    bottom: 0;
    z-index: 999;
    width: 100%;
    max-width: 100%;
    left: 0;
	right:0;
	max-width:640px;
	margin:0 auto
}
#menu ul {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    float: none;
}
#menu li {
    float: left;
    width: 25%;
	list-style:none;
}
#menu li a {
    display: block;
    overflow: hidden;
}
#menu li img {
    width: 100%;
    height: auto;
    display: block;
}