@charset "UTF-8";

body {
    margin: 0 auto;
    max-width: 750px;
    background: #f8f9f9;
    margin-bottom: 1.75rem !important;
}

/*移动端内容页尾部样式*/

.art-cont blockquote {
	background: rgba(0,124,255,.05);
    border-left: 2px solid #007cff;
    color: #7f7f7f;
    font-size: 15px;
    font-weight: 400;
    line-height: 27px;
    margin: 20px 0;
    padding: 20px 20px 20px 18px;
    word-break: break-all;
}

/*header*/
.head{
    height: 1.6rem;
}
.logo {
    width: 2.86667rem;
    height: 1.03333rem;
    background: url(../images/logo.png) no-repeat;
    background-size: 100% 100%;
}
.i-nav{
    font-size:.7rem!important;
}
.search{
    height: .8rem;
    line-height: .8rem;
    background: #f4f4f4;
    border-radius: .4rem;
    width:5rem;
    padding: 0 .26667rem;
}
.search form{
    height: 100%;
}
.search input[type=text]{
    background: transparent;
    width: 100%;
    height: 100%;
    font-size: .32rem;
    color: #282828;
}
.sea-tag{
    width: 3.4rem;
    margin-left: .4rem;
}
.sea-tag a{
    font-size:.3rem;
    color:#999999;
    padding-right: .1rem;
}

/*banner*/
.banner{
    position: relative;
    background: url(../images/bg.jpg) top left no-repeat;
    background-size: 100% auto;
    padding: .32rem 0 0;
    overflow: hidden;
}
.swiper-pagination-bullet{
    --swiper-theme-color:#0e89d1!important;
}

/*导航*/
.quick{
    width: 32%;
    height: 2.4rem;
}
.q-wlc{
    background: url(../images/q-wlc.png) 100%/100% no-repeat;
}
.q-gfy{
    background: url(../images/q-gfy.png) 100%/100% no-repeat;
}
.q-wys{
    background: url(../images/q-wys.png) 100%/100% no-repeat;
}
.nav a{
    width: 25%;
    height: 2.4rem;
}
.nav span{
    font-size:.4rem
}
.nav .icon{
    padding: .3rem;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    font-size:.8rem;
    text-align: center;
}
.nav .icon.i-yswd{
    color:#1b84c1;
    background: #dcf2ff;
}
.nav .icon.i-sgbk{
    color:#FAB060;
    background: #FFFCF2;
}
.nav .icon.i-shipin,.nav .icon.i-sgjg{
    color:#A98DE2;
    background: #F8F5FE;
}
.nav .icon.i-sgzx{
    color:#4AC6A3;
    background: #effdf9;
}

/*海外*/
.region-scroll{
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.region-scroll::-webkit-scrollbar {
    display:none;
}
.region span{
    font-size:.36rem;
    background: #f8f9f9;
    padding-top:.05rem;
    margin-right:.1rem;
}
.region .cur{
    color:#ffffff;
    background: #0e89d1;
}
.like a{
    font-size:.36rem;
    line-height: .8rem;
    padding: 0 .1rem;
}
.like2 a{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
    color:#989898;
    line-height: .8rem;
    white-space: unset;
}

/*问答*/
.column{
    font-size:.32rem;
}
.title{
    font-size:.41rem;
}
.title em{
    color:#f73131;
    font-style: normal;
}
.desc{
    font-size:.35rem;
    color:#666;
}
.qa-item{
    box-shadow: 0 2px 8px 1px hsl(0deg 0% 94% / 88%);
    /*box-shadow: h-shadow v-shadow blur spread color inset;*/
    margin-bottom: 20px;
    border-radius: 10px;
}
.qa-item>div.flex{
    height: .8rem;
    line-height: .8rem;
}
.qa-item .i-tw{
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    width: .8rem;
    text-align: center;
    background: #0e89d1;
    color:#fff;
    height: 100%;
    border-top:1px solid #0e89d1;
    border-bottom:1px solid #0e89d1;
}
.qa-item .i-hd{
    width: .8rem;
    text-align: center;
}
.qa-item .title{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 100%;
    height: 100%;
    padding-left: .2rem;
    border-top:1px solid #0e89d1;
    border-bottom:1px solid #0e89d1;
    border-right: 1px solid #0e89d1;
    background: rgba(0,124,255,.05);
}
.qa-item .desc{
    /*padding-left: .2rem;*/
}
.i-tw{
    font-weight: 500;
    font-size:.41rem!important;
}
.i-hd{
    color: #FEAD1D;
    font-size:.49rem!important;
    line-height: .6rem;
}

/*百科*/
.bk-left,.bk-right{
    width: 49%;
}
a[class^="bk-item"]{
    margin-bottom: .1rem;
}
.bk-item1,.bk-item4,.bk-item7{
    width: 100%;
    padding: .3rem .4rem .3rem .2rem;
}
.bk-item2,.bk-item3,.bk-item5,.bk-item6{
    width: 49%;
    padding: .3rem .6rem .8rem .2rem;
}
.bk-item1{
    background:#FFF4F4 url(../images/bk-item1.png) 100%/100% no-repeat;
}
.bk-item2{
    background:#FFF7EB url(../images/bk-item2.png) 100%/100% no-repeat;
}
.bk-item3{
    background:#EDF2FE url(../images/bk-item3.png) 100%/100% no-repeat;
}
.bk-item4{
    background:#FFF4F4 url(../images/bk-item4.png) 100%/100% no-repeat;
}
.bk-item5{
    background:#FAF4FF url(../images/bk-item5.png) 100%/100% no-repeat;
}
.bk-item6{
    background:#EDF2FE url(../images/bk-item6.png) 100%/100% no-repeat;
}
.bk-item7{
    background:#FFF7EB url(../images/bk-item7.png) 100%/100% no-repeat;
}

/*百科列表*/
.sgColumn{
    height: 4rem;
}
.sgColumn a{
    margin-bottom: .1rem;
}
.sgColumn span{
    position: absolute;
    top: .3rem;
    left: .3rem;
    z-index: 2;
}
.sgColumn img{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.sgBg{
    width: 30%;
}
.sgBg span{    
    color:#fff;
    box-shadow: inset 0 -0.2em rgb(255,255,255,.5); 
}
.byBg span{
    box-shadow: inset 0 -0.2em rgb(83,194,212,.5); 
}
.hyBg span{
    box-shadow: inset 0 -0.2em rgb(238,147,154,.5); 
}
.bybyBg span{
    box-shadow: inset 0 -0.2em rgb(251,203,140,.5); 
}
.wtBg span{
    box-shadow: inset 0 -0.2em rgb(143,173,244,.5); 
}
.sgColumn div{
    width: 68%;
}

.bk-grid{
    height: 2.3rem;
    color:#fff
}
.bk-grid div{
    position: absolute;
    top: .3rem;
    left: .3rem;
    z-index: 2;
}
.bk-grid img{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
/*小banner*/
.baList{
    height: 3rem;
}
.baList img{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.baList .baList-text{
    position: absolute;
    left: .6rem;
    top: .6rem;
    z-index: 2;
    color: #fff;
}
.baList .baList-text .e3{
    padding-right: 3rem;
}

/*百科内容*/
.bk-h2{
    line-height: .8rem;
}
.bk-h2 span{
    background:url(../images/bk-h2.png) no-repeat;
    background-size: 100% 100%;
    font-size:.36rem;
    color:#ffffff;
    padding: .16rem .2rem .16rem .5rem;
}


/*机构*/
.mech-t a{
    height: 3rem;
}
.mech-t p{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-left: .1rem;
    padding-right: .1rem;
    text-align: center;
}
.mech-b a{
    height: 4rem;
}

/*机构列表*/
.company-title,.company-screen{
    line-height: 1rem;
}

.company-list a{
    display: block;
}

.company-title .cur{
    color:#0e89d1;
    position: relative;
}
.company-title .cur::after{    
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #0e89d1;
    width: 100%;
    height: .08rem;
}

.company-screen .cur{
    color:#0e89d1;
}
.company-list .fwWp .plr2{
    font-size:.32rem;
    margin-right: .22rem;
}

/*流程*/
.step-item{
    width: 100%;
    overflow: hidden;
}
.step-item .swiper-slide{
    width:2rem;
    height: 2.4rem;
    margin-right: .2rem;
    line-height: 1;
    box-shadow: 0 0 8px 0 rgb(200 200 200 / 60%);
}
.step-item .step-n{
    position: absolute;
    left: 0;
    top: 0;
    font-size:.3rem;
    padding:0 .1rem;
    border-top-left-radius: 5px;
}
.step-item .step-iconbg{
    width:1rem;
    height: 1rem;
    border-radius: 50%;
}
.step-item .swiper-slide:first-child .step-iconbg{
    background: #eaf7ff;
    color: #34a1ff;
}
.step-item .swiper-slide:nth-child(2) .step-iconbg{
    background: #fff3ea;
    color: #ff6f00;
}
.step-item .swiper-slide:nth-child(3) .step-iconbg{
    background: #ffeaed;
    color: #ff314e;
}
.step-item .swiper-slide:nth-child(4) .step-iconbg{
    background: #fff1f9;
    color: #ff49a5;
}
.step-item .swiper-slide:nth-child(5) .step-iconbg{
    background: #fbf0fd;
    color: #d655ec;
}
.step-item .swiper-slide:last-child .step-iconbg{
    background: #fff3ea;
    color: #ff6c26;
}
.step-item .icon {
    position: absolute;
    bottom: 0;
    left: .14rem;
    font-size:.7rem;
}
/*资讯*/
.news .new-item{
    width: 100%;
    border-bottom: 1px dashed #E5E5E4;
}
.news>a:last-child>.new-item{
    border-bottom: none;
    padding-bottom: 0;
}
.news .new-img{
    width: 4.4rem;
    height: 2.2rem;
    position: relative;
}
.news-play{
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: .1rem;
    right: .1rem;
    border-radius: 5px;
    color: #ffffff;
    font-size:.32rem;
    padding: .02rem .11rem;
}
.news-play .icon{
    font-size:.32rem;
    padding-right: 1px;
}
.news .bk-img{
    width: 5.4rem;
    height: 2.6rem;
    position: relative;
}
.news .i-ask-tw{
    color: #FEAD1D;
    margin-right: .1rem;
    font-size: .41rem;
}


/*搜索*/
.seItem .bk-img {
    width: 5.6rem;
    height: 2rem;
    position: relative;
}
.seItem .w100{
    height: 2.1rem;
    line-height:.7rem;
}
.seCrumbs a::after{
    content: ">";
    padding-left: 0.1rem;
}
/*footer*/
.foot a{
    font-size:.33rem;
    font-weight: 500;
    color: #666666;
}
.ba-img{
    width: .4rem;
    height: .4rem;
}


/*遮罩层*/
#navLayer{    
    padding-bottom: 105px;
    top: 1.6rem;
}
.companyLayer{
    top: 0!important;
}
.sgLayer{
    position: fixed;
    background: #fff;
    left: 0;
    right: 0;
    display: none;
    z-index: 1000;
    height: 100%;
    margin-top: 0;
    overflow: auto;
}
.sg_Layer{
    position: fixed;
    background: #fff;
    left: 0;
    right: 0;
    display: none;
    z-index: 1000;
    height: 100%;
    margin-top: 0;
    overflow: auto;
}
.sgLayer{
    position: fixed;
    background: #fff;
    left: 0;
    right: 0;
    display: none;
    z-index: 1000;
    height: 100%;
    margin-top: 0;
    overflow: auto;
}
.menu-bar {
    height: 1.6rem;
    background-color: #fff;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 101;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    border-bottom: 1px solid #f0f0f0;
}
.i-location{
    color:#0e89d1;
    font-weight: bold;
}
.i-close,.i-close2,.i-location{
    font-size: .53rem!important;
}
.logo-menu{
    width: 2rem;
    height: auto;
}
.menu-cont{    
    border-bottom: 1px solid #f0f0f0;
}
.menu-cont .cur{
    font-size:.43rem;
    color:#0e89d1;
}
.menu-item a{
    width: 33%;
    font-size:.36rem;
    padding-bottom: .3rem;
    color: #666;
}
.menu-item a .i-hot{
    color: #ff0000;
    font-size: .38rem;
}
/*.menu-item a:nth-child(3n-1){*/
/*    text-align: center;*/
/*}*/
/*.menu-item a:nth-child(3n){*/
/*    text-align: right;*/
/*}*/
.menu-a{    
    border-bottom: 1px solid #f0f0f0;
}
.menu-a a{
    width: 20%;
    font-size: .4rem;
}

/*地区遮罩层*/
.companyLayer .tab {
    font-size: .43rem;
    line-height: 1rem;    
    height: calc(100% - 1.2rem);
}
.companyLayer .tabnav {
    width: 30%;
    height: 100%;
    background: #f5f7fa;
    overflow: hidden;
    overflow-y: scroll;
}
.companyLayer .tabnav span{
    display: block;
    padding-left:.6rem;
}
.companyLayer .tabnav span.current {
    background: #fff;
    border-left: #0e89d1 .1rem solid;
    padding-left: .5rem;
}
.companyLayer .tabcontent {
    width: 70%;
    height: 100%;
}
.companyLayer .tabsingle {
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
}
.companyLayer .tabsingle {
    display: none;
}
.companyLayer .tabsingle a {
    display: block;
    float: left;
    width: 2.1rem;
    margin-left: .6rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tab .tabsingle:first-child{
    display: block;
}

/*机构内页*/
.information label{
    width: 2.9rem;
    color:#999;
}
.comSwiper .swiper-slide{
    max-height: 5rem;
   border-radius: 5px;
   overflow: hidden;
}
.comSwiper img{
    border-radius: 5px;
}
.comSwiper .swiper-pagination{
    position: absolute;
    bottom: .29333rem;
    left: .29333rem;
    height: .53333rem;
    background: rgba(0,0,0,.5);
    border-radius: .26667rem;
    padding: 0 0.24rem;
    font-size: .32rem;
    font-weight: 400;
    line-height: .53333rem;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 1rem;
}


/*list*/
.tag-item{
    padding-bottom: 0;
    background: rgba(0,124,255,.05);
}
.tag-item a{
    margin-bottom: .2rem;
    line-height: .64rem;
    height: .64rem;
}
.tag-like{
    font-size:.37rem;
    line-height: .66rem;
}
.tag-like span{
    /*width: 4rem;*/
    font-weight: 700;
}
.inst-tag{
    max-height: 2.06rem;
}
.inst-tag a{
    max-width: 31%;
    margin-right: .2rem;
}
.inst-list .title{
    max-width:90%;
}
.inst-list .title::before{
    content: "";
    width: .18rem;
    height: .18rem;
    border-radius: 50%;
    background: #0e89d1;
    position: absolute;
    left: 0;
    top: .22rem;
}
.inst-list a:nth-child(n+7) {
    display: none;
}
.inst-mech a {
    height: 3rem;
}
.inst-count{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.inst-count div{
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    color:#fff;
}
.inst-count div::before{
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    background: #ffffff;
}
.inst-count .inst-mech-join{
    margin: .26rem .5rem;
    font-size:.32rem
}
.inst-count .h4{
    line-height:.4rem
}
.newsTab a{
    height: .8rem;
    line-height: .8rem;
    font-size:.35rem;
    background: #f7f7f7;
    margin-right: .2rem;
}
.newsTab a.cur{
    background: #F68;
    color:#ffffff;    
}

.country-other{
    margin-right: .08rem;
    color: #999;
    line-height: 1.3;
}
.country .scroll-container {
    position: relative;
    margin-right: 0;
    margin-left: 0;
    overflow: hidden;
}
.country .swiper-wrapper li.swiper-slide {
    width: auto;
    display: flex;
    align-items: center;
}
.country .swiper-wrapper li.active a{
    background: #0e89d1;
    color: #fff;
}
.country .swiper-wrapper li {
    display: inline-block;
    margin-left:.3rem;
    vertical-align: top;
    font-size: .35rem;
}
/*page*/
.moreBtn{
    display: none;
    width: 100%;
    text-align: center;
    font-size:.4rem;
    line-height: 1rem;
    background: #FFFFFF;
    color:#0e89d1
}
.moreBtn .i-zk{
    padding-left: .2rem;
    font-size:.34rem
}
.page a{
    font-size:.34rem;
    border: 1px solid #a5a3a3;
    border-radius: 5px;
    padding:.03rem .2rem;
    text-align: center;
    margin-right: .2rem;
}
.page a.cur{
    color: #FFFfff;
    background: #0e89d1;
    border: 1px solid #0e89d1;
}

.crumbs{
    height: 1rem;
    line-height: 1rem;
}
.crumbs a,.crumbs span{
    padding-right: .1rem;
    font-size:.35rem
}
.crumbs a::after{
    content: ">";
    padding-left: .1rem;
}

/*海外机构*/
.inst-item a{
    font-size:.4rem;
    line-height: .8;
    
}
.inst-item a:nth-child(n+4){
    margin-bottom: 0;
}
.inst-item img{
    width: 1rem;
    height: auto;
    margin: 0 auto;
}
.inst-grid{
    height: 1.9rem;
    color:#fff;
}
.inst-grid div{
    position: absolute;
    top: .3rem;
    right: .5rem;
    z-index: 2;
}
.inst-grid img{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.inst-grid:first-child .title{
    color:#FF5E5E;
    font-weight: 800;
}
.inst-grid:last-child .title{
    color:#BE69F7;
    font-weight: 800;
}
.inst-grid:nth-last-child(2) .title{
    color:#62ABFF;
    font-weight: 800;
}

/*精选机构*/
.secHosp-swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.secHosp-swiper a{
    display: block;
    width: 2.83rem;
    height: 2.78rem;
}
.secHosp-img{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
}
.secHosp-img img{    
    width: 1.28rem;
    height: 1.28rem;
}
.secHosp-bg{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.14rem;
    border-radius: 0.15rem;
    padding-top: .8rem;
}
.secHosp-swiper .swiper-slide:nth-child(1n) .secHosp-bg {
    background: #FFEBF5;
}

.secHosp-swiper .swiper-slide:nth-child(2n) .secHosp-bg {
    background: #E3FDFF;
}

.secHosp-swiper .swiper-slide:nth-child(3n) .secHosp-bg {
    background: #E5FFF2;
}

.secHosp-swiper .swiper-slide:nth-child(4n) .secHosp-bg {
    background: #FFFDED;
}

/*aritcle*/
.art-h1{
    font-size:.5rem;
    color: #000000;
    line-height: .82rem;
}
.art-img{
    width: 2.56rem;
    height: 1.97rem;
}
.art-cont,.ask-cont{
    font-size: .43rem;
    color: #262626;
    max-width: 100%;
}
.art-cont p,.ask-cont,.ask-cont p{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.8;
    /* padding-top: .3rem; */
    padding-bottom: .3rem; 
    font-size: .41rem;
    word-break: break-all;
    color: #262626;
}
.art-cont p strong{
    font-size: .41rem;
    line-height: 1.5;
}
.art-cont a{
    color: #0e89d1;
}
.art-cont p img {
    max-width: 100%;
    border-radius: 5px;
    height: auto !important;
    /*-webkit-filter: blur(5px);*/
}
.art-cont h2{
    color: #262626;
    font-size: .45rem;
    font-weight: 700;
    line-height: .74rem;
    margin: 0.3rem 0;
    overflow: hidden;
    padding-left: 0.3rem;
    position: relative;
    word-break: break-all;
}
.art-cont h2::before{
    background: #0e89d1;
    border-radius: 0.08rem;
    content: "";
    height: 0.52rem;
    left: 0;
    position: absolute;
    top: 0.08rem;
    width: 0.16rem;
}
.art-cont h2 i{
    display: inline-block;
    width: .5rem;
    height: .5rem;
    background: #0e89d1;
    color:#fff;
    text-align: center;
    border-radius: 50%;
    line-height: .5rem;
    font-size: .3rem;
}
.art-cont h3{
    font-size:.43rem;
    margin-bottom: .3rem;
}
.art-cont h5{
    border: 2px dashed #3ac1d8;
	background-color: #f6f9fa;
	font-weight: normal;
	padding: 15px 15px 15px 15px;
	text-align: justify;
	margin: 15px 0;
	color: #333333;
	font-size: 16px;
	line-height: 25px;
}
/*百科*/
.art-desc p{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.6;
    /* padding-top: .3rem; */
    padding-bottom: .3rem; 
    font-size: .35rem;
    color: #989898;
}

/*文章-提示*/
.art-cont h6{
    background: rgba(0,124,255,.05);
    border-radius: .1rem;
    color: #262626;
    font-size: .37rem;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 0.53rem;
    padding: 1rem 0.3rem 0.3rem;
    position: relative;
}
.art-cont h6:after {
    color: #0e89d1;
    content: "Tips：";
    font-size: .45rem;
    font-weight: 700;
    left: 0.3rem;
    position: absolute;
    top: 0.2rem;
}

/*文章-有序、无序列表*/
.art-cont ol,.art-cont ul{
    padding-left: .8rem;
}
.art-cont ol li,.art-cont ul li{
    color: #7f7f7f;
    word-break: break-all;
    margin-bottom: .3rem;
    font-size:.4rem;
}
.art-cont ul li{
    list-style:disc;
}

/*文章-对比表格*/
.shoufei{
    width: auto;
    height: auto;
    /* overflow: hidden; */
    margin: 20px 0;
    border-top: #ddd 1px solid;
    border-left: #ddd 1px solid;
}
.art-cont table {
    max-width: 100%;
    /*width: calc(100vw);*/
}
.art-cont table .title_one td {
    font-size: .325rem;
    color: #333;
    background: #fce3e6;
    border: #f29c9f 1px solid;
    text-align: center;
    vertical-align: middle;
    padding: 5px 10px;
}
.shoufei table tr td {
    border: #ddd 1px solid;
    border-left: none;
    border-top: none;
}
.shoufei table tr td {
    height: 30px;
    line-height: 1.5;
    text-align: left;
    padding: 5px 10px;
    width: auto;
    font-size: .325rem;
    color: #888;
    vertical-align: middle;
}

/*文章-聊天记录*/
.dialogueuser {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-bottom: .53333rem;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.dialogueusermsg {
    font-size: .36rem;
    line-height: .72rem;
    padding: .3rem .5rem;
    background: #FFF5F9;
    border-radius: 5px;
    max-width: 70%;
    word-break: break-all;
}
.dialogueuserinfo {
    margin-left: .5rem;
}
.dialogueuseravatar {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    margin: 0 auto;
}
.dialogueusername {
    margin-top: .1rem;
    font-size: .3rem;
    color: #7f7f7f;
    line-height: .5rem;
    text-align: center;
}

/*文章-个人资料*/
.art-user{
    background: #fff;
    border: 1px solid #dddddd;
}
.artUser-title{
    padding-left: .44rem;
    font-size:.43rem;
    padding-top: .1rem;
    position: relative;
}
.artUser-title:before {
    content: ' ';
    display: block;
    width: .3rem;
    height: .8rem;
    background: #0e89d1;
    position: absolute;
    top: -.2rem;
    left: 0;
}
.artUser-info {
    padding: 0 20px 20px;
    margin: 10px 0;
}
.artUser-bg{
    overflow: hidden;
    background: url(../images/artuser-bg.png);
    font-size: .3rem;
}
.artUser-info dl{
    width: 100%;
}
.artUser-info dt,.artUser-info dd{
    line-height: 26px;
    display: block;
    padding: 0;
    margin: 0;
    float: left;
}
.artUser-info .name {
    width: 25%;
    padding: 0 5px 0 12px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    color: #999;
}
.artUser-info .value {
    zoom: 1;
    color: #333;
    width: 65%;
    float: left;
    position: relative;
}
.art-noimage{
    width: 100%;
    height: 100%;
    background: rgba(0, 124, 255, .05);
    text-align: center;
    font-size: .32rem;
    border-radius: 5px;
    padding: .32rem;
    color: #999;
}
.sowd-bg{
    border-radius: 0.2rem;
    box-shadow: 0 0 0.13rem rgba(0,0,0,.1);
    margin: 0 auto 0.85rem;
    }
.sowd-hot{
    background: #f7f7f7;
    border-radius: .21rem;
    height: 1.06rem;
    margin-top: .42rem;
    padding: 0 .26rem;
}
.sowd-hot .sowd-hot-icon{
    margin-right: .2rem;
    width: .42rem;
}
.sowd-hot .sowd-hot-icon .i-hot{
    color: #ef4566;
    font-size:.5rem;
}
.sowd-hot .sowd-swiper{
    font-weight: 400;
    height: 0.46rem;
    line-height: .46rem;
    width: 100%;
    overflow: hidden;
}
.sowd-hot .sowd-hot-item{
    color: #333;
    font-size: .34rem;
    font-weight: 400;
    height: 0.45rem;
    line-height: .46rem;
}

/*问题*/
.ask-title{
    font-size:.37rem;
    line-height: .72rem;
    font-weight: 400;
}
.ask-cont-sup{
    font-size:.37rem;
    line-height: .62rem;
    color: #666;
    font-weight: 400;
}
.sowd-tips .i-search{
    font-size: .32rem;
    padding-right:.1rem
}
.i-zjhd{
    color:rgb(254,223,95);
    padding-left: .2rem;
    font-size:.43rem!important;
}
.ask-userbg{
    width: 1rem;
    height: 1rem;
    position: relative;
}
.ask-userbg img{
    border-radius: 50%;
}
.ask-userbg .verified-icon{
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: .43rem;
    height: .43rem;
    background-image: url(../images/authentication.png);
}
.ask-docState{
    font-size:.32rem;
    padding:.02rem 0;
}
.ask-usrName span.zx{
    color:rgb(8,217,105);
    font-size: .32rem;
}
.ask-usrName .lx{
    color:rgb(173,173,173);
    font-size: .32rem;
}
.chat-userbg{
    width: 1rem;
    height: 1rem;
}
.answerBtn{
    width: 1rem;
    height:.5rem;
    line-height: .52rem;
    font-size:.3rem
}
.ask-usrName{
    font-size:.35rem;
    /*line-height: .35rem;*/
}
.reply .i-dz{
    font-size:.35rem!important;
    color:#999999;
}
.reply.cur .i-dz,.reply.cur span{
    color:#0e89d1;
}
.reply span{
    font-size:.35rem!important;
    color:#999999;
}

/*一问一答*/
.chat{
    font-size:.4rem
}
.ask-doctor .askDoctor-na a{color:#26cacc;display:inline-block}
.ask-doctor .line2{padding-top:0}
.askDoctor-l,.askDoctor-r{width: 90%;}
.askDoctor-l img,.askDoctor-r img{margin-top:0!important}
.askDoctor-r a,.askDoctor-l a{color:#333!important}
.askDoctor-Rbg{box-sizing: border-box;background:#99eb6b;border-radius: 8px;border-top-right-radius: 0;padding:.2rem .4rem;max-width: calc(90% - .4rem);margin-right:.2rem}
.askDoctor-Lbg{background:#efefef;box-sizing: border-box;border-radius: 8px;border-top-left-radius: 0;padding:.2rem .4rem;max-width: calc(90% - .4rem);margin-left:.2rem}

/*tag标签*/
.tag-swiper .swiper-slide{
    width: auto;
    background: #eef6ff;
    border-radius: .1rem;
    padding:.06rem .2rem;
    font-size: .32rem;
    margin-right:.1rem;
    color: #0e89d1;
}
.tags-num{
    font-size:.4rem;
}
.tags-item{
    width: 50%;
    font-size:.37rem;
}

/*警告*/
.warning{
    background: rgba(255,145,25,.1);
    padding: .3rem;
    color: #999999;
    font-size:.3rem;
}
.warning .icon{
    padding-right: .1rem;
    font-size:.33rem!important;
}

/*展开更多*/
.relevant a:nth-child(n+7) {
    display: none;
}
.relevant .new-item:nth-child(n+7){
    display: none;
}

/*底部悬浮*/
.foot-fixed{
    width: 100%;
    position: fixed;
    bottom: 0;
    height: 1.8rem;
    z-index: 9;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 750px;
    background: -webkit-linear-gradient(top,#63abd5,#0e89d1);
    background: linear-gradient(180deg, #63abd5, #0e89d1);
}
.foot-fixed a.flex{
    color: #ffffff;
    position: relative;
}
.foot-fixed .icon{
    font-size:.6rem!important;
}
.foot-fixed .i-bzxw,.foot-fixed .i-bddh{
    /*-webkit-animation-name: scaleDraw;*/
    /*-webkit-animation-timing-function: ease-in-out;*/
    /*-webkit-animation-iteration-count: infinite;*/
    /*-webkit-animation-duration: 4s;*/
}
.foot-fixed  span{
    font-size:.37rem;
}
/*.foot-fixed .kfBtn:first-child::after{*/
/*    content: "";*/
/*    width: .01rem;*/
/*    background: #fff;*/
/*    height: .33rem;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 0;*/
/*}*/
.foot-fixed-line{
    background: #cbcbcb;
    width: .01rem;
    height: 1rem;
    margin:0 .56rem;
}
.groupBtn {
    width: 4.82rem;
    height: 1rem;
    background: #ffffff;
    border-radius: 1rem;
    font-size: .4rem;
    line-height: 1rem;
    color: #FF6F00;
    margin-left: auto;
    font-weight: 700;
    text-align: center;
    position: relative;
}
.groupBtn img{
    width: .68rem;
    height: .68rem;
    position: absolute;
    bottom: -.36rem;
    right: -.05rem;
    color: #333;
    font-size: .45rem!important;
    transform: rotate(351deg);
    object-fit: contain;
    /*-webkit-animation: move 1.6s infinite;*/
    /*animation: move 1.6s infinite;*/
    /*-webkit-animation-delay: 0s;*/
    /*animation-delay: 0s;*/
    /*-webkit-animation-timing-function: linear;*/
    /*animation-timing-function: linear;*/
}
.foot-link,.foot-link a{
    color:#666;
    font-size:.3rem;
}
@keyframes scaleDraw{
    0% {transform:scale(1);}
    25% {transform:scale(1.16);}
    50% {transform:scale(1);}
    75%{transform:scale(1.16);}
}
@keyframes scaleDraw{
    0% {-webkit-transform:scale(1);}
    25% {-webkit-transform:scale(1.16);}
    50% {-webkit-transform:scale(1);}
    75%{-webkit-transform:scale(1.16);}
}

@-webkit-keyframes move {
    0% {transform:rotate(351deg)  translateX(0);}
    50% {transform:rotate(351deg) translate(0,-.15rem);}
    100% {transform:rotate(351deg) translate(0);}
}

@keyframes move {
    0% {transform:rotate(351deg)  translateX(0);}
    50% {transform:rotate(351deg) translate(0,-.15rem);}
    100% {transform:rotate(351deg) translate(0);}
}
/*侧滑*/
.i-back{
    font-size:.56rem!important;
    font-weight: bold;
}
.sideslip{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1009;
    width: 100vw;
    height: 100vh;
    background: url(../images/sideslip.png) center / cover no-repeat;
    transition: transform .3s;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}
.sideslip-cont {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.sideslip-top {
    height: 1.06667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.sideslip-back {
    position: absolute;
    width: 1.06667rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.sideslip-title {
    width: 100%;
    font-size: .48rem;
    font-weight: 700;
    color: #333;
    padding: 0 1.33333rem;
    text-align: center;
    line-height:1;
}
.sideslip-main {
    width: 7.33333rem;
    background: #fff;
    border-radius: 0.42667rem;
    padding: 0.61333rem 0.42667rem;
}
.sideslip-name {
    font-size: .6rem;
    font-weight: 700;
    color: #333;
    text-align: center;
    line-height: .8rem;
}
.sideslip-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 0.26667rem;
    margin-bottom: 0.53333rem;
}
.sideslip-groupNo {
    font-size: .37333rem;
    font-weight: 400;
    color: #999;
}
.sideslip-copy {
    margin-left: 0.26667rem;
    font-size: .32rem;
    font-weight: 400;
    color: #0ab99d;
    background: transparent;
    border: none;
    outline: none;
}
.sideslip-groupCode {
    width: 5.89333rem;
    height: 5.89333rem;
    margin: 0 auto;
    background: url(../images/groupcode.png) center / cover no-repeat;
}
.sideslip-addgroup {
    margin-top: 0.53333rem;
    font-size: .37333rem;
    font-weight: 400;
    color: #999;
    text-align: center;
}
.sideslip-copywx {
    margin-top: 1rem;
    width: 100%;
    height: 1.2rem;
    background: #0ab99d;
    border-radius: 0.16rem;
    font-size: .42667rem;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: none;
    outline: none;
}
/*顶部悬浮*/
/*框架*/
.qyzxIframe{
    width: 100%;
    height: 2.025rem;
    position: relative;
}
.qyzxIframea{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.qyzxIframe .T23-iframe{
    width:100%;
    height: 100%;
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.top-fixed{
    /*position: fixed;*/
    /*top: -1.6rem;*/
    /*left: 0;*/
    /*right: 0;*/
    /*z-index: 2;*/
    /*max-width: 750px;*/
    /*margin: 0 auto;*/
    /*display: none;*/
    /*transition: all .28s linear;*/
    /*-moz-transition: all .28s linear;*/
    /*-webkit-transition: all .28s linear;*/
    /*-o-transition: all .28s linear;*/
    /*background: rgba(0,0,0,.7);*/
    height: 2.025rem;
    left: 0;
    position: -webkit-sticky;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 100;
}
.top-fixed-cont{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    /*background: rgba(255, 255, 255, 0.96);*/
    /*box-shadow: 0 10px 30px 0 rgb(0 0 0 / 15%);*/
    /*border-radius: .16rem;*/
}
.top-fixed-cont .top-fixed-title{
    background-color: rgb(255 111 0);
    border-radius: .252rem;
    color: #FFFFFF;
    font-size: .32rem;
    height: .88rem;
    line-height: .35rem;
    text-align: center;
    width: .95rem;
}
.top-fixed-cont .top-fixed-text{
    font-size:.35rem;
    padding: 0 .46rem;
    text-align: left;
    line-height: .45rem;
}
.top-fixed .swiper-btn{
    width: 1.3rem;
    height: .62rem;
    background-color: rgb(230,50,46);
    border-radius: 1rem;
    font-size: .32rem;
    line-height: .62rem;
    color: #ffffff;
    text-align: center;
}
.top-fixed .top-fixed-close{
    /*border:1px solid #cccccc;*/
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 50%;
    width: .55rem;
    height: .55rem;
    text-align: center;
    line-height: .55rem;
}
.top-fixed .top-fixed-close i{
    color: #cccccc;
    font-size: .375rem!important;
    /*font-weight: 700;*/
}
.top-fixed-swiper {
    overflow: hidden;
    height: 100%;
}
.top-fixed-swiper .swiper-slide {
    text-align: center;
    /*background: #fff;*/
    display: flex;
    align-items: center;
    color: #ffffff;
    height: 100%;
}
.top-fixed-swiper .swiper-pagination{
    left: 50%;
    transform: translateX(-50%)
}
.top-fixed-swiper .swiper-pagination-bullet{
    width: .11rem!important;
    height: .11rem!important;
    /*border-radius: 0!important;*/
    margin: 0 .07rem!important;
    background-color: #ebedf0!important;
}
.top-fixed-swiper .swiper-pagination-bullet-active{
    --swiper-theme-color:  #ffffff!important;
}
.top-fixed-swiper .swiper-horizontal>.swiper-pagination-bullets,.top-fixed-swiper .swiper-pagination-bullets.swiper-pagination-horizontal,.top-fixed-swiper .swiper-pagination-custom,.top-fixed-swiper .swiper-pagination-fraction{
    bottom: .02rem!important;
}
/*内容介绍、前言*/
.art-preface{
    background: #fff7f8;
    opacity: 1;
    border-radius: 10px;
    margin-top: 24px;
    padding: .4rem 0;
    position: relative;
    margin-bottom: 20px;
}
.art-preface img{
    cursor: auto;
}
.art-preface-iconTop{
    width: .4rem;
    height: .36rem;
    position: absolute;
    top: .2rem;
    left: .2rem;
    background: url(../images/preface-l.png) no-repeat;
    background-size: 100% 100%;
}
.art-preface-text{
    font-size: .37rem!important;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: .6rem!important;
    color: #7f7f7f!important;
    padding: 0 .8rem;
    text-align: justify;
    margin-bottom: 0!important;
    padding-bottom: 0!important;
} 
.art-preface-iconBottom{
    width: .4rem;
    height: .36rem;
    position: absolute;
    bottom: .2rem;
    right: .2rem;
    background: url(../images/preface-r.png) no-repeat;
    background-size: 100% 100%;
}
/*有序列表ol*/
.art-cont ol{
    padding-left: .4rem;
    margin-bottom: .3rem;
    list-style: none!important;
}
.art-cont ol li,.art-cont ol li p{
    color: #7f7f7f;
    line-height: .6rem;
    font-size: .38rem;
    word-break: break-all;
    margin-bottom: .33rem;
}

/*无序列表ul*/
.art-cont ul{
    padding-left: .6rem;
    margin-bottom: .3rem;
    list-style: none!important;
}
.art-cont ul li,.art-cont ul li p{
    color: #7f7f7f;
    line-height: .6rem;
    font-size: .38rem;
    word-break: break-all;
    margin-bottom: .1rem;
}
.art-ul li{
    list-style-type: disc!important;
}
/*多边聊天记录*/
.art-chat{
    margin: 20px 0;
}
.art-chat-cont{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}
.art-chat-r{
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.art-chat-l{
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    
}
/*.art-chat-l .art-chat-user{*/
/*    margin-right:.2rem;*/
/*}*/
/*.art-chat-r .art-chat-user{*/
/*    margin-left: .2rem;*/
/*}*/
.art-chat-user {        
    width: 60px;
}
.art-chat-r .art-chat-text{        
    background: #99eb6b;
    border-top-right-radius: 0;
}
.art-chat-r .art-chat-userImg {
    background: url(../images/user_default_img.png) center/cover no-repeat;
}
.art-chat-l .art-chat-userImg {
    background: url(../images/doctor_default_img.png) center/cover no-repeat;
}
.art-chat-l .art-chat-text{
    background: #f5f5f5;
    border-top-left-radius: 0;
}
.art-chat-text{
    color: #262626;
    font-size: .38rem;
    line-height: .65rem;
    padding: .1rem .2rem;
    border-radius: 6px;
    max-width: 80%;
    word-break: break-all;
}
.art-chat-userImg {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    margin: 0 auto;
}
.art-chat-userName{
    margin-top: 4px;
    font-size: .32rem!important;
    color: #7f7f7f;
    line-height: 22px;
    text-align: center;
}
/*问答形式*/
.art-qa{
    margin-top: 10px;
}
.art-qa p{
    max-width: 100%;
    line-height: .66rem;        
    font-size: .43rem;
}
.art-qa-q{
    color: rgb(52, 167, 221);
}
.art-qa-q:before {
    content: '';
    display: inline-block;
    background-image: url(../images/q_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    line-height: 25px;
    margin-right: 5px;
    margin-bottom: -5px;
}
.art-qa-a:before {
    content: '';
    display: inline-block;
    background-image: url(../images/a_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    line-height: 25px;
    margin-right: 5px;
    margin-bottom: -5px;
}
/* tab */
.art-cont table{
    border-collapse:collapse;
    border-spacing:0;
    margin-bottom: .3rem;
    width: 100%!important;
    color: #262626;
    font-size: .37rem;
    line-height: .7rem;
}
.art-cont table thead {
    background:#eef6ff;
}
.art-cont table tr td,.art-cont table tr th{
    padding: .06rem .16rem;
    word-break: break-all;
    border: 1px solid #e5e5e5;
}
.art-cont table .art-fRow{
    background:#eef6ff;
}
.art-cont table2-row{
    min-width: 600px;
    max-width: 675px;
    margin-left: auto;
    margin-right: auto;
    zoom: 1;
}
.art-cont table-list{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
    margin-bottom: .3rem;
}
.art-cont table2-title{
    width: 18px;
    text-align: center;
    background: #fff7f8;
    color: #999;
    font-size: .37rem;
    padding: .3rem;
    vertical-align: middle;
}
.art-cont table2-cont{
    padding: 0 .6rem;
    text-align: left;
}
.art-cont table2-module{
    font-size: .37rem;
    color: #666;
    line-height: .6rem;
    padding-left:0!important;
    margin-bottom: 0!important;
}
.art-cont table2-module li{
    list-style: none!important;
}
.art-cont table2-module li:last-child{
    padding-bottom: 0!important;
    margin-bottom: 0!important;
}
/*单边（右）聊天记录*/
.art-dialogue {
    margin-bottom: .3rem;
}
.art-dialogue-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: .4rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.art-dialogue-text {
    color: #262626;
    font-size: .4rem;
    line-height: .7rem;
    padding: .2rem .3rem;
    background: #f5f5f5;
    border-radius: 5px;
    max-width: 76%;
    word-break: break-all;
}
.art-dialogue-user {
    margin-left: .3rem;
    width: 1.4rem;
}
.art-dialogue-userImg {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    margin: 0 auto;
    background: url(../images/user_default_img.png) center/cover no-repeat;
}
.art-dialogue-userName {
    margin-top: .1rem;
    font-size: .3rem!important;
    color: #7f7f7f;
    line-height: .4rem;
    text-align: center;
}
/*资料*/
.art-card{
    margin-bottom: .4rem;
    border: 1px solid #e5e5e5;
    padding: .3rem .2rem;
    border-radius: 4px;
}
.art-card-title{
    line-height: .6rem;
    color: #262626;
    font-size: .48rem;
    font-weight: 700;
    overflow: hidden;
    word-break: break-all;
    position: relative;
    padding-left: .3rem;
    margin-bottom: .2rem;
}
.art-card-title::after {
    content: "";
    position: absolute;
    top: .05rem;
    left: 0;
    margin-right: .2rem;
    width: .14rem;
    height: .5rem;
    background: #0e89d1;
    border-radius: 3px;
}
.art-card-cont{        
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;            
}
.art-card-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-top: 1px dashed #e5e5e5;
    padding: 10px 1%;
}
/*.art-card-item:nth-child(2),.art-card-item:first-child{*/
/*    border-top: none;*/
/*}*/
.art-card-item label{
    color: #262626;
    line-height: .6rem;
    font-size: .37rem;
    word-break: break-all;
    width: 1.5rem;
}
.art-card-item p{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 .2rem;
    color: #7f7f7f;
    line-height: .6rem;
    font-size: .37rem;
    word-break: break-all;
}
/*信息栏dl+dt+dd*/
.art-basic{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    /* background-position-y: .3rem; */
    margin-bottom: .3rem 0 .5rem;
}
.art-basic .art-basic-cont{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.art-basic dt{
    width: 19.8%;
    font-size:.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    line-height: .72rem;
    display: block;
    float: left;
    color: #262626;
    font-weight: 700;
    padding-top: .13rem;
    padding-bottom: .13rem;
    border-bottom: 1px dotted #7f7f7f;
}
.art-basic dd{
    width: 80%;
    zoom: 1;    
    float: left;
    position: relative;
    word-break: break-all;
    line-height: .72rem;
    display: block;
    color: #7f7f7f;
    font-size:.4rem;
    padding-top: .13rem;
    padding-bottom: .13rem;
    border-bottom: 1px dotted #7f7f7f;
}
.ssgl{
    color: red;
}
img.lazy{
        visibility: visible;
        opacity: 0.00;
        filter: alpha(opacity=0);
        -moz-opacity: 0.0;
    }
    
.Soad {
    background: #0f89d1;
    color: #ffffff;
    padding: 0 0.1rem;
    font-size: 0.32rem;
    border-radius: 0.1rem;
    margin-left: 0.1rem;
}
.Soad-tj{
    background: #ff9406;
}
.Soad-ry{
    background: #940013;
}
.Soad-hy{
    background: #ff3852;
}
.Soad-jr{
    background: #ff6600;
}

.tabbarview {
    height: 1.92rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.tabbarview button {
    width: 2.91rem;
    height: 1.07rem;
    border-radius: 1rem;
    border: none;
    font-size: 0.4rem;
    font-weight: bold;
}

.tabbarview button:nth-child(1) {
	color: #2AAC8B;
    background: #D8F4ED;
    border: 0.03rem solid #49C0A2;
    white-space: nowrap;
}

.tabbarview button:nth-child(2) {
    color: #FFFFFF;
    background: #2AAC8B;
}

.tabbarview button:nth-child(3) {
    background: #FF8401;
    color: #FFFFFF;
    white-space: nowrap;
} 

.tabbarview reproduction_btn wx button:nth-child(3) {
    color: #2AAC8B;
    background: #ff9d35;
    border: 0.03rem solid #49C0A2;
}

.tabbarview button span{
    display: inline-block;
    width: 30%;
    height: 25px;
    background: url(../images/wx_gw.png) no-repeat center;
    background-size: 25px auto;
    vertical-align: top;
}

/* 在线生育顾问 */
    .reproduction {
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.4);
        position: fixed;
        top: 0;
        display: none;
        z-index: 1000;
    }

    .reproduction .reproduction-body {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: relative;
    }

    .reproduction .reproduction-body .close {
        background: url("../images/close.png") no-repeat center;
        width: 1.17333rem;
        height: 1.17333rem;
        background-size: cover;
        margin-bottom: 1.06667rem;
        cursor: pointer;
        position: absolute;
        top: -1.97333rem;
        left: 0;
    }

    .reproduction .reproduction-body .reproduction-box {
        width: 8rem;
        height: 11.2rem;
        background: #f9f9f9;
        border-radius: 0.42667rem;
        position: relative;
    }

    .reproduction .reproduction-body .reproduction-box .reproduction-white {
        width: 8rem;
        height: 7.52rem;
        background: #ffffff;
        border-radius: 0.42667rem;
        position: absolute;
        bottom: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .reproduction .reproduction-body .reproduction-box .reproduction-white .reproduction-white-title {
        width: 8rem;
        height: 0.53333rem;
        font-size: 0.37333rem;
        font-weight: 700;
        color: #717171;
        line-height: 0.53333rem;
        margin-top: 0.90667rem;
        text-align: center;
    }

    .reproduction .reproduction-body .reproduction-box .reproduction-white .wecode-box {
        width: 6.4rem;
        height: 1.6rem;
        background: #f8f8f8;
        border-radius: 0.42667rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0.42667rem;
        font-size: 0.64rem;
        font-weight: 700;
        color: #717171;
    }


    .reproduction .reproduction-body .reproduction-box .reproduction-white .clickCopy-box {
        width: 6.4rem;
        height: 1.6rem;
        background: #49C0A2;
        box-shadow: 0 0.16rem 0.32rem 0 rgba(73, 192, 162, 0.5);
        border-radius: 0.42667rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0.85333rem;
        font-size: 0.48rem;
        font-weight: 700;
        color: #fff;
        line-height: 0.66667rem;
    }

    .reproduction .reproduction-body .reproduction-box .decorate {
        width: 3.73333rem;
        height: 2.98667rem;
        border-radius: 0.42667rem;
        overflow: hidden;
    }

    .reproduction .reproduction-body .reproduction-box .illustration {
        width: 100%;
        height: 5.73333rem;
        position: absolute;
        top: -1.06667rem;
    }

    .reproduction .reproduction-body .reproduction-box img {
        width: 100%;
    }

    .reproduction .reproduction-body .reproduction-box .toast {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2.98667rem;
        height: 1.6rem;
        background: rgba(0, 0, 0, 0.8);
        border-radius: 0.42667rem;
        font-size: 0.42667rem;
        color: #ffffff;
        text-align: center;
        line-height: 1.6rem;
        margin-left: -1.49333rem;
        display: none;
    }

    /* 在线生育顾问 end*/
.tabbarview {
    width: 100%;
    height: 1.6rem;
    padding: 0 0.32rem;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
}

.tabbarview button {
    width: 2.91rem;
    height: 1.07rem;
    border-radius: 1rem;
    border: none;
    font-size: 0.4rem;
    font-weight: bold;
}

.tabbarview button span {
    display: inline-block;
    width: 30%;
    height: 25px;
    background: url(../images/wx_gw.png) no-repeat center;
    background-size: 25px auto;
    vertical-align: top;
}