* {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #333;
}

@media screen and (min-width: 640px) {
    html {
        font-size: 64px !important;
    }
}

html, body{
    max-width: 640px;
    margin: 0 auto;
}

a{
    text-decoration: none;
    color: #666;
}

img{
    display: block;
}

ul, li {
    list-style-type: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.p-1 {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.p-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.p-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.p-6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}

.clear::after{
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    clear: both;
}

.wrapper{
    width: 93.75%;
    margin: 0 auto
}


.header{
    background-color: #2659a8;    
}

.header > *{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1.375rem;
}

.header .logo{
    width: 4.9531rem;
}

.header-r a{
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    background-size: 100% 100%;
}

.header-r a + a{
    margin-left: .4375rem;
}

.header-r a.icon-right{
    background-image: url(../images/m_right.png);
}

.header-r a.icon-menu{
    background-image: url(../images/m_menu.png);
}

.navbar{
    background-color: #759cdf;
}

.navbar ul{
    display: flex;
    height: 1.0156rem;
    justify-content: space-around;
    align-items: center;
}

.navbar a{
    font-size: .4063rem;
    color: #fff;
}


.main{
    padding: .4688rem 0;
}


.banner{
    height: 4.875rem;
    border-radius: .2344rem;
    overflow: hidden;
    margin-bottom: .3906rem;
}

.banner .swiper-slide{
    background-size: 100% 100%;
}

.search{
    display: flex;
    justify-content: space-between;
}

.search-box{
    flex: 2;
    position: relative;
    border: 1px solid #85c4f9;
    border-radius: .1563rem;
    margin-right: .25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.search-box .icon-click{
    display: block;
    width: .5156rem;
    height: .5156rem;
    background-image: url(../images/icon_click.png);
    background-size: 100% 100%;
    margin: 0 .1094rem;
}

.search-box input{
    border: none;
    flex: 2;
    height: 100%;
    outline: none;
    font-size: .2813rem;
}

.search-box input::placeholder{
    font-size: .2813rem;
    color: #6b6b6b;
}

.search-box .button{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.button{
    padding: 0 .2031rem;
    font-size: .3438rem;
    color: #fff;
    height: .75rem;
    line-height: .75rem;
    border-radius: .1563rem;
}

.btn-blue{
    background-color: #379df2;
}

.btn-orange{
    background-color: #fe8d65;
}

.categroy {
    margin: .4688rem auto;
}

.categroy ul {
    display: flex;
    justify-content: space-around;
}

.categroy li{
    text-align: center;
}

.categroy .cate-icon{
    display: block;
    width: 1.5313rem;
    height: 1.5313rem;
    background-size: 100% 100%;
    margin: 0 auto .2344rem;
}

.categroy p{
    font-size: .4063rem;
    color: #555;
}

.icon-kfal{
    background-image: url(../images/icon_kfal.png);
}

.icon-kyjs{
    background-image: url(../images/icon_kyjs.png);
}

.icon-gyyz{
    background-image: url(../images/icon_gyyz.png);
}

.icon-zxzx{
    background-image: url(../images/icon_zxzx.png);
}


.news{
    margin-bottom: .4219rem;
}

.news-tab{
    display: flex;
}

.news-tab-item{
    width: 50%;
    height: .9375rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #759cdf;
}

.news-tab-item.yyxw{
    background-image: url(../images/title_yyxw.png);
    background-size: 1.8594rem .625rem;
}

.news-tab-item.hzgz{
    background-image: url(../images/title_hzgz.png);
    background-size: 1.8438rem .4688rem;
}

.news-tab-item.active{
    background-color: #fe8d65;
}

.news-content{
    padding: .2344rem .375rem;
    background-color: #f3f3f3;
}

.news-content li a{
    font-size: .2813rem;
    color: #8d8c8c;
    line-height: 1.8em;
}

.news-content [data-item] {
    display: none;
}

.news-content [data-item].active{
    display: block;
}

.treatment-title{
    line-height: 1.25rem;
    background-color: #2659a8;
}

.treatment-title h3{
    color: #fff;
    text-align: center;
    font-size: .5625rem;
}

.treatment-cate{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.treatment-cate li {
    width: 25%;
    text-align: center;
    padding: .375rem 0;
}

.treatment-cate li .icon{
    display: block;
    width: 1.0625rem;
    height: 1.0625rem;
    background-size: 100% 100%;
    margin: 0 auto .2344rem;
}

.treatment-cate li p{
    font-size: .4063rem;
    color: #898989;
}

.icon-etdx{
    background-image: url(../images/icon_etdx.png);
}

.icon-qsndx{
    background-image: url(../images/icon_qsndx.png);
}

.icon-cnrdx{
    background-image: url(../images/icon_cnrdx.png);
}

.icon-nxdx{
    background-image: url(../images/icon_nxdx.png);
}

.icon-dxzz{
    background-image: url(../images/icon_dxzz.png);
}

.icon-dxby{
    background-image: url(../images/icon_dxby.png);
}

.icon-zlfy{
    background-image: url(../images/icon_zlfy.png);
}

.icon-ljgd{
    background-image: url(../images/icon_ljgd.png);
}

.section{
    margin-top: .4688rem;
}

.section-title > *{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
}

.section-title::after{
    content: '';
    display: block;
    width: 100%;
    height: .0781rem;
    background-color: #d2d2d2;
    margin: .1875rem auto .3125rem
}

.section-title h2{
    font-size: .5rem;
    color: #2659a8;
    font-weight: bold;
    position: relative;
    padding-left: .2344rem;
}

.section-title h2::before{
    content: '';
    display: block;
    width: .125rem;
    height: .5469rem;
    background-color: #2659a8;
    position: absolute;
    left: 0;
    top: .1rem;
}

.section-title a{
    font-size: .3438rem;
    color: #a7a7a7;
}


.doctor-item{
    display: flex;
    border-radius: .1563rem;
    overflow: hidden;
}

.doctor-info{
    width: 4.3438rem;
    background-color: #759cdf;
    padding: .3125rem
}

.doctor-info *{
    color: #fff
}

.doctor-name{
    display: flex;
    margin-bottom: .2344rem;
}

.doctor-name .name, .doctor-name .title{
    font-size: .3125rem;
}

.doctor-name .name{
    margin-right: .2344rem;
}

.doctor-desc{
    font-size: .2813rem;
    text-align: justify;
    line-height: 1.6em;
    margin-bottom: .2344rem;
}

.doctor-button{
    text-align: center;
}

.doctor-button a{
    display: inline-block;
    width: 1.5625rem;
    height: .5625rem;
    line-height: .5625rem;
    font-size: .25rem;
}

.doctor-button a + a{
    margin-left: .0781rem;
}

.doctor-button .btn-orange{
    background-color: #f55d2e;
}

.doctor-button .btn-blue{
    background-color: #4181dc;
}

.doctor-img{
    width: 5.0313rem;
}


.doctor-img img{
    width: 100%;
    height: 100%;
}

.doctor-pagination{
    position: static;
    margin-top: .2344rem;
}

.doctor-pagination .swiper-pagination-bullet{
    width: .2344rem;
    height: .2344rem;
    background-color: #9b9b9b;
    opacity: 1;
}

.doctor-pagination .swiper-pagination-bullet-active{
    background-color: #f55d2e;
}

.patient-title{
    position: relative;
}

.patient-title::before{
    content: '';
    display: block;
    width: 7.0625rem;
    height: .8438rem;
    background-image: url(../images/bg_title_back.png);
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.patient-title h3{
    font-size: .4063rem;
    text-align: center;
    background-image: url(../images/bg_title_front.png);
    color: #fff;
    background-size: 6.8125rem .8438rem;
    background-repeat: no-repeat;
    background-position: center center;
    height: .8438rem;
    line-height: .8438rem;
    position: relative;
    z-index: 999999;
}

.video-item{
    margin-top: -0.4688rem;
    border-radius: .375rem;
    overflow: hidden;
    margin-bottom: .3125rem;
}

.video-item video{
    width: 100%;
    position: relative;
}

.my_video-dimensions{
    width: 9.5313rem;
    height: 5.3594rem;
}

/*.video-js .vjs-big-play-button{*/
/*    display: block;*/
/*    border: none;*/
/*    width: 1.875rem;*/
/*    height: 1.875rem;*/
/*    background-image: url(../images/play.png);*/
/*    background-size: 100% 100%;*/
/*    background-color: transparent;*/
/*    margin-top: -.9375rem;*/
/*    margin-left: -0.9375rem;*/
/*}*/

.patientSwitch span{
    display: block;
    background-color: #f29b76;
    color: #fff;
    width: 2.9688rem;
    height: .6563rem;
    line-height: .6563rem;
    font-size: .2813rem;
    text-align: center;
    border-radius: .625rem;
}

.title-center h2{
    font-size: .4688rem;
    color: #2659a8;
    text-align: center;
    margin: .7813rem 0 .2344rem;
}

.treament-step-item{
    background-image: url(../images/bg_list.png);
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .25rem;
    padding: .1875rem 0;
}

.treament-step-item:last-child{
    margin-bottom: .7813rem;
}

.treament-step-item > *{
    flex: none;
}

.treament-step-no{
    width: .7813rem;
    color: #fff;
    font-size: .3438rem;
    text-align: center;
    position: relative;
}

.treament-step-no::before, .treament-step-no::after{
    content: '';
    display: block;
    width: .0781rem;
    height: .0781rem;
    background-color: #fff;
    border-radius: .0781rem;
    margin: .0938rem auto
}

.treament-step-desc{
    width: 4.8906rem;
    margin-left: .4688rem;
    margin-right: .2344rem;
}

.treament-step-desc h4{
    font-size: .375rem;
    color: #759cdf;
    margin-bottom: .0938rem;
}

.treament-step-desc p{
    font-size: .25rem;
    text-align: justify;
}

.treament-step-img{
    border-top-right-radius: .2344rem;
    border-bottom-right-radius: .2344rem;
    overflow: hidden;
    width: 3rem;
    height: 2rem;
}

.about{
    display: flex;
    justify-content: space-between;
}

.about > *{
    flex: none;
}

.about img{
    width: 100%;
}

.about *{
    position: relative;
}

.about .title{
    display: block;
    background-color: rgba(117, 156, 223, .9);
    color: #fff;
    font-size: .3125rem;
    text-align: center;
    width: 100%;
    line-height: .7813rem;
    position: absolute;
    left: 0;
    bottom: 0;
}

.about-left{
    width: 4.0313rem;
}

.about-right{
    width: 5.1563rem;
}

.about-left-top{
    margin-bottom: .1875rem;
}

.about-left-top .title{
    bottom: auto;
    top: 0;
}

.footer{
    text-align: center;
    padding: 0 0 .9375rem
}

.footer p{
    font-size: .2813rem;
    line-height: 1.6em;
}

.footer-link{
    background-color: #2659a8;
    margin-bottom: .2344rem;
}

.footer-link li{
    display: inline-block;
    line-height: .7813rem;
    padding: 0 .4688rem;
    position: relative;
}

.footer-link li::after{
    content: '';
    display: block;
    width: .0313rem;
    height: .2188rem;
    background-color: #fff;
    position: absolute;
    right: 0; top: 50%;
    margin-top: -0.1094rem;
}

.footer-link li:last-child:after {
    display: none;
}

.footer-link a{
    color: #fff;
    font-size: .2813rem;
}