/* CSS Document */
.logo {
  width: 100%;
  max-width:480px;
  min-width: 320px;
  margin: 0 auto;
  background:#8340B3;
  margin-top:41px;
}
.logo img {
  display: block;
  width: 100%;
  max-width: 480px;
  min-width: 320px;
  margin: 0 auto;
}
.con1 dl{clear:both; overflow:hidden; margin-bottom:5px; width:100%;}
.con1 dl dt{float:left; text-align:center; color:#663C9B; line-height:24px; font-weight:bold; font-size:16px; max-width:76px; min-width:76px; width:25%;}
.con1 dl dt strong{color:#D7016F;}
.con1 dl dd{float:right; font-size:13px; color:#fff; line-height:18px; max-width:326px; min-width:217px; width:75%;}
.con1 dl dd span{display:block; margin-bottom:5px; padding:5px; border-radius:5px; width:auto;}
.con1 dl dd span.con1_span1{background-color:#9855CA;}
.con1 dl dd span.con1_span2{background-color:#bbb;}
.content .ask{width:100%; overflow:hidden; padding-top:10px;}
.content .ask a{display:block; float:left; margin-left:10%; width:35%; height:30px; line-height:30px; text-align:center; font-size:14px; color:#fff; background-color:#9855CA; border-radius:10px;}
.con2 .main{margin-top:10px;}
.con2 .main h3{font-size:14px; border-bottom:solid 1px #D7016F; height:26px; line-height:26px;}
.con2 .main h3 strong{background-color:#D7016F; color:#fff; height:26px; width:60px; text-align:center; display:block; float:left; margin-right:8px; border-top-left-radius:5px;  border-top--radius:5px;}
.con2 .main p{font-size:12px; padding:8px 10px 16px; line-height:20px;}
.con3 .main li{line-height:20px; clear:both; padding-bottom:5px; border-bottom:solid 1px #eee; margin-bottom:8px; overflow:hidden;}
.con3 .main li strong{font-size:14px; display:block; color:#D7016F; padding-bottom:5px;}
.con3 .main li span{font-size:13px; padding-left:20px; line-height:18px; display:block}
.con3 .main span.con2_bot{width:100%; display:block; height:30px; line-height:30px; text-align:center; color:#5e02ab;}
.con3 .main span.con2_bot strong{color:#D7016F;}
.con6 .main{margin-top:10px; border-top-left-radius:0px; border-top-right-radius:0px; padding:0px; position:relative; overflow:visible;}
.con6 .main span{position:absolute; display:block; width:10px; height:36px; top:0px; background-color:#D7016F;}
.con6 .main span.con6_span1{left:-10px;}
.con6 .main span.con6_span2{right:-10px;}
.con6 .main em{position:absolute; top:36px; display:block; width:0px; height:0px; border-top:6px solid #330033;}
.con6 .main em.con6_em1{border-left:10px solid transparent; left:-10px;}
.con6 .main em.con6_em2{border-right:10px solid transparent; right:-10px;}
.con6 .main h3{color:#fff; margin-bottom:10px; width:100%; background-color:#D7016F; height:36px; line-height:36px; text-align:center; font-size:14px;}
.con6 .main h3 strong{padding:0 10px; font-size:17px;}
.con6 .main p{font-size:13px; padding-top:0px;}
.pagelist{width:92%; clear:both; max-width:441px; overflow:hidden; padding:10px 3%; margin:0px auto; background-color:#fff; border-radius:10px; margin-top:10px;}
.list li{font-size:13px;line-height:20px; clear:both; padding-bottom:5px; border-bottom:solid 1px #eee; margin-bottom:8px; overflow:hidden; position:relative;}
.list li a{ color:#000;}
.list li span{font-size:13px; padding-left:20px; line-height:18px; display:block; position:absolute; right:5px; top:5px;}
.page{ display:block;width:92%; clear:both; max-width:441px; overflow:hidden; text-align:center; margin:0 auto;}
.con7 .pagelist ul.page li{font-size:13px;line-height:20px; display:inline; margin-bottom:8px; padding:0px 5px;overflow:hidden;}
.con7 .pagelist ul.page li a{color: #b41a2e;font-weight: bold;}
 .foot {
  width: 100%;
  max-width: 480px;
  min-width: 320px;
  margin: 0 auto;
  background:#8340B3;
  padding-bottom: 15px;
}
.back a {
  display: block;
  width: 26.87%;
  max-width: 172px;
  border-radius: 5px;
  background: #F3EAF7;
  margin: 0 auto;
  position: relative;
  top: -5px;
  text-align: center;
  color:#8340B3;
  font: 18px/42px "Microsoft YaHei";
}
.foot p {
  line-height:32px;
  font-size: 13px;
  color: #fff;
  text-align: center;
}  
.con8{width:92%; clear:both; max-width:441px; overflow:hidden; padding:10px 3%; margin:0px auto; background-color:#fff; border-radius:10px; margin-top:10px;}
img {max-width: 100%; vertical-align: middle}
.cf:before,.cf:after{display: table;content:""}.cf:after{clear:both}.cf{zoom:1}
.img-responsive{display:inline-block;}
.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: 40px; height:40px;line-height:40px;font-size:20px; color:#fff; text-align: center; letter-spacing: -1px; }
.float_container dl { display: none; transiton:all .3s linear 0s}
.float_container dt { display: inline-block; width: 14%; float: left; margin: 34px 0 0 8px; text-align: center}
.float_container dd {margin:0; display: inline-block; position: relative; width: 68%; float: left; margin-top: 15px; }
.float_container .time1 { font-size: 12px; line-height: 1.6; color:#6c6761; text-align: center; }
.float_container .box { color:#000;position: relative; margin-left: 5%; 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; }
.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_cf { margin-top: 25px; padding:10px 0; border-top:1px solid #c7c7c0; border-bottom:1px solid #979185; background-color: #eaebed; overflow:hidden;}
.float_container .btn_cf 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: 16px; color:#6c6761; line-height: 2; text-align: center; text-decoration: none; transition:all .3s linear 0s; }
.float_container .btn_cf 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 .box {
		font-size: 13px
	}
	.float_container .btn_cf a {
		border-radius: 10px;
		font-size: 15px
	}
}