*{margin:0;padding:0;}
body 
{   
    margin:0;
    padding:0;
	font-family:"微软雅黑"; 
	/*font-size:14px;*/ 
	 cursor: default;
	 background-color:#f7f7f7;

	 
	
}
html{font-size:625%}
.hide{display: none}
table{border-collapse:collapse;border-spacing:0px;}
a{text-decoration:none;font-size:14px;outline:none;}
/* a:hover{text-decoration:underline} */
a:active{outline:none;}
a img{border:0;}
.clearfix{clear:both}
 body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,b{padding:0;margin:0}
a:focus,input,select,textarea{outline:0}

textarea{resize:none;overflow:auto}
ul,ol,li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.l{float: left}
.r{float: right;}


.clear{clear: both; height: 0;}

  @media only screen and (min-width: 320px){
    html {
    font-size: 625% !important;
   }
 }
  @media only screen and (min-width: 375px){
    html {
    font-size: 721% !important;
   }
 }
   @media only screen and (min-width: 414px){
    html {
    /*font-size: 796% !important;*/
	font-size: 776% !important;
   }
 }
/*  @media only screen and (min-width: 481px){
    html {
    font-size: 925% !important;
   }
 }
  @media only screen and (min-width: 561px){
   html {
    font-size: 1079% !important;
  }
 }
 
 @media only screen and (min-width: 640px){
   html {
    font-size: 1230% !important;
  }
 }
 */
 
 @font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?pftv2z');
  src:  url('fonts/icomoon.eot?pftv2z#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?pftv2z') format('truetype'),
    url('fonts/icomoon.woff?pftv2z') format('woff'),
    url('fonts/icomoon.svg?pftv2z#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  /* speak: none; */
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-uniE900:before {
  content: "\e900";
  color: #fff;
}
.icon-1:before {
  content: "\e901";
  color: #fff;
}
.icon-2:before {
  content: "\e902";
  color: #aec8ca;
}
.icon-3:before {
  content: "\e903";
  color: #eb7766;
}
.icon-4:before {
  content: "\e904";
  color: #fff;
}
.icon-5 .path1:before {
  content: "\e905";
  color: rgb(33, 118, 188);
}
.icon-5 .path2:before {
  content: "\e906";
  margin-left: -1em;
  color: rgb(240, 80, 80);
}
.icon-5 .path3:before {
  content: "\e907";
  margin-left: -1em;
  color: rgb(240, 80, 80);
}
.icon-5 .path4:before {
  content: "\e908";
  margin-left: -1em;
  color: rgb(86, 192, 199);
}
.icon-5 .path5:before {
  content: "\e909";
  margin-left: -1em;
  color: rgb(240, 80, 80);
}
.icon-6:before {
  content: "\e90a";
  color: #fff;
}
.icon-7 .path1:before {
  content: "\e90b";
  color: rgb(218, 233, 255);
}
.icon-7 .path2:before {
  content: "\e90c";
  margin-left: -1em;
  color: rgb(218, 233, 255);
}
.icon-7 .path3:before {
  content: "\e90d";
  margin-left: -1em;
  color: rgb(218, 233, 255);
}
.icon-7 .path4:before {
  content: "\e90e";
  margin-left: -1em;
  color: rgb(218, 233, 255);
}
.icon-7 .path5:before {
  content: "\e90f";
  margin-left: -1em;
  color: rgb(218, 233, 255);
}
.icon-7 .path6:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(218, 233, 255);
}
.icon-7 .path7:before {
  content: "\e911";
  margin-left: -1em;
  color: rgb(255, 214, 194);
}
.icon-7 .path8:before {
  content: "\e912";
  margin-left: -1em;
  color: rgb(56, 137, 255);
}
.icon-7 .path9:before {
  content: "\e913";
  margin-left: -1em;
  color: rgb(218, 233, 255);
}
.icon-7 .path10:before {
  content: "\e914";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-7 .path11:before {
  content: "\e915";
  margin-left: -1em;
  color: rgb(251, 86, 10);
}
.icon-7 .path12:before {
  content: "\e916";
  margin-left: -1em;
  color: rgb(255, 214, 194);
}
.icon-7 .path13:before {
  content: "\e917";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-8:before {
  content: "\e918";
  color: #ef5350;
}
.icon--:before {
  content: "\e919";
  color: #56c0c7;
}
.icon-9:before {
  content: "\e91a";
  color: #da521a;
}
.icon-10:before {
  content: "\e91b";
  color: #4aa5f0;
}
.icon-11:before {
  content: "\e91c";
  color: #ea7764;
}
.icon--1:before {
  content: "\e91d";
  color: #eb7766;
}
.icon-12:before {
  content: "\e91e";
  color: #888;
}
.icon-13:before {
  content: "\e91f";
  color: #5d9cec;
}
.icon--11:before {
  content: "\e920";
  color: #2176bc;
}
.icon-20:before {
  content: "\e921";
  color: #56c0c7;
}
.icon--2:before {
  content: "\e922";
  color: #aec8ca;
}
.icon-19 .path1:before {
  content: "\e923";
  color: rgb(240, 80, 80);
}
.icon-19 .path2:before {
  content: "\e924";
  margin-left: -1.0009765625em;
  color: rgb(240, 80, 80);
}
.icon-19 .path3:before {
  content: "\e925";
  margin-left: -1.0009765625em;
  color: rgb(240, 80, 80);
}
.icon-19 .path4:before {
  content: "\e926";
  margin-left: -1.0009765625em;
  color: rgb(86, 192, 199);
}
.icon-19 .path5:before {
  content: "\e927";
  margin-left: -1.0009765625em;
  color: rgb(33, 118, 188);
}
.icon-18:before {
  content: "\e928";
  color: #aec8ca;
}
.icon-17:before {
  content: "\e929";
  color: #ee5452;
}
.icon-16 .path1:before {
  content: "\e92a";
  color: rgb(86, 192, 199);
}
.icon-16 .path2:before {
  content: "\e92b";
  margin-left: -1em;
  color: rgb(33, 118, 188);
}
.icon-16 .path3:before {
  content: "\e92c";
  margin-left: -1em;
  color: rgb(240, 80, 80);
}
.icon-16 .path4:before {
  content: "\e92d";
  margin-left: -1em;
  color: rgb(240, 80, 80);
}
.icon-16 .path5:before {
  content: "\e92e";
  margin-left: -1em;
  color: rgb(240, 80, 80);
}
.icon-15:before {
  content: "\e92f";
  color: #fff;
}
.icon-14:before {
  content: "\e930";
  color: #fff;
}


@font-face {
  font-family: 'icomoon';
  src:  url('fonts2/icomoon.eot?mxqsr');
  src:  url('fonts2/icomoon.eot?mxqsr#iefix') format('embedded-opentype'),
    url('fonts2/icomoon.ttf?mxqsr') format('truetype'),
    url('fonts2/icomoon.woff?mxqsr') format('woff'),
    url('fonts2/icomoon.svg?mxqsr#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-uniE900:before {
  content: "\e902";
  color: #4a90e2;
}
 
 
.noscroll{ height:100vh; overflow:hidden}
.max-box{ max-width:640px; margin:0 auto; overflow:hidden}

.head-bj{width:100%; height:0.52rem; background-color: #56c0c7; z-index:999; position:fixed; left:0; top:0;}
.head-box{ width:94%;height:0.52rem; margin:0 auto; max-width:640px; position: relative;}
.head-box .icon-{ font-size: 0.36rem; color: #fff;position: absolute;
  right: 0;
  top: .07rem;}
.head-box .ct-box{ width: calc(100% - 0.36rem);float: left;}
.head-box .ct-box img{ width: 1.85rem; height: 0.366rem; margin-top: 0.077rem;}







/*menu*/
.hidde{width:50%; height:calc(100vh - 0.52rem);position:fixed;left:0; top:0.52rem; z-index:9999999 }
.b_box{ width:100%; height:calc(100vh - 0.52rem);  background:url(../images/nav_bj.png) repeat;position:fixed;right:0; top:0.52rem; display:none; z-index:99999 } 
.me_b{ width:50%; height:calc(100vh - 0.52rem); background:url(../images/nav-right.png) repeat;   z-index:9999999;overflow:auto; position:absolute;right:0; top:0rem; z-index:999999; background-size:cover } 
.data_box .list{width: 100%; height:100%; overflow:auto}
.list ul li{ width:94%;border-bottom:1px solid #9dd9dd; margin:0 auto;}
.list ul li h3{width:100%; height:0.42rem; line-height:0.42rem;color: #fff; font-size:0.16rem; display: block;position: relative; text-indent:0.2rem; }
.list ul li .inactive .ti{ background:url(../images/no.png) no-repeat !important; background-position:90% center !important; background-size:0.084rem 0.15rem !important ;}
.list ul li .inactives .ti{ background:url(../images/off.png) no-repeat;background-position:90% center !important; background-size:0.15rem 0.084rem !important ; font-weight:bold} 
.list ul li .inactive .ti a{ color: #fff; font-size:0.16rem; display: block; }
.list ul li .inactives .ti a{ color: #fff; font-size:0.16rem; display: block; }

.list ul li .tt{ width:100%; height:100%; background-color:#1386d1;}
.list ul li .tt h4{ width:100%; height:0.3rem; text-align:left; font-size:0.14rem; color:#fff; text-indent:0.3rem;}
 .list ul li .tt h4 a{ color:#fff; font-size:0.14rem;height:0.3rem; line-height:0.3rem; display:block}


.list ul li .inactives { /*background:url(../images/menu-h.png) repeat;*/ color:#fff; background-color:#0079d4
}
.list ul li .inactives .ti{ border-bottom:1px solid #1386d1;}

/*弹出菜单ed*/


.bottom-box{ width:100%; position:fixed; left:0; bottom:0;}
.bottom-box ul{ width:100%; max-width:640px; margin:0 auto; background-color:#fff; box-shadow: 0 0 13px #d0d0d0}
.bottom-box ul li{ width:25%; height:0.44rem; float: left; text-align:center; padding-top:0.06rem; position:relative}
.bottom-box ul li h4{ width:100%; height:0.14rem; line-height:0.14rem; font-size:0.12rem; color:#666; position:absolute; left:0; bottom:0.04rem;  overflow:hidden;  }
.bottom-box ul li .icon-{ font-size: 0.22rem}

.bottom-box ul li a{-webkit-tap-highlight-color:rgba(0,0,0,0); }
.bottom-box ul li:nth-child(1) .icon-{ color: #56c0c7}
.bottom-box ul li:nth-child(2) .icon-{ color: #f26d5f}
.bottom-box ul li:nth-child(3) .icon-{ color: #f19300}
.bottom-box ul li:nth-child(4) .icon-{ color: #5bb4da}


.lody-box{ width:100%; padding:0.15rem 0 0.06rem 0; }
/*.gd2{ width:100%; text-align:center; font-size:0.16rem; color:#4e4e4e; padding-bottom:6px;}
.gd2 a{ font-size:0.14rem; color:#4e4e4e; }*/
.spinner5 {width: 75px; height:18px; text-align: center; margin:0 auto;}
 
.spinner5 > div {width: 6px;height: 6px;  background-color: #beb3a8; border-radius: 100%;
 float: left;-webkit-animation: bouncedelay 1.4s infinite ease-in-out;animation: bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both; margin:0 4px; } 
.spinner5 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
.spinner5 .bounce2 {-webkit-animation-delay: -0.16s; animation-delay: -0.16s;}
.spinner5 .bounce3 {-webkit-animation-delay: -0.08s; animation-delay: -0.08s;}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}




@media screen and (min-width: 360px) {

	
}
@media screen and (min-width: 375px) {

}

@media screen and (min-width: 375px) {

}