* { font-family: 'Microsoft yahei';}
.sphys_banner { width:100%; min-width:1210px; min-height:485px; background:url("../images/ysbanner.gif") left bottom repeat-x #3084de;}
.sphys_nav { height:130px;}
.sphys_nav ul, .sphys_nav ul li { display: block;}
.sphys_nav ul li { width:110px; height:70px; float:left; text-align:center; padding-top:36px; font-size: 16px;}
.sphys_nav ul li s { width:38px; height:38px; display: block; background-image: url("../images/sphys_nav.png"); background-repeat: no-repeat; margin-bottom: 6px;}
.sphys_nav ul li s.iconaa { background-position: 0px 0px;}
.sphys_nav ul li s.iconbb { background-position: -45px 0px;}
.sphys_nav ul li s.iconcc { background-position: -98px 0px;}
.sphys_nav ul li s.icondd { background-position: -143px 0px;}
.sphys_nav ul li s.iconee { background-position: -206px 0px;}
.sphys_nav ul li s.iconff { background-position: -255px 0px;}
.sphys_nav ul li s.icongg { background-position: -304px 0px;}
.sphys_nav ul li s.iconhh { background-position: -359px 0px;}
.sphys_nav ul li s.iconii { background-position: 0px -43px;}
.sphys_nav ul li s.iconjj { background-position: -45px -43px;}
.sphys_nav ul li s.iconkk { background-position: -98px -43px;}
.sphys_nav ul li a { display:block; color:#fff;}
.sphys_ad { height:355px; background-color:#fff;}
.sphys_lightblue { width:100%; min-width:1210px; background:#e9f1ff;}
.paddtb60 { padding:60px 0px;}
.sphys_aalef { width:935px; height:325px; float: left; position: relative;}
.sphys_aarig { width:245px; height:325px; float: right; background-image:url(../images/xnbgc.jpg);}
.sphys_aarig .title { width:100px; height:60px; line-height: 60px; position: relative; text-align: center; color:#fff; font-size: 18px; font-weight: bold; margin: 0px auto;}
.sphys_aarig .title s { width:60px; height:1px; background:#a0b3de; position:absolute; top: 30px; display: block;}
.sphys_aarig .title s.lef { left: -60px;}
.sphys_aarig .title s.rig { right: -60px;}
.sphys_aarig .conul ul, .sphys_aarig .conul ul li { display: block;}
.sphys_aarig .conul ul { width: 100%;}
.sphys_aarig .conul { padding-left: 40px;}
.sphys_aarig .conul ul li { width:80px; height:40px; line-height: 40px; float: left; margin-right: 20px;}
.sphys_aarig .conul ul li a { font-size: 16px; color:#fff;}
.sphys_aarig .conul ul li a:hover { border-bottom:1px solid #fff;}
.wechat2020 { width:208px; background:#fff; border:1px solid #e4e4e4; padding:22px 15px 10px 15px;}
.sphys_mem { height:328px; /*padding:22px 15px;*/  float:left; position: relative; margin:0px 15px;}
.sphys_mem p.image { width:110px; height:110px; border-radius:50%; display: block; overflow: hidden; margin:0px auto;}
.sphys_mem p.image img { width:100%;}
.sphys_mem p { display:block;}
.sphys_mem p.memtit { height:20px; line-height:20px; font-size:14px; text-align: center; color:#333333; padding-top:10px;}
.sphys_mem p.memtit strong { font-weight:400; color:#3879ef;}
.sphys_mem p.mingray { height:22px; line-height: 22px; color:#aeaeae; text-align: center;}
.sphys_mem a.consult { width:126px; height:32px; line-height:32px; text-align: center; background:#397beb; color:#fff; border-radius: 2px; font-size:14px;
    display: none; margin: 6px auto 0px auto;}
.sphys_mem p.introduce { height:107px; margin-top: 15px; padding-top: 10px; border-top:1px dotted #d7d7d7; font-size:13px; line-height:21px; overflow: hidden;
 text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.sphys_mem p.zyys { width:30px; line-height: 24px; padding:3px 0px; background:#f9a821; color:#fff; font-size:12px; line-height: 12px; position: absolute; top:12px; right:0px; text-align: center;}
.sphys_infor { width:535px;}
.sphys_infor .intit { height:20px; border-bottom: 1px dotted #cdcdcd; position: relative; margin-bottom: 20px;}
.sphys_infor .intit h3 { width:130px; height:40px; line-height: 40px; text-align:center; background:#fff; position: absolute; left:267.5px; top:0px; margin-left: -65px; color:#111010; font-weight: 400; font-size: 24px;}
.sphys_infor .incon { padding-top: 20px;}
.sphys_infor .incon dl, .sphys_infor .intit dl dt, .sphys_infor .intit dl dd { display: block;}
.sphys_infor .incon dl { width:100%; height:85px; margin-bottom: 20px;}
.sphys_infor .incon dl dt { width:82px; height:82px; float: left; border-radius:50%; overflow: hidden; }
.sphys_infor .incon dl dt img { height:100%;}
.sphys_infor .incon dl dd { width:435px; min-height:50px; float:right; margin-top: 12px;}
.sphys_infor .incon dl dd p.tm { height:22px; line-height:22px; display: block; color:#a1a1a1;}
.sphys_infor .incon dl dd p.tm em { padding:3px 10px; color:#fff; margin-right: 10px; font-size:13px;}
.sphys_infor .incon dl dd p.tit { height:40px; line-height:40px; overflow: hidden; font-size:16px;}
.sphys_infor .incon dl dd p.tit a { color:#000;}
.sphys_infor.zxzx .incon dl dd p.tm em { background:#a9cff2;}
.sphys_infor.zxtw .incon dl dd p.tm em { background:#a7d481;}
.sphys_infor.zrzx .incon dl dd p.tm em { background:#fdb8b3;}
.sphys_infor.zdgz .incon dl dd p.tm em { background:#fec049;}
.sphys_flortit { height:110px; line-height: 110px; text-align: center; font-size: 30px; color:#292927; letter-spacing: 1px;}
.sphys_class { width:560px; font-size: 16px;}
.sphys_class .lefimg { width:135px; height:135px; float: left; border-radius:50%; overflow: hidden;}
.sphys_class .lefimg img { width:100%;}
.sphys_class .rigcon { width:405px; min-height:50px; float:right;}
.sphys_class .rigcon p.clatit { height:45px; line-height:22px; }
.sphys_class .rigcon p.clatit a { color:#357cee;}
.sphys_class .rigcon p.clacon { height:76px; color:#323232; padding-top: 20px; line-height: 24px; overflow: hidden;}
.sphys_video { min-height:100px; background:#fff; box-shadow: 0px 0px 8px 0px #d6d6d6; border:1px solid #e7e7e7;}
.sphys_vilef { width:750px; height:500px; float: left; margin:20px;}
.sphys_vilef .vidcon { width:100%; height:500px; display: table-cell; vertical-align: middle;}
.sphys_virig { width:394px; min-height:540px; float: right; background:#f8f8f8; padding:0px 12px;}
.sphys_virig .viddisc { height: 207px; background:url("../images/ysvideo.png") center center no-repeat; margin-left: -10px;}
.sphys_virig .viddisc .pcon { height:185px; overflow:hidden; margin:20px 20px 20px 40px; font-size: 14px; line-height:24px; color:#fff;}
.sphys_virig .viddisc .pcon p.vtit { font-size: 16px;}
.sphys_virig .viddisc .pcon p { padding-top: 20px;}
.sphys_virig .vidother { min-height:292px; margin-bottom:20px; background:#fff; padding:0px 20px;}
.sphys_virig .vidother .votit { height:80px; line-height: 80px; font-size:18px; color:#333;}
.sphys_virig .vidother .vocon ul, .sphys_virig .vidother .vocon ul li, .sphys_virig .vidother .vocon ul li .vcon p { display:block;}
.sphys_virig .vidother .vocon ul li { height:70px; margin-bottom: 20px;}
.sphys_virig .vidother .vocon ul li .vimg { width:140px; height:70px; overflow:hidden; float: left;}
.sphys_virig .vidother .vocon ul li .vimg img { width:125%; margin-left: -17px; margin-top: -8px;}
.sphys_virig .vidother .vocon ul li .vcon { width:200px; float: right;}
.sphys_virig .vidother .vocon ul li .vcon p.votita { height:36px; line-height: 18px; overflow:hidden; font-size: 14px; margin:5px 0px;}
.sphys_virig .vidother .vocon ul li .vcon p.votime a { color:#3879ef; margin-left: 5px;}

.sphys_ysimg { width:280px;  font-size: 14px;}
.sphys_ysimg.flolef { margin-left: 45px;}
.sphys_ysimg p.yspic { width:256px; height:256px; text-align: center;}
.sphys_ysimg p.yspictit { margin-top: 25px; color:#666666;}
.sphys_ysimg p.yspictit strong { font-size: 16px; color: #377bee; font-weight:400;}
.sphys_ysimg p.ysans { line-height: 22px; color:#333; }
.sph_blue { color:#377bee;}
.mart25 { margin-top: 25px;}
.sphys_ysart { width:800px; font-size: 16px;}
.sphys_ysart .hotask { height:30px; line-height:30px; font-size: 18px; color:#377bee; }
.sphys_ysart .hotasktit ul, .sphys_ysart .hotasktit ul li, .sphys_ysart .hotaskcon ul, .sphys_ysart .hotaskcon ul li { display: block;}
.sphys_ysart .hotasktit ul li { width:115px; height:38px; line-height:38px; text-align: center; color:#333; margin-right: 12px; background:#fff; float: left;
    cursor: pointer;}
.sphys_ysart .hotasktit ul li.cur { background:#8ab4fe; color:#fff;}
.sphys_ysart .hotaskcon ul li { height:35px; line-height: 35px; padding-right: 125px; position: relative; overflow: hidden;}
.sphys_ysart .hotaskcon ul li span { width:120px; height:35px; line-height:35px; font-size: 12px; color:#a1a1a1; position:absolute; right: 0px; top:0px; color:#a1a1a1;}
.sphys_ysart .hotaskcon ul li a:hover { color:#377bee;}
.sphys_ysart .hotaskmed, .hotask.mart40 { display: none;}
.sphys_ysart .hotaskmed a { padding:5px 15px; border-radius: 50px; margin-right: 15px; font-size: 14px; background:#8ab4fe; color:#fff; margin-bottom: 10px; display: inline-block;}

.sphys_virig .vidother .vocon ul li .vcon p.votita a:hover, .sphys_infor .incon dl dd p.tit a:hover { color:#377bee;}

.sphyys_ysban { width:795px; height:353px; overflow: hidden; position: relative; margin-top: -25px;}
.sphyys_ysban .con { width:9999px; float: left; position:absolute; left: 0px; bottom:0px;}
.sphyys_ysban .con .left { position:relative; display: inline;}
.sphyys_ysban .con .left .bord { text-align: center; padding: 15px;}
.pharmacist .ys_intr, .pharmacist .ys_info { text-align:center; transition: 0.6s ease-out;-webkit-transition: .6s ease-out;	-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;	-ms-transform-style: preserve-3d;	-o-transform-style: preserve-3d;transform-style: preserve-3d;position: absolute;top: 0;	left: 0;border-radius: 5px;	 border:1px solid #ddd; background-color:#fff; }
.pharmacist .ys_intr {	z-index: 2;	transform: rotateY(0deg);	transform: rotateY(0deg);	-webkit-transform: rotateY(0deg);	-moz-transform: rotateY(0deg);	-ms-transform: rotateY(0deg);	-o-transform: rotateY(0deg);}
/*药师展示轮播图*/
.sphys_aalef .btns a {position:absolute;background-position:0 0px;width:22px;height:42px;top:-154px;}
.sphys_aalef .btns{width:935px; position:relative;height:1px;font-size:0}
.sphys_aalef .btns a.up { left: 14px; }
.sphys_aalef .btns a.down { right: 14px; }
.contentY .left .bord{ text-align:center; padding:15px;}
.contentY .left .bord h3{ font-family:"微软雅黑"; font-size:16px; color:#3284ff; line-height:34px; text-align:left; margin-top:10px; font-weight:normal;}
.contentY .btns{position:relative;height:1px;font-size:0}
.contentY .btns a,.contentY .btns a{background:url(../images/icon2.png) no-repeat}
.contentY .btns a{position:absolute;background-position:0 0px;width:22px;height:42px;top:-192px;left:-35px;}
.contentY .btns .down{background-position:-28px 0;left:auto;right:-35px;}
.contentY .btns a:hover.up{background-position:0 -48px}
.contentY .btns a:hover.down{background-position:-28px -48px}
.contentY .btns .uN,.contentY .btns  a:hover.uN{ cursor:default; background-position:0 -96px}
.contentY .btns .dN,.contentY .btns  a:hover.dN{ cursor:default; background-position:-28px -96px}


/*轮播图*/
.slide_box { width:1210px; overflow: hidden; position: relative; height:355px; }
.slide_right_middle li a,.jk_tszl a,.floor_left_box a,.floor_right_r a{width:100%;height: 100%;display: block}
.slide_right_bottom dt a em{ display: inline-block;*display: inline;*zoom:1; cursor: pointer;}
.banner{ width:1210px; position:relative; z-index:50; height:355px; overflow:hidden; }
.banner_bg{width: 386px;height:510px;position: absolute;top: 0px;z-index: 999;overflow: hidden;}
.banner_left{left:50%;margin-left:-991px;}
.banner_right{right:50%;margin-right:-991px;}
.banner-btn{position:absolute; top: 50%; width: 34px; height: 68px; margin-top: -34px;opacity: 0.7;filter:alpha(opacity=70);z-index: 99;display: none}
.banner-prev{background-position:0px -87px; left:20px;}
.banner-next{background-position:-36px -87px; right:20px;}
.banner-prev:hover,.banner-next:hover{opacity:1;filter:alpha(opacity=100);}
.banner-pic li{ display:none;width:100%; height:355px;position: absolute;top:0;left:0;z-index: 60; overflow: hidden;  }
.banner-pic li a{margin:0 auto;display: block;}
.banner-pic li img{ display:block; width:1210px; height:355px; }
.banner-pic li span img{ display:block; width:24px; height:14px; }
.banner-ctrl{ position:absolute; z-index:80; bottom:10px; left:50%; height:35px;}
.banner-ctrl li{ display:inline; position:relative; float:left; width:70px; height:35px; margin-left:1px;line-height:35px}
.banner-ctrl li.first{ margin-left:0; }
.banner-ctrl li .bg{ position:absolute; z-index:5; top:0; width:100%; height:35px; background:#000; opacity:.3; filter:alpha(opacity=30); -webkit-transition:all .3s; transition:all .3s; }
.banner-ctrl li.current .bg{ top:-10px; height:45px; opacity:.65; filter:alpha(opacity=65); }
.banner-ctrl li .ctrl-dot{ display:none; position:absolute; z-index:7; top:-4px; width:100%; height:4px; text-align:center; }
.banner-ctrl li.current .ctrl-dot{ display:block; }
.banner-ctrl li .ctrl-dot i{ display:inline-block; width:8px; height:4px; *margin-right:3px; background:#fff; vertical-align:top; overflow:hidden; }
.banner-ctrl li .ctrl-dot i.on{ background:#0860A2; }
.banner-ctrl li .title-item{ display:none; position:absolute; z-index:8; bottom:35px; left:0;_bottom:34px; width:130px; height:auto; overflow:hidden; -webkit-transition:all .3s; transition:all .3s; }
.banner-ctrl li .title-item .title-bg{ position:absolute; z-index:1; width:223px; height:150px; background:#000; opacity:.65; filter:alpha(opacity=65); }
.banner-ctrl li .title-item .title-list{ position:relative; z-index:2; padding:0px 10px 0px 13px; }
.banner-ctrl li .title-item p{ height:18px; margin: 10px 0px; overflow:hidden;line-height: 16px}
.banner-ctrl li .title-item p i{ display:inline-block; width:8px; height:4px; margin-right:8px; background:#fff; vertical-align:middle; overflow:hidden; }
.banner-ctrl li .title-item p.now i{ background:#0860A2; }
.banner-ctrl li .title-item p a{ width:180px; height:18px; color:#ddd; vertical-align:middle; overflow:hidden; text-decoration: none;}
.banner-ctrl li h4{ position:absolute; z-index:6; width:100%; height:35px; color:#fff;line-height:35px; text-align:center; font-size:14px; font-weight:400;overflow:hidden; cursor: pointer;}
.banner-ctrl li.mouse-hover .bg{ top:0; height:35px; }
.banner-ctrl li.mouse-hover .ctrl-dot{ display:none; }
.banner-ctrl li.mouse-hover .title-item{ display:block; }
.banner-btn {background-image:url('../images/sphys_nav.png'); background-repeat:no-repeat;}
.sph_riglogo .sph_xiaoneng{background-image: url(https://imgcdn.baiji.com.cn/images/newicon2018.png); background-repeat: no-repeat; width: 105px; height: 48px; background-position: 0px 0px; cursor: pointer; display: block; margin: auto; margin-top: 9px;}

.ysans.mart25 { margin-top: 5px !important;}
.sphys_ysimg p.yspic { margin-top: -30px;}
.sphys_mem .opposite-content { height: 329px; background:white; }
.opposite-content-text img { width:120px; margin-bottom: 10px;}
.well-item { width:240px; float: left; margin:0px 15px}
.banner-ctrl { display: none !important;}
/*------------------------------ 兼容ie翻转二维码 -------------------------------*/

.correct, .opposite {
    text-align: center;
    transition: 0.6s ease-out;
    -webkit-transition: .6s ease-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    background-color: #fff;
}

.correct {
    z-index: 2;
    transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
}
.opposite {
    width: 100%;
    z-index: 1;
    transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
}

.left:hover .opposite {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2;
}

.left:hover .correct {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1;
}
.opposite {
    text-align: center;
    display: table;
    width: 100%;
}
.opposite-content {
    width: 240px;
    display: table-cell;
    vertical-align: middle;
    *margin-top: 38%;
}
.left.nowechat:hover .opposite {
    width: 100%;
    z-index: 1;
    transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
}
.left.nowechat:hover .correct {
    z-index: 2;
    transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
}
/*------------------------------ 兼容ie翻转二维码 end-------------------------------*/