* {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0); }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea, p, blockquote, th, td {
  padding: 0;
  margin: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-weight: normal;
  font-style: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0; }

a {
  text-decoration: none;
  color: #333; }
  .fixed{ position:fixed;}
body{font-family:'Microsoft YaHei','YaHei','SimHei','Hei'}
a{text-decoration:none;-webkit-tap-highlight-color:transparent}
.content{ width:7.5rem; margin:0 auto;}
.other-img{ width:7.5rem; height:6.74rem;overflow:hidden;}
.other-img img{ width:100%; height:100%;}
.bottom-img{ width:7.5rem;  height:4.41rem;overflow:hidden;}
.bottom-img img{ width:100%; height:100%;}
.top-banner{height:4.23rem; overflow:hidden;}
.top-banner img{width:7.5rem;height:4.23rem; overflow:hidden;}
.map-content{
	position:relative;
	width:7.5rem;
	height:7.65rem;
	display:block;
	 overflow:hidden;
	background:url(imgs_03.jpg) no-repeat; background-size:100% 100%;
}
.map-bg{ background:url(maps.png) no-repeat; background-size:100% 100%;
 width:7.48rem; height:6.91rem; overflow:hidden; position:relative;}

.quyu-icon{ width:.31rem; height:.46rem; background:url(map.png) no-repeat; background-size:100% 100%;}
.quyu-icon.on{ background:url(liang-map.png) no-repeat; background-size:100% 100%;}
.xinbei{ position:absolute; top:.4rem; left:4.9rem;}
.tianning{position:absolute; top:1.9rem; left:5.7rem;}
.jingkai{position:absolute; top:2.1rem; left:6.2rem;}
.zhonglou{position:absolute; top:1.8rem; left:5.15rem;}
.jintan{position:absolute; top:2rem; left:2.3rem;}
.wujin{position:absolute; top:2.6rem; left:4.8rem;}
.liyang{position:absolute; top:4.1rem; left:1.3rem;}
.btn-kapian{ display:block;background:url(images_04.jpg) no-repeat; width:7.5rem;
 height:1.36rem;background-size:100% 100%; }
#ui-error-msg{width:4.6rem;height:.7rem;line-height:.7rem;position:fixed;background:rgba(0,0,0,.8);font-size:.32rem;color:#fff;top:50%;margin-top:-0.35rem;left:50%;margin-left:-2.3rem;border-radius:.1rem;text-align:center;opacity:0;display:none;z-index:799}
#ui-error-msg.show{display:block;opacity:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes fadeIn{0%{opacity:1}50%{opacity:1}100%{opacity:0}}@keyframes fadeIn{0%{opacity:1}50%{opacity:1}100%{opacity:0}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}
.layer{position:fixed; width:100%; height:100%;z-index:2;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.7);}
.dn{display:none!important;}
.show{ display:block;}
.shaked{ position:absolute; left:3.3rem; top:4.1rem; background:url(shake.png) no-repeat;background-size:100% 100%; width:2.6rem; height:2.5rem; display:block;}
.baoming-box{ background:url(pop-box.png) no-repeat; width:6.24rem; z-index:152;
 height:7.28rem;background-size:100% 100%; position: absolute;left:50%; margin-left:-3.12rem;top:20%;}
 
 .baoming-box .close{ position:absolute; right:.1rem; top:.1rem; width:.5rem; height:.5rem;}
 .baoming-box ul{ padding:1.85rem .45rem 0;}
   .baoming-box ul li { float:left; display:block; width:100%;height:.5rem; margin-bottom:.3rem;}
  .baoming-box ul li input.text{ float:left;width:3rem; height:.5rem; line-height:.5rem; padding:0 .2rem; border:0; border-radius:.25rem; background:#dcdcdc;}
    .baoming-box ul li span{ float:left; display:block; width:1.9rem; height:.5rem; font-size:.32rem;}
	
	.submit-btn{ display:block; background:url(btn-tijiao.png) no-repeat;background-size:100% 100%; width:5.1rem; height:.86rem; margin:.3rem auto; border:0;}
	
	.ka-bg{ background: url(repeat-bg.jpg) repeat;}
	.logo{ background:url(logo.png) no-repeat; width:7.5rem; height:1.82rem; overflow:hidden; background-size:100% 100%;}
	.nub-box{ margin:0 auto .4rem;background:url(b-title.png) no-repeat; width:5.64rem; height:.83rem; background-size:100% 100%; overflow:hidden;}
	.nub-box p{ font-size:.3rem; padding:0 .2rem; height:.7rem; line-height:.7rem; overflow:hidden; color:#333;}
	.nub-box p em{ color:#F00; margin:0 2px;}
	.mobile{background:url(mobile.png) no-repeat; width:6.73rem; height:6.17rem; background-size:100% 100%; margin:0 auto;}
	.ka-box{ margin-left:5px;}
	.ka-box li{ float:left; width:1.43rem; height:1.5rem; margin:.4rem .02rem;}
	.ka-box li img{ display:block; width:1.43rem; height:1.5rem;}
	.gray {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
	.clear {
    clear: both;
    width: 100%;
    height: 0px;
    font-size: 0px;
    overflow: hidden;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}


@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.arrow-down {
    position: fixed;
    bottom: .16rem;
    width: .59rem;
    height: .29rem;
    background: url(../style/arrow-down.png) 0 0 no-repeat;
    background-size: 100%;
    left: 50%;
    margin-left: -0.28rem;
    z-index: 8;

}

	.baoxiang-box{ display:block; background:url(btn-open.png) no-repeat; width:2.95rem; height:.8rem; margin: 0 auto;background-size:100% 100%;}
	
	.lika{display:block; position: fixed;left:50%; margin-left:-2.46rem;top:50%; margin-top:-3.62rem; width:4.92rem; height:7.25rem; z-index:160;}
	.lika .closed{ position:absolute; top:.18rem; right:.14rem; width:.4rem; height:.4rem; display:block;}
	.lika img{width:4.92rem; height:7.25rem;}
	
	
	.liping{position: fixed;left:50%; margin-left:-2.38rem;top:50%; margin-top:-2.8rem; width:4.77rem; height:5.6rem; z-index:180;}
	.liping .closed{ position:absolute; top:.2rem; right:.2rem; width:.51rem; height:.51rem; display:block; background:url(closed.png) no-repeat; background-size:100% 100%;}
	.liping.liping01{ width:4.77rem; height:4.98rem; background:url(liping_500.png) no-repeat; background-size:100% 100%;}
	.liping.liping02{  width:4.77rem; height:4.98rem; background:url(liping_luyouqi.png) no-repeat; background-size:100% 100%;}
	.liping.liping03{ width:4.77rem; height:4.98rem;  background:url(liping_quan.png) no-repeat; background-size:100% 100%;}
	.liping.liping04{  width:4.77rem; height:4.98rem; background:url(liping_shouji.png) no-repeat; background-size:100% 100%;}