﻿@charset "utf-8";
body{ background-color: #ececed; font-family: "Microsoft YaHei"; font-size: 16px; }
.fl{ float: left; }
.fr{ float: right; }
a img{ width: 100%; }
a:hover{ cursor: pointer; }
div.header{ height: 260px; background: url("../../images/zyyszd_pc/bannerbg.jpg") no-repeat center; position: relative; }
div.header div.head-centent{ width:960px; margin: 0 auto; overflow: hidden; }
div.head-centent #like-tip{ display: none; padding: 0 20px; height: 40px; border: 10px solid #a0caf3; position: absolute; left: 50%;  margin: 0 -80px; top: 120px; background-color: #D7E0FF; text-align: center; line-height: 40px; }
div.lanmu-info{ width: 500px; margin-left: 40px; position: absolute; top: 60px; }
div.lanmu-info h1.lanmu-name{ font-size: 54px; font-weight: bold; color: #fff; display: inline; }
div.lanmu-info p.live-room{ color: #fff; font-size: 22px; margin-top: 5px; }
div.lanmu-info p.live-room a{ color: #fff; }
div.lanmu-info p.live-room a:hover{ text-decoration: underline; }
div.lanmu-info ul{ overflow: hidden; margin-top: 40px; }
div.lanmu-info ul li{ float: left; font-size: 16px; margin-right: 35px; position: relative; padding-left: 30px; line-height: 30px; }
div.lanmu-info ul li a{ display: inline-block; width: 28px; height: 28px; position: absolute; top: 0; left: 0; color: #08104e; }
div.lanmu-info ul li a.i1{ background: url("../../images/zyyszd_pc/icons1.png") no-repeat 0 0; }
div.lanmu-info ul li a.i1:hover{ cursor: default; }
div.lanmu-info ul li a.i2{ background: url("../../images/zyyszd_pc/icons1.png") no-repeat 0 -31px; }
div.lanmu-info ul li a.i3{ background: url("../../images/zyyszd_pc/icons1.png") no-repeat 0 -60px; width: 100px; padding-left: 28px; }
div.lanmu-info ul li a.i3:hover{ color: #fff; }
div.code-box{ margin-right: 130px; margin-top: 68px; width: 125px; }
div.code-box img{ width: 120px; height: 120px; border: 2px solid #659fc9; }
div.code-box p{ color: #fff; text-align: center; font-size: 16px; line-height: 24px; }
div.section-full{ width: 100%; }
div.section{ width: 960px; margin: 0 auto; position: relative; }
div.box1{ height: 670px; background-color: #262a2c; margin-bottom: 60px; }
div.box1 h3{ font-size: 28px; font-weight: bold; line-height: 80px; color: #fff; text-align: center; }
#player { width: 960px; height: 590px; background-color: #000; }
div.box1 div.video-action{ height: 40px; background-color: #f2f2f4; }
div.video-action a{ color: #000; margin: 10px; display: inline-block; }
div.video-action a.fl{ padding-right: 25px; }
div.video-action a.fr{ padding-left: 25px; }
div.video-action a.fx{ background: url("../../images/zyyszd_pc/actionbg.png") no-repeat 33px 2px; }
div.video-action a.pl{ background: url("../../images/zyyszd_pc/actionbg.png") no-repeat 33px -17px; }
div.video-action a.mvv{ background: url("../../images/zyyszd_pc/actionbg.png") no-repeat 4px -38px; }
div.video-action a.toclient{ background: url("../../images/zyyszd_pc/actionbg.png") no-repeat 0 -59px; }
div.videoShare { position: absolute; left: 50px; bottom: -60px; z-index: 100; display: none; background: url("../../images/zyyszd_pc/shareBg.png"); height: 70px; width: 210px; background-size: cover; }
div.videoShare div.shareBox{ position: relative; padding: 5px 0 5px 20px; color: #666; line-height: 28px; margin-top: 30px; }
a.box2{ margin: 0 auto; width: 960px; height: 99px; display: block; margin-bottom: 20px; background: url("../../images/zyyszd_pc/guanggao1.jpg"); }

div.box3{ background-color: #fff; border-radius: 5px; border: 1px solid transparent; }
div.section div.sub-section{ width: 900px; margin: 40px auto; position: relative; clear: both; }
div.sub-section div.head-box{ position: relative; }
div.sub-section a.more{ color: #3f4142; font-size: 14px; position: absolute; right: 55px; top: 10px; }
div.sub1{ height: 420px; }
div.box3 h3.title{ margin: 30px 40px 15px; padding-left: 8px; font-size: 28px; line-height: 30px; font-weight: bold; border-left: 4px solid #339adb; }

div.box3 hr{ background-color: #ebebec; width: 796px; margin: 0 auto; height: 1px; border: none; }
div.slide-box{ width: 900px; }

div.slide-box div.slide-view{ width: 810px; height: 380px; overflow: hidden; position: relative; }
#btn-prev,#btn-next{ display: block; height: 46px; width: 45px; margin-top: 140px; }
#btn-prev{ background: url("../../images/zyyszd_pc/slidebtn_bg.png") no-repeat -50px 0; }
#btn-prev:hover{ background-position: -2px 0; }
#btn-next{ background: url("../../images/zyyszd_pc/slidebtn_bg.png") no-repeat -100px 0; }
#btn-next:hover{ background-position: -150px 0; }
div.slide-item-box{ position: absolute; }
ul.live-box{ height: 380px; width: 810px; overflow: hidden; }
ul.live-box li{ float: left; width: 250px; height: 175px; margin: 15px 10px 0; }
ul.live-box li a{ vertical-align: middle; }
ul.live-box li a img{ height: 115px; width: 250px; }
ul.live-box li a h4,
ul.live-box li a p{ width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
ul.live-box li a h4{ font-size: 14px; line-height: 24px; }
ul.live-box li a p{  font-size: 12px; }


.slide_box_li{ height: 380px; width: 810px; overflow: hidden; float: left; }
.slide_box_li li{ float: left; width: 250px; height: 175px; margin: 15px 10px 0; }
.slide_box_li li a{ vertical-align: middle; }
.slide_box_li li a img{ height: 115px; width: 250px; }
.slide_box_li li a h4,
.slide_box_li li a p{ width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.slide_box_li li a h4{ font-size: 14px; line-height: 24px; }
.slide_box_li li a p{  font-size: 12px; }

p.text-desc{ text-indent: 2em; }
p.text-desc,p.lanmu-contracts{ width: 808px; margin: 10px 52px 10px 40px; color: #3f4142; font-size: 14px; line-height: 24px; }
div.hospital-list ul{ width: 820px; margin: 20px auto; overflow: hidden; }
ul li.hospital-item{ margin: 10px 11px; width: 250px; height: 66px; }
ul li.hospital-item a{ display: block; width: 250px; height: 60px; vertical-align: middle; border: 2px solid transparent; }
ul li.hospital-item a:hover{ border-color: #339adb; }
#vv_comment{width: 820px; margin: 15px auto; min-height: 240px;}
#vv_comment .talk_box{min-height: 175px; _height: 175px;}
ul.live-box li a:hover,
div.video-action a:hover,
div.sub-section a.more:hover,
#footer_link_info a:hover,
#footer_link_info a:hover
div.footer .wrap p a:hover{ color: #339adb; }
#footer_link_info p,
#footer_link_info a,
div.footer .wrap p a{ color: #3f4142; }

/*分享*/
*html,
*html body { background-image: url(about:blank); background-attachment: fixed; }
.shareTop{ width: 36px; position: fixed; right: 0; bottom: 150px; z-index: 500; height: 291px; }
.shareTop{ _position: absolute; _bottom: auto; _margin-bottom:150px; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }
.shareTop .top,
.shareTop .bdshare_b a.img,
.shareTop .tecentWeibo{ background: url("../../images/zyyszd_pc/sharebtnbg.png") no-repeat center; }
.shareTop a.top{ display: block; background-position: -54px 0; width: 36px; height: 36px; }
.shareTop a.top:hover{ background-position: 0 0; }
.shareTop .bdshare_b a.img{ display: block; background-position: -54px -46px; width: 36px; height: 76px; margin: 0; margin-top: 10px;}
.shareTop .bdshare_b a.img:hover{ background-position: 0 -46px; }
.shareTop .tecentWeibo{ display: block; width: 36px; background-position: -54px -132px; height: 140px; margin-top: 10px; }
.shareTop .tecentWeibo:hover{ background-position: 0 -132px; }
.shareTop .tecentWeibo a{display: none; width: 130px;height: 130px; border:5px solid #84cfff; position: absolute; top: 132px; left: -140px; _filter: alpha(opacity=0);}
.shareTop .tecentWeibo:hover a{display: block; _filter: alpha(opacity=100);}







