@charset "utf-8";

*, *:before, *:after { box-sizing: border-box; }
input{ -webkit-appearance: none; }
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; }
html { height: 100%; margin: auto; }
body { font-family: 微软雅黑, 'Heiti SC', 黑体, Arial; position:relative; }
ol, ul, li { list-style: none outside none; }
a { text-decoration: none; color: inherit; }
img { border: none; vertical-align: middle; max-width: 100%; }
table { border-collapse: collapse; }
tr, td, th { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
input, textarea, select, button { font-family: 微软雅黑, 'Heiti SC', 黑体, Arial; padding: 0; margin: 0; }


/*--类--*/
.left { float: left; }
.right { float: right; }
.clear:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.clear { *zoom:1; }
.block{ padding:0 10px;}
.warp{ overflow:hidden;}

html { overflow: hidden; width: 100%; overflow-y: auto;}
#body { position: relative; margin: 0 auto; }
.main { box-shadow: 0 0 15px rgba(0,0,0,0.5); position: relative; background-color:#f5f5f5; }
.mask{ width:100%; height:100%; position:fixed; background-color:rgba(0,0,0,0.3); display:none;}

footer{ border-top:1px solid #e8e8e8; line-height:18px; padding:15px 0;  text-align:center; color:#909090; font-size:10px;}


@media screen and (min-width:540px) {
html { width: 540px; }
}

@media screen and (max-width:320px) {
html { width: 320px; }
}
/*底部*/
.dibu{width:100%;text-align:center;font-size:14px;color:#fff;padding:15px 0;border-top:1px solid #e8e8e8;background: #b0b0b0;margin-bottom: 50px;}

.footer ul {position: fixed;left: 0;bottom: 0;width: 100%;z-index: 999;font-size: 0.4rem;
padding: 5px 0;background: #FAFAFA;
    border-top: 1px solid #E8E8E8;
    box-shadow: 0 0 3px rgba(0,0,0,0.1);

}
.footer ul{display: flex;flex-direction: row;justify-content: space-around;align-items: center;}
.footer ul li a{display:flex;flex-direction: column;align-items: center;justify-content: center;}
.footer ul li a img{width: 24px;margin-bottom: 5px;}
.footer ul li a p{font-size: 12px;color: #999;}
.footer ul li .on p{color: #06c1ae;}

/* back to top */
#back-to-top{
  display: block;
  position: fixed;
  right:10px;
  bottom:0px;
  background:#e33;
  width:40px;
  height: 40px;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
	border-radius:40px;
  filter:alpha(opcity=0);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;

}
#back-to-top.show{
  bottom:80px;
  visibility: visible;
  opacity: 1;
  filter:alpha(opacity=100);
}
#back-to-top a{
  display: block;
  position: relative;
  width:40px;
  height: 40px;
  line-height: 35px;
  text-align: center;
  font-size: 20px;
  color:#fff;
  overflow: hidden;
}
#back-to-top a i{
  position: relative;
  top:10px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
#back-to-top a:hover i{
  top:5px;
}
#back-to-top a img{width:30px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 5px;}
.show1{display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 10px;
    bottom: 135px;
    background: #e33;
    width: 40px;
    height: 40px;
    z-index: 1000;
    border-radius: 50px;
}
.show1 a{font-size: 14px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}
.show2{display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 10px;
    bottom: 65px;
    background: #e33;
    width: 60px;
    height: 60px;
    z-index: 1000;
    border-radius: 50px;
}
.show2 a{font-size: 14px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}
.show2 a img{width: 100%;display: block;}
header{width:100%;margin:auto;display:flex;flex-direction: row;justify-content:space-between;align-items: center;background: #06c1ae;padding: 10px 2%;font-size: 16px;color: #fff;}
header img{width: 16px;}
.daoh{width: 100%;margin: auto;}
.daoh ul{width: 100%;margin: auto;display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.daoh ul li{width:32.5%;margin: 1px;background: #fff;}
.daoh ul li a{width: 100%;display: block;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 20px 0;}
.daoh ul li a img{width: 60px;display: block;}
.daoh ul li a p{font-size: 14px;color: #333;margin-top: 10px;}
.lie{width: 100%;margin: auto;margin-top: 20px;}
.lie ul{width: 100%;margin: auto;}
.lie ul li{width: 100%;background: #fff;padding: 10px 2%;margin: auto;margin-bottom: 1px;}
.lie ul li {width: 100%;display: block;display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;position: relative;}
.lie ul li  .zz{width: 80px;margin-right: 2%;}
.lie ul li  .zz .tt {width: 80px;height: 80px;overflow: hidden;}
.lie ul li  .zz .tt img{width: 100%;border-radius: 4px;}
.lie ul li  .zz  p{font-size: 12px;color: #999;margin-top: 5px;text-align: center;}
.lie ul li  .yy h2{font-size: 16px;color: #333;margin-bottom: 10px;}
.lie ul li  .yy  p{font-size:14px;color: #666; }
.lie ul li  .di{position: absolute;right: -10px;bottom:0;background: #586ef2;padding: 10px 25px;border-bottom-left-radius: 20px;border-top-left-radius: 20px;font-size: 12px;color: #fff;z-index: 99}
#goodcover {
	display: none;
	position:fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	z-index: 1001;

	overflow: auto;
	padding-bottom: 100px;
}
#code {
	width: 300px;

	background-color: #fff;
	padding: 10px;
	position: absolute;
	display: none;
	left: 45%;
	z-index: 1002;
	top:10%;
}
.close1 {
	width: 300px;

	position: relative;top:-40px;
}
#closebt {
	float: right;
}
#closebt img {
	width: 20px;
}
.goodtxt {
	text-align: center;
}
.goodtxt h1{font-size: 16px;color: #333;font-weight: bold;}
.goodtxt p {

	line-height: 24px;
	font-size: 14px;
	color: #666;

}
.code-img {
	width: 250px;
	margin:  auto;
	padding: 10px;
}
.code-img img {
	width: 240px;
}