@charset "utf-8";html,body{margin:0;padding:0;width:100%;height:100%}html{font-size:62.5%}body{min-width:102.4rem;position:relative;margin:0 auto;background:url(../img/bg.png) #fff repeat;font-family:Microsoft Yahei,PingFang SC,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,sans-serif}*{box-sizing:border-box}.page{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.page-one{top:0%;background:url(../img/bg1.png) #fff center center no-repeat;background-size:cover;z-index:2}.page-one>img:first-of-type{display:none;width:34%;margin-top:8%;cursor:pointer;animation:index-show 1s ease-in-out;-webkit-animation:index-show 1s ease-in-out}.page-one>img:nth-of-type(2){display:none;width:20%;margin-top:2%;animation:down-show 1.5s ease-in-out;-webkit-animation:down-show 1.5s ease-in-out}.page-one>img:last-of-type{position:absolute;bottom:3%;left:50%;width:3%;margin-top:30%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);animation:down 3s ease-in-out infinite;-webkit-animation:down 3s ease-in-out infinite;cursor:pointer}.page-one>ul{position:absolute;top:5%;right:8%;width:18%;height:20%}.page-one>ul>li{float:left;width:12%;height:50%;display:block;border-radius:50%}.page-one>ul>li:first-of-type{margin-right:15%;background:url(../img/icon-phone-nor.png) center center no-repeat;background-size:100%}.page-one>ul>li:first-of-type>img{display:none;position:absolute;top:41%;left:-17.1%;width:45%;animation:serve-show .6s ease-in-out;-webkit-animation:serve-show .6s ease-in-out}.page-one>ul>li:first-of-type:hover{background:url(../img/icon-phone-select.png) center center no-repeat;background-size:100%}.page-one>ul>li:nth-of-type(2){background:url(../img/icon-wechat-nor.png) center center no-repeat;background-size:100%;margin-right:50px}.page-one>ul>li:nth-of-type(2)>img{display:none;position:absolute;top:41%;left:9.5%;width:45%;animation:serve-show .6s ease-in-out;-webkit-animation:serve-show .6s ease-in-out}.page-one>ul>li:nth-of-type(2):hover{background:url(../img/icon-wechat-select.png) center center no-repeat;background-size:100%}.page-one>ul>li:last-of-type{background:url(../img/doctor_login.png) center center no-repeat;background-size:100%;cursor:pointer;transition:all 500ms ease-out}.page-one>ul>li:last-of-type:hover{transform:scale(1.1);background:url(../img/doctor_login_select.png) center center no-repeat;background-size:100%;cursor:pointer}.page-one>ul>li:hover img{display:block}.page-one .copyright{display:none;margin-top:2%;font-size:1.5rem}.page-one .copyright p{line-height:2rem;text-shadow:0 0 1px #fff}.page-one .copyright p span{color:#555;font-size:1.5rem;text-decoration:none;cursor:pointer}.copyright-2{position:relative;width:100%;top:72%;bottom:60px;font-size:1.5rem;text-align:center}.copyright-2 p{line-height:2rem;text-shadow:0 0 1px #fff}.copyright-2 p span{color:#555;font-size:1.5rem;text-decoration:none;cursor:pointer}.page-two{visibility:hidden;height:100%;background:url(../img/bg.png) #fff repeat;z-index:1}.page-two .logo{position:absolute;top:2%;left:2%;width:5%;cursor:pointer}.page-two .number{position:absolute;top:6%;right:3%;width:11%}.page-two .pat-doc{margin:0 auto;display:block;overflow:hidden;width:12%;height:12%;margin-top:3%}.page-two .pat-doc li{float:left;width:35%;height:5rem;box-sizing:content-box;cursor:pointer}.page-two .pat-doc li:first-of-type{background:url(../img/icon-patient-nor.png) center center no-repeat;background-size:100%}.page-two .pat-doc li:last-of-type{float:right;background:url(../img/icon-doctor-nor.png) center center no-repeat;background-size:100%}.page-two .swiper-box{position:relative;width:100%}.page-two .swiper-box .pat-box{position:absolute;left:50%;width:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);overflow:hidden}.page-two .swiper-box .doc-box{visibility:hidden;position:absolute;left:50%;width:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);overflow:hidden}.page-two .swiper-box:hover .swiper-button-prev{display:block}.page-two .swiper-box:hover .swiper-button-next{display:block}.page-two .swiper-container-pat{padding:1rem;padding-bottom:3rem}.page-two .swiper-container-doc{padding:1rem;padding-bottom:3rem}.page-two .foot{margin-top:37%;width:100%;text-align:center}.page-two .foot img{display:inline;width:20%}.patient-active{background:url(../img/icon-patient-select.png) center center no-repeat !important;border-bottom:5px solid #d65f4c;background-size:100%!important}.doctor-active{background:url(../img/icon-doctor-select.png) center center no-repeat !important;border-bottom:5px solid #d65f4c;background-size:100%!important}@-moz-keyframes down{0%{bottom:4%;opacity:.1}50%{bottom:2%;opacity:1}100%{bottom:4%;opacity:.1}}@-ms-keyframes down{0%{bottom:4%;opacity:.1}50%{bottom:2%;opacity:1}100%{bottom:4%;opacity:.1}}@-webkit-keyframes down{0%{bottom:4%;opacity:.1}50%{bottom:2%;opacity:1}100%{bottom:4%;opacity:.1}}@keyframes down{0%{bottom:4%;opacity:.1}50%{bottom:2%;opacity:1}100%{bottom:4%;opacity:.1}}@-moz-keyframes serve-show{0%{top:0;opacity:0}100%{top:41%;opacity:1}}@-ms-keyframes serve-show{0%{top:0;opacity:0}100%{top:41%;opacity:1}}@-webkit-keyframes serve-show{0%{top:0;opacity:0}100%{top:41%;opacity:1}}@keyframes serve-show{0%{top:0;opacity:0}100%{top:41%;opacity:1}}@-moz-keyframes index-show{0%{margin-top:0%;opacity:.1}100%{margin-top:8%;opacity:1}}@-ms-keyframes index-show{0%{margin-top:0%;opacity:.1}100%{margin-top:8%;opacity:1}}@-webkit-keyframes index-show{0%{margin-top:0%;opacity:.1}100%{margin-top:8%;opacity:1}}@keyframes index-show{0%{margin-top:0%;opacity:.1}100%{margin-top:8%;opacity:1}}@-moz-keyframes down-show{0%{margin-top:-1%;opacity:.1}100%{margin-top:2%;opacity:1}}@-ms-keyframes down-show{0%{margin-top:-1%;opacity:.1}100%{margin-top:2%;opacity:1}}@-webkit-keyframes down-show{0%{margin-top:-1%;opacity:.1}100%{margin-top:2%;opacity:1}}@keyframes down-show{0%{margin-top:-1%;opacity:.1}100%{margin-top:2%;opacity:1}}.swiper-slide{text-align:center}.swiper-slide img{display:inline-block;width:80%}.swiper-pagination-bullet{background-color:#fff;border:1px solid #d65f4c}.swiper-pagination-bullet-active{background-color:#d65f4c}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 1.5rem}.swiper-button-prev{display:none;width:3rem;height:3rem;background:url(../img/icon-left-nor.png) center center no-repeat;background-size:cover}.swiper-button-next{display:none;width:3rem;height:3rem;background:url(../img/icon-right-nor.png) center center no-repeat;background-size:cover}