/*reset*/
html,body{width:100%;height: 100%;background: #fff}
html,body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,input,img,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{margin:0;padding:0;border:0}
body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(255,255,255,0);font-family: "微软雅黑", sans-serif}
a{text-decoration:none;outline:0;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
.clear{ clear:both; line-height:0px; height:0; overflow:hidden;}
blockquote::before,blockquote::after,q::before,q::after{content:none}
ins{text-decoration:none}del{text-decoration:line-through}
button,input,select,textarea{font-family:inherit;font-size:100%;vertical-align:middle;outline: none}
textarea{resize:none;overflow:auto;vertical-align:top}
[hidden]{display:none}
a,a:hover, a:visited, a:link, a:active {}
table{border-collapse:collapse;border-spacing:0}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
.clearfix{zoom:1}
img {border:0;max-width: 100%;height: auto;width: auto\9; /* ie8 */ vertical-align:middle;}
i{font-style: normal;}
input{-webkit-appearance: none;}
.xxx{height:100%;overflow:hidden;}
.loadingdh{position: absolute;height: 100%;width: 100%;top: 0;left: 0;display: none;}
.loadshadow{width: 100%;height: 100%;position: absolute;top: 0;left:0;bottom:0;right: 0; background: rgba(255,255,255,.7);}
.loaddiv{width:180px;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.loadanim{background:#2acdcb;border-radius:10px;width: 158px;height: 84px;margin:0 auto;position: relative;}
.loadtext{text-align: center;font-size:16px;color:#00afad;margin-top:10px;}
.loadys{position: absolute;width: 100%;top:0;left: 0;
animation:doctor 1s infinite;
-moz-animation:doctor 1s infinite;/* Firefox */
-webkit-animation:doctor 1s infinite; /* Safari and Chrome */
-o-animation:doctor 1s infinite; /* Opera */}
.loadhz{position: absolute;width: 100%;top:0;left: 0;
animation:patient 1s infinite;
-moz-animation:patient 1s infinite; /* Firefox */
-webkit-animation:patient 1s infinite; /* Safari and Chrome */
-o-animation:patient 1s infinite; /* Opera */
}
.idot1{
	
	animation:doctor 1000ms 0s ease infinite;
-moz-animation:doctor  1000ms 0s ease infinite; /* Firefox */
-webkit-animation:doctor  1000ms 0s ease infinite; /* Safari and Chrome */
-o-animation:doctor 1000ms 0s ease infinite; /* Opera */
}
.idot2{

	animation:doctor 1000ms 0.3s ease infinite;
-moz-animation:doctor  1000ms 0.3s ease infinite; /* Firefox */
-webkit-animation:doctor 1000ms 0.3s ease infinite; /* Safari and Chrome */
-o-animation:doctor  1000ms 0.3s ease infinite; /* Opera */
}
.idot3{

	animation:doctor  1000ms 0.6s ease infinite;;
-moz-animation:doctor  1000ms 0.6s ease infinite;; /* Firefox */
-webkit-animation:doctor  1000ms 0.6s ease infinite;; /* Safari and Chrome */
-o-animation:doctor  1000ms 0.6s ease infinite;; /* Opera */

}
@keyframes doctor
{
0% {opacity: 1;}
50% {opacity: 0;}
100% {opacity: 1;}
}

@-moz-keyframes doctor
{
0% {opacity: 1;}
50% {opacity: 0;}
100% {opacity: 1;}
}

@-webkit-keyframes doctor
{
0% {opacity: 1;}
50% {opacity: 0;}
100% {opacity: 1;}
}

@-o-keyframes doctor
{
0% {opacity: 1;}
50% {opacity: 0;}
100% {opacity: 1;}
}


@keyframes patient
{
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
}

@-moz-keyframes patient
{
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
}

@-webkit-keyframes patient
{
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
}

@-o-keyframes patient
{
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
}