@charset "utf-8";
body{ background-color: #f2f2f4; font-family: "Microsoft YaHei"; font-size: 16px; }
.fl{ float: left; }
.fr{ float: right; }
a{ color: #666; }
a img{width:100%;}
a:hover{ cursor: pointer; }
div.header{ height: 244px; background: url("../../images/zyyszd_pc/headbg_dzm.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: 550px; margin-left: 30px; position: absolute; top: 60px; padding-left: 145px; background: url("../../images/zyyszd_pc/dzmlogo.png") no-repeat 5px 0; height: 175px; }
div.lanmu-info h1.lanmu-name a{ color: #fff; }
div.lanmu-info h1.lanmu-name a:hover{ text-decoration: underline; }
div.lanmu-info h1.lanmu-name{ font-size: 36px; font-weight: bold; color: #fff; display: inline-block; margin-bottom: 15px; }
div.lanmu-info p{ color: #fff; font-size: 16px; margin-top: 5px; }
div.lanmu-info ul{ overflow: hidden; position: absolute; width: 500px; bottom: 5px; }
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/icons.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/icons.png") no-repeat 0 -35px; }
div.lanmu-info ul li a.i3{ background: url("../../images/zyyszd_pc/icons.png") no-repeat 0 -70px; width: 100px; padding-left: 28px; }
div.lanmu-info ul li a.i3:hover{ color: #fff; }
div.code-box{ margin-right: 40px; margin-top: 44px; width: 125px; }
div.code-box img{ width: 121px; height: 121px; border: 2px solid #659fc9; }
div.code-box p{ color: #fff; text-align: center; font-size: 16px; line-height: 24px; }
div.section-box{ width: 960px; margin: 35px auto; background-color: #fff; border-radius: 5px; }
div.section-full{ width: 100%; }
div.section{ width: 900px; position: relative; margin: 20px auto; padding-bottom: 20px; }
div.section1{ width: 960px; position: relative; margin: 0 auto; }
div.title-box{ padding: 10px 0; height: 60px; }
div.title-box h2{ font-size: 30px; text-align: center; color: #666; display: inline-block; margin: 10px auto; *zoom: 1; }
div.title-box h2.t1{ width: 560px; }
div.title-box h2.t2{ width: 140px; }
div.section1 div.title-box h2{ color: #fff;}
div.title-box i,
div.title-box i{ margin-top: 13px; display: inline-block; height: 40px; }
div.title-box:after{ content: ' '; height: 0; display: block; clear: both; }
div.section1 div.title-box i.lbg0{ width: 200px; background: url("../../images/zyyszd_pc/titlebg.png") no-repeat 10px -2px; }
div.section1 div.title-box i.rbg0{ width: 200px; background: url("../../images/zyyszd_pc/titlebg.png") no-repeat -290px -2px; }
div.section div.title-box i.lbg1{ width: 170px; background: url("../../images/zyyszd_pc/titlebg.png") no-repeat -20px -40px; }
div.section div.title-box i.rbg1{ width: 170px; background: url("../../images/zyyszd_pc/titlebg.png") no-repeat -290px -40px; }
div.section div.title-box i.lbg2{ width: 380px; background: url("../../images/zyyszd_pc/titlebg.png") no-repeat 155px -82px; }
div.section div.title-box i.rbg2{ width: 380px; background: url("../../images/zyyszd_pc/titlebg.png") no-repeat -255px -82px; }
div.box1{ height: 670px; background-color: #262a2c; margin-bottom: 55px; }

#player { width: 960px; height: 590px; background-color: #000; }
div.box1 div.video-action{ height: 40px; background-color: #ececed; position: absolute; bottom: -40px; width: 100%; }
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: -105px; 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; }

div.section div.baseinfo{ width: 910px; height: 200px; }
div.baseinfo div{ height: 30px; }
div.baseinfo div.live-info{ width: 600px; color: #666; }
div.baseinfo div.live-info em{ font-weight: bold; }

div.baseinfo div.live-room a{ display: inline-block; font-size: 14px; margin-right: 10px; }
div.baseinfo div.live-room a.tip1 span{ padding-left: 30px; margin-left: 10px; font-weight: bold; color: #666; background: url("../../images/zyyszd_pc/icons.png") no-repeat 0 -107px; }
div.baseinfo div.live-room a.tip2{ color: #69b6e7; }
div.baseinfo div.live-room a.tip1:hover span{ color: #FFA100; background: url("../../images/zyyszd_pc/icons.png") no-repeat 0 -189px; }
div.baseinfo div.live-info p.desc{ width: 520px; line-height: 30px; font-size: 14px; color: #666; position: relative; top: -5px; }
div.baseinfo div.code-box1{ float: right; width: 153px; height: 150px; margin-right: 60px; }
div.baseinfo div.code-box1 img{ width: 121px; height: 121px; margin: 0 20px; border: 2px solid #d9d9da; }
div.baseinfo div.code-box1 p{ color: #666; font-size: 14px; text-align: center; line-height: 30px; }
div.baseinfo div.doc-info{ height: 200px; }
div.doc-info div{ width: 100%; }
div.doc-info img{ width: 168px; height: 168px; display: block; margin:  0 auto; }
div.doc-info h3.doc-name{ margin: 10px 0; font-size: 24px; font-weight: bold; color: #666; text-align: center; }
div.doc-info p.doc-desc{ text-align: center; font-size: 14px; color: #666; }
div.section hr.splitor{ margin: 10px 0; height: 0; border: none; border-bottom: 1px dashed #aaa; }
div.section div.bqyd,
div.section div.zjjs{ margin: 10px 0; }
div.section div.bqyd h3,
div.section div.zjjs h3{ margin: 25px 0 15px; font-size: 24px; font-weight: bold; color: #69b6e7; }
div.section div.bqyd p,
div.section div.zjjs p{ font-size: 14px; color: #666; line-height: 28px; margin: 10px 0; overflow: hidden; }
div.section div.bqyd{ /*height: 750px;*/ overflow: hidden;}
div.section div.bqyd p em{ font-size: 16px; float: left;_display:inline;max-width:64px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
div.section div.bqyd p em.p{ color: #920d14; }
div.section div.bqyd p i{ display: block; max-width: 830px; font-style: normal; padding-left: 70px; }
div.section div.bqyd div.btn-box{ position: absolute; height: 30px; bottom: 0; }
div.section div.bqyd #slide-btn{ display: block; height: 30px; width: 200px; text-align: center;  margin: 0 350px; }

div.section div.bqyd a.slide-down{ background: url("../../images/zyyszd_pc/icons.png") no-repeat 130px -134px; }
div.section div.bqyd a.slide-up{ background: url("../../images/zyyszd_pc/icons.png") no-repeat 130px -157px; }
div.slide-box{ width: 900px; overflow: hidden; }

div.slide-box div.slide-view{ width: 810px; height: 190px; overflow: hidden; position: relative; }
#btn-prev,#btn-next{ display: block; height: 46px; width: 45px; margin-top: 60px; }
#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; }
ul.live-box{ height: 190px; width: 1620px; overflow: hidden; position: absolute; }
ul.live-box li{ float: left; width: 250px; height: 160px; margin: 15px 10px; }
ul.live-box li a{ vertical-align: middle; }
ul.live-box li a img{ height: 115px; width: 250px; }

ul.live-box li a h4{ font-size: 14px; line-height: 24px; }
ul.live-box li a p{  font-size: 12px; }
ul.live-box li a:hover{ color: #339adb; }
a.guanggao{ display: block; border-radius: 5px; /*background: url("../../images/zyyszd_pc/guanggao1.jpg") no-repeat 0 0;*/ height: 100px; }
a.guanggao img{ height:100px; width:100%;  border-radius: 5px; border:0; }
#vv_comment{width: 820px; margin: 15px auto; min-height: 240px;}
#vv_comment .talk_box{min-height: 175px; _height: 175px;}

/*分享*/
*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);}