.ico{ display:inline-block; vertical-align:middle;*display: inline;*zoom:1;background:url(//ue.17173cdn.com/a/dnf/zt/2015/column/talkshow/img/ico-sina.png) no-repeat;}
.ico-sina{ width:28px; height:21px; background-position: 0 0; margin-right: 10px;}
.mask{ z-index:-1; top:0; left:0; width:400px; height:300px; background:#000; filter:alpha(opacity:75); opacity:.75;display: block; position: absolute;}
:root .mask{ filter:none \0}

.comm-pn-hd{ height:43px;  margin-bottom:15px; border-bottom:1px solid #B2DDB2;}
.comm-pn-hd .tit{ color: #45a145; font-size: 24px; position: relative; margin-bottom: -1px;float:left; height: 41px; border-bottom: 3px solid #45a145;line-height: 41px;}
.comm-pn-hd .eng{float: left;line-height: 14px;font-family: Tahoma, Geneva, sans-serif;border-left: 1px solid #e9e9e8;padding-left: 15px;margin: 9px 0 0 10px;color: #666;text-align: center;}
.comm-pn-hd .more{float:right; padding-right:5px;margin-top: 7px;}
.comm-pn-hd .more a{ color:#333;}
.comm-pn-hd .more .sep{ color:#bbb; margin:0 4px 0 6px;}
.comm-pn-hd .more a:hover{ text-decoration:underline}
/*the layout*/ 

.banner { position:relative; overflow:hidden; *zoom:1;background:url(//images.17173cdn.com/2015/dnf/2015/09/02/lssssss.jpg) no-repeat center top;}
.banner-in { position:relative; width:1000px; margin:auto; overflow:hidden;*zoom:1;}
.banner-c1{width: 458px; float:left; font-family:"Microsoft Yahei",Arial;}
.banner-c1 .qs { display:inline-block; *zoom:1; *display:inline; margin-top:25px;font:bold 18px/34px "Microsoft Yahei"; padding:0 20px; color: #2a452a; height: 34px; border: 4px solid #2a452a;}
.banner-c1 .tit { font:bold 48px/70px "Microsoft Yahei";color:#fff; margin: 30px 0 0 0;}
.banner-c1 .tit span{background: #2a452a;margin-bottom: 10px;padding: 0 5px;display: inline-block;}
.banner-c1 .sub-tit { display:block; font-size: 26px; color: #2a452a; margin: 10px 0 0 0;}
.banner-c2 { width: 540px; float:right;}
.banner-c2 .pic{ }
.banner-c2 .pic img{ display: block; width:540px;}

/*the content*/
.content{ width:1000px; margin:0 auto; padding:20px 0;}
.video-box{ border: 1px solid #d5d5d4;height: 578px;}
.video-box embed,.video-boxobject{ width:100%; height:100%;}

.area1{margin-top: 30px;}
.area2{margin-top: 30px;}
.area1-c1{float: left;width:800px; }
.area1-c2{float: right;width:162px;border: 1px solid #e3e3e3; margin-top:65px;height: 70px;position: relative;text-align: center;padding-top: 72px;}
.area1-c2 .ewm-img{position:absolute;top: -50px;left:0; background:url(//ue.17173cdn.com/a/dnf/zt/2015/column/talkshow/img/ewm-bg.jpg) no-repeat left bottom;padding: 0 19px;}
.area1-c2 .ewm-img img{border: 1px solid #dadada}
.area1-c2 p{font-size: 14px;line-height: 30px;color: #000}

.back-list{height:124px;width: 940px;padding: 0 30px;margin: 0 auto;}
.back-list .item{float: left;width:219px;margin: 0 8px; }
.back-list .item .art-item-pt{display: block;width: 215px;position: relative;*zoom:1;color: #999; text-align: center;font-size: 14px;border: 2px solid #fff;}
.back-list .item .art-item-pt .avatar,.back-list .item .art-item-pt .text,.back-list .item .art-item-pt .tit{display: block;}
.back-list .item .art-item-pt:hover{color: #fff;border: 2px solid #45a145}
.back-list .item .art-item-pt .text{position: absolute; z-index:3;left:0; bottom:0;width: 215px; line-height: 30px; overflow: hidden;height: 30px;width: 214px\0;}
.back-list .item .art-item-pt .tit{width:99.8%;white-space: nowrap;text-overflow:ellipsis;}

.owl-theme .owl-controls .owl-buttons div{position: absolute;top: 40px;font: bold 40px/1 "Simsun";border-radius: 0; background:none; color: #333; padding: 0; margin:0  }
.owl-theme .owl-controls .owl-buttons .owl-next{right: 0}
.owl-theme .owl-controls .owl-buttons .owl-prev{left: 0}

.comm-pict{overflow: hidden;*zoom:1;}
.comm-pict li{overflow: hidden;*zoom:1;float: left;width:264px;padding:15px 0;height: 70px }
.comm-pict li .pic{float: left;width:70px;margin-right:20px;position: relative;*zoom:1;}
.comm-pict li .pic .cover{position: absolute; left: 0;top:0;width: 70px;height: 70px;background:url(//ue.17173cdn.com/a/dnf/zt/2015/column/talkshow/img/cover.png) no-repeat;}
.comm-pict li .text{overflow:hidden;padding-top:15px; }
.comm-pict li .text .tit{color: #999; font-size: 14px;}
.comm-pict li .text .name{color:#333; font-weight: bold;font-size:16px;}

.area2 .comm-pn-bd p{line-height:30px;font-size: 14px; }
.area3,.area4{margin-top:25px;}
.btn-attention{display:block; width:122px;height:30px;line-height: 30px;margin:0 auto;background: #ff8383; color: #fff; text-align:center;border-radius:3px;font-size: 16px;}
.btn-attention:hover{background: #ff5e5e}
.banner-c1 .tit-m,.area1 .share-m{display: none;}
@media only screen and (max-width:700px) {
    html {font-size:18px}
    body{min-width: 100%}
    #baikeToolbar,.g-topbar,.nav-pn,.banner-c2,.banner-c1 .qs,.banner-c1 .sub-tit,.h-nav,.area1 .more,.area1-c2,.comm-pn-hd .eng{display: none;}
	.content{width: 100%;overflow: hidden;padding: 0 .8rem;box-sizing:border-box;}
	.global-footer{padding: .8rem;margin-top: 1rem;}
	.first-screen{margin: 0 -.8rem;}
	.header{width: 32%; float: left;}
	.banner{float: right;background: #fff;width: 68%;}
	.header .logo{padding: 0 .4rem 0 0;}
	.header .logo img{width:100%;height: auto;}
	.header .header-in{width: 100%;height: auto;padding: .4rem 0 .4rem .8rem;overflow: hidden;box-sizing: border-box;}
	.banner-c1 .tit{display: none;}
	.banner-c1 .tit-m{display: block;padding:.5rem 0 0 .5rem;font-size: 1rem;}
	.video-box{height: 15rem;border:0 }
	.video-box iframe{width: 100%; height:15rem;}
	.area1{margin-top: 1rem;}	
	.area1 .share-m{display: block;float: right;}
	.area1-c1{width:100%;float: none;}
	.comm-pn-hd{height: 2rem; line-height: 2;margin-bottom: .8rem;}
	.comm-pn-hd .tit{font-size:1rem;border-bottom: 1px solid #45a145; height: 2rem;line-height:2.29; font-weight: bold;  }
	.area2 .comm-pn-bd p{font-size:.875rem;line-height: 2}
	.back-list{width:100%;padding: 0; height: auto}
	.back-list .item{width:140px;display: inline-block;float: none;}
	.back-list .item .art-item-pt,.back-list .item .art-item-pt img{width: 100%;height: auto;display: inline-block;box-sizing:border-box;}
	.back-list .item .art-item-pt .text{width: 100%; height: 1.5rem;font-size: .75rem; line-height: 1.7;}
	.owl-carousel .owl-item{text-align: center;}
	.comm-pict li{width: 50%}
	.comm-pict li .pic .cover{display: none;}
	.comm-pict li .pic{width: 50px;margin-right: .5rem;}
	.comm-pict li .pic img{border-radius: 50%; width: 50px;height:50px;}
	.comm-pict li{padding: .5rem 0;}
	.comm-pict li .text{padding-top: 0}
	.comm-pict li .text .tit{font-size:.875rem;}
	.comm-pict li .text .name{font-size: .875rem;}
	.owl-theme .owl-controls .owl-buttons div{font-size: 1rem; font-family: "Microsoft Yahei"; background: rgba(0,0,0,.7);width: 1.2rem; height: 2rem; color: #000;font-size: 0;top: 20px;}
	.owl-theme .owl-controls .owl-buttons div:after{position: relative;content: "";display: inline-block;top:.5rem;width:.7rem; height: .7rem;border-right: .2rem solid #fff;border-top: .2rem solid #fff;}
	 .owl-theme .owl-controls .owl-buttons .owl-next::after{-webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}
	 .owl-theme .owl-controls .owl-buttons .owl-prev::after{-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);  transform: rotate(-135deg);}
	.area3 .comm-pn-bd{margin:0 -.8rem }
	.area3,.area4{margin-top:1rem;}
}
@media only screen and (min-width:320px) {
    html {font-size:16px}
}



/*mod-con0*/

.mod-con0 .mod-hd h3 { display:inline-block; *zoom:1; *display:inline; /*vertical-align:top;*/ font-size:28px; font-weight:bold; font-family:"Microsoft Yahei",Arial; color:#000; /*width:266px;*/ text-indent:6px; border-bottom:1px solid #c1c0bd; line-height:60px; padding-right:100px;}
.mod-con0 .mod-bd {overflow:hidden; *zoom:1;}
.mod-con0 .mod-bd p { font-size:16px; color:#000; font-family:"Microsoft Yahei",Arial; line-height:32px; text-indent:2em;}