@charset "utf-8";
/* CSS Document */
body {
	max-width: 100%; overflow-x: hidden;
	background: #fff;
	color:#333; font: 18px/36px "Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif; }
body , h1 , h2 , h3 , h4 , h5 , h6 , hr , p , blockquote , dl , dt , dd , ul , ol , li ,
pre , form , fieldset , legend , button , input , select, textarea ,
th, td { margin: 0; padding: 0; }
img { border: none; max-width: 100%; }
a { color: #333; text-decoration: none; }
a:hover { color: #e4393c; text-decoration: none; }
a , area { blr: expression(this.onFocus=this.blur()); }
ul , ol , li { list-style: none; }

.fl { float: left; } .fr { float: right; }
.clearfix:after { display: block; content: ''; clear: both; } .clearfix { zoom: 1;}
.clear { height: 0; width: 100%; overflow: hidden; font-size: 1px; line-height: 0; visibility: hidden; }
.Width { width: 1200px; margin: 0 auto; }
.hide , .onlymob { display: none; }

.box02 {
  position: absolute;
  width: 500px; height: 630px; 
  margin:auto;
  top:50px;
  left:0;right:0;
  background:#fff;
  background-size:cover;
  border-radius: 6px;
  box-shadow:0px 0px 15px 3px #e6e5e5;
	background: url(../images/bg.png) top center no-repeat;
}
.box02 h4 {
  padding-top: 50px;
  font-weight:bold;
  color: #fff; font-size: 22px;  line-height: 50px; text-align: center;
}
.box02 h5 {
  font-weight:bold;
  color: #fff; font-size: 22px;  line-height: 50px; text-align: center;
}
.box02 h5 span {
  color: #faf703;
}
.list-div, .weixin{
	float:left;
	width: 100%;
	margin-top:10px;
}
/* 联动切换二维码 开始 */
.codeBox {
  margin:30px 60px;
}
.list-div { 
  margin-top:70px;
}
.list-div .selectBox {
  position:relative; height:55px; margin-bottom: 25px; cursor: default;
}
.list-div .selectBox cite { 
  display:block; width:100%; height:100%; box-sizing: border-box; cursor: pointer;
  background: #fff ; border-radius:6px;
  font-size:18px; font-style:normal; line-height:55px; text-indent: 1em;
  transition: all .2s; border:1px solid #c4c2c2;
}
.ewmList {
	 width:100%;
	overflow: hidden;
}
.add_t1_hover{color:red;}
.zixun{
  display:block; width:90%; height:100%; box-sizing: border-box; cursor: pointer;
  background: #fc6d43 ; border-radius:6px;
  font-size:18px; font-style:normal; line-height:60px; 
  transition: all .2s; border:1px solid #fc6d43; text-align: center;
}
.zixun a{color:#fff;}
.list-div .selectBox:hover cite { border-color:#5faff7; }
.list-div .selectBox ul {
  display:none; position:absolute; left:0; top:60px; box-sizing: border-box; cursor: default;
  width:100%; max-height:230px; overflow-y:auto; overflow-x:hidden; z-index:3;
  background:#fff; border:1px solid #ddd; border-radius:5px;
  font-size:16px; line-height:32px; text-indent: .75em;
}
.list-div .selectBox li:hover {
  background: #f8f8f8;
}
.list-div .selectBox:after{position:absolute;right:15px;top:22px;content:" ";display:block;width:0;height:0;border-top:10px solid #233868;border-left:8px solid transparent;border-right:8px solid transparent;transition:all .3s;}
.list-div .selectBox.onSelect:after{transform:rotate(-180deg);}

.codeBox .pic { 
  float:none; width:162px; height: 162px; box-sizing: border-box;margin: 0 auto;
  background: #fff; border-radius: 6px;border:1px solid #c4c2c2;
}
 .codeBox .pic img { 
  display: block; width:160px; height: 160px;margin: auto;border-radius: 6px;
}
.box022 h4{
  padding-top: 30px;
  color: #fa340a; font-size: 20px; text-align: center;
}
/* 联动切换二维码 end */

@media only all and (max-width:1200px) {
html { font-size: 20px; }
body { width: 18.75rem; font-size: .7rem; line-height: 1.2rem; }
html , body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.Width { width: 17.5rem; }
.title01 { font-size:1.5rem; line-height:4.2rem;margin-top: 32px; }
.box02 { width:17rem; height:auto; padding:1rem; box-sizing: border-box; margin-bottom:2rem; border-radius:.3rem;top:2rem; position: absolute;background: url(../images/bg.png) top center no-repeat;background-size:17rem;}
.box02 h4 { padding-top:1rem; font-size: .9rem; line-height:1.2rem; }
.box02 h5 { padding-top:.5rem; font-size: .9rem; line-height:1.2rem; }
.list-div, .weixin{
	float:left;
	width: 100%;
}	
.list-div .selectBox:after{position:absolute;top:1.1rem;right: .9rem;border-top:.3rem solid #233868;border-left:.3rem solid transparent;border-right:.3rem solid transparent;}

  /* 联动切换二维码 开始 */
  .codeBox { margin:.5rem auto; }
  .list-div {margin-top:2.5rem;}
  .list-div .selectBox { height:2.5rem; margin-bottom:.9rem;margin-top: 1rem; }
  .list-div .selectBox cite { background-size: auto .75rem; border-radius:.25rem; font-size:.8rem; line-height:2.5rem; }
 .zixun{ background-size: auto .75rem; border-radius:.25rem; font-size:.7rem; line-height:2rem; }
  .list-div .selectBox ul {
    top:2rem;
    max-height:12rem;
    border-radius:.25rem;
    font-size:.8rem; line-height:2rem;
  }
  .codeBox .pic { margin-top: 1rem; float:none; width:8.1rem; height:8.1rem; border-radius:.25rem; }
  .codeBox .pic img { width:8rem; height: 8rem; border-radius:.25rem;}
  /* 联动切换二维码 end */
.box022 h4{
  padding-top: 1.5rem;
  color: #fa340a; font-size: .8rem; text-align: center;
}
}