/*the global*/
body{font-size:12px;  font-family: "Microsoft Yahei"; letter-spacing:0px; min-width:1000px; background:#fff;}
a:focus,a:active,a:hover{ outline:none}

.global-footer{ color:#000; background:#f1f0ec;}
.global-footer a:link, .global-footer a:visited, .global-footer a:hover, .global-footer a:active{ color:#000;}

.ico-comment{ display:inline-block; vertical-align:middle; background:url(/ue3/a/v/dnf/epic/2015/img/sprite-png24.png) no-repeat;}
.ico-comment{ width: 61px; height: 50px; background-position: 0 0}
a:hover .ico-comment{ background-position: 0 -60px;}

.ico-support, .ico-oppose{ display:inline-block; vertical-align:middle; background:url(/ue2/a/v/dnf/epic/2015/img/sprite.png) no-repeat;}
.ico-support, .ico-oppose{ width:127px; height:127px;}
.ico-support{ background-position:0 -200px;}
.bt-support:hover .ico-support{ background-position:-160px -200px;}
.ico-oppose{ background-position:0 -340px;}
.bt-oppose:hover .ico-oppose{ background-position:-160px -340px;}

.comm-pn1-hd{ height:43px; line-height:42px; margin-bottom:15px; border-bottom:1px solid #e1cfb6; position:relative}
.comm-pn1-hd .tit{ color:#444; font-size:30px; position:absolute; left:0; top:0; height:42px; border-bottom:2px solid #25bcc0;  font-weight:bold;}
.comm-pn1-hd .more{ float:right; padding-right:5px;}
.comm-pn1-hd .more a{ color:#333;}
.comm-pn1-hd .more .sep{ color:#bbb; margin:0 4px 0 6px;}
.comm-pn1-hd .more a:hover{ text-decoration:underline}

/*the layout*/ 
.wrapper{}

/*header*/
.header .header-in { height:114px; width:1000px; margin:auto;}
.logo { display:block; float:left; width:250px; height:114px; background:url(/ue3/a/dnf/zt/2014/kys/img/logo-keyanshi0.png) no-repeat center;}

/*--page-bianjibu-degushi*/
.page-bianjibu-degushi .logo { background-image:url(/ue3/a/dnf/zt/2014/kys/img/logo-bianjibu-degushi0.png);}
/*--page-dongzuo-daren*/
.page-dongzuo-daren .logo { background-image:url(/ue1/a/dnf/zt/2014/kys/img/logo-dongzuo-daren0.png);}
/*--page-xiushou-tanxin*/
.page-xiushou-tanxin .logo { background-image:url(/ue3/a/dnf/zt/2014/kys/img/logo-xiushou-tanxin0.png);}
/*--page-bufu-shanghuangzi*/
.page-bufu-shanghuangzi .logo { background-image:url(/ue2/a/dnf/zt/2014/kys/img/logo-bufu-shanghuangzi0.png);}
/*--page-renwuzhi*/
.page-renwuzhi .logo { background-image:url(/ue3/a/dnf/zt/2014/kys/img/logo-renwuzhi0.png);}
/*--page-bingqipu*/
.page-bingqipu .logo { background-image:url(/ue3/a/dnf/zt/2014/kys/img/logo-bingqipu0.png);}
/*--page-epic*/
.page-epic .logo { background-image:url(/ue3/a/v/dnf/epic/2015/img/logo-epic.png);}

/*box0*/
.box0 { position:relative; overflow:hidden; *zoom:1;}
.box0 .box-in { position:relative; width:1000px; margin:auto; overflow:hidden;*zoom:1;}
/*
.box0 .box-hd { height:32px; border-bottom:3px solid #0f4792;}
.box0 .box-hd h2 { display:inline-block; *zoom:1; *display:inline; /*vertical-align:top;* background:#c7d8f9; font-size:18px; color:#333; font-family:"Microsoft Yahei",Arial; padding:0 15px; line-height:32px;}
*/
.box0 .box-bd { }

.box0 .box-left { width:386px; float:left; font-family:"Microsoft Yahei",Arial;}
.box0 .box-left h2 { display:inline-block; *zoom:1; *display:inline; margin-left:26px; margin-bottom:35px; /*vertical-align:top;*/ background:#5c5c5c; line-height:46px; padding:0 20px; color:#fff; height:46px;}
.box0 .box-left .tit { display:block; font-size:30px; line-height:40px; color:#fff; font-weight:bold; margin:0 26px 20px;}
.box0 .box-left .sub-tit { display:block; font-size:20px; color:#fff; margin:0 26px 30px;}
.box0 .box-left .summary { position:relative; *zoom:1; font-size:14px; color:#fff; line-height:26px; margin:0 26px 10px;}
.box0 .box-left .summary .deco0 { display:block; width:22px; height:16px; position:absolute; left:0; top:2px; background:url(/ue3/a/dnf/zt/2014/kys/img/bg-icon2.png) no-repeat 0 -416px; _background-image:url(/ue1/a/dnf/zt/2014/kys/img/bg-icon2-ie6.png);}
.box0 .box-left .summary .deco1 { display:block; width:22px; height:16px; position:absolute; right:0; bottom:6px; background:url(/ue3/a/dnf/zt/2014/kys/img/bg-icon2.png) no-repeat 0 -466px; _background-image:url(/ue1/a/dnf/zt/2014/kys/img/bg-icon2-ie6.png);}
.box0 .box-left .summary p { text-indent:2em;}

.box0 .box-right { width:614px; float:left;}
.box0 .box-right .pic{ display: block; border: 1px solid #303232}
.box0 .box-right .pic img{ display: block; width: 612px;}

.box0 .more { color:#0f4792; font-size:12px; position:absolute; right:10px; top:10px;}
.box0 .more a { color:#0f4792;}
.box0 .more a:hover { text-decoration:underline;}

.box-intro0 { background:#000; }

/*--page-bianjibu-degushi*/
.page-bianjibu-degushi .box-intro0 { background:#57b617;}
.page-bianjibu-degushi .box0 .box-left h2 { background:#79c545;}

/*--page-dongzuo-daren*/
.page-dongzuo-daren .box-intro0 { background:#ee6b2f;}
.page-dongzuo-daren .box0 .box-left h2 { background:#f18959;}

/*--page-xiushou-tanxin*/
.page-xiushou-tanxin .box-intro0 { background:#bb110f;}
.page-xiushou-tanxin .box0 .box-left h2 { background:#c9413f;}

/*--page-bufu-shanghuangzi*/
.page-bufu-shanghuangzi .box-intro0 { background:#ffb618;}
.page-bufu-shanghuangzi .box0 .box-left h2 { background:#333;}
.page-bufu-shanghuangzi .box0 .box-left .tit,
.page-bufu-shanghuangzi .box0 .box-left .sub-tit,
.page-bufu-shanghuangzi .box0 .box-left .summary { color:#333;}

/*--page-renwuzhi*/
.page-renwuzhi .box-intro0 { background:#4778c7;}
.page-renwuzhi .box0 .box-left h2 { background:#6c93d2;}

/*--page-bingqipu*/
.page-bingqipu .box-intro0 { background:#555;}
.page-bingqipu .box0 .box-left h2 { background:#777;}

/*--page-epic*/
.page-epic .box-intro0 { background:#25bcc0;}
.page-epic .box0 .box-left h2 { background:#1e969a; font-size: 18px;}

/*box-nav0*/
.box-nav0 { margin:0 0 0 250px; padding-top:20px; position:relative;}
.box-nav0 .deco0 { display:block; width:12px; height:56px; border-left:1px solid #ccc; position:absolute; left:0; top:32px;}

/*mod-nav0*/
.mod-nav0 { overflow:hidden; *zoom:1; padding-left:6px;}
.mod-nav0 li { display:inline-block; *zoom:1; *display:inline; float:left; width:93px; _width:92px;}
.mod-nav0 li a { display:block; width:100%; height:100%; _float:left; text-align:center; line-height:20px; font-size:14px; font-family:"Microsoft Yahei",Arial; text-decoration:none;}
.mod-nav0 li a i { display:block; margin:0 auto 10px; width:46px; height:46px; background:url(/i3/2015/dnf/2015/07/23/top-nav2.png) no-repeat center 0;cursor:pointer;}

.mod-nav0 li a span { display:block; color:#000; cursor:pointer;}

.mod-nav0 .li0 a i { background-position:center 0;}
.mod-nav0 .li1 a i { background-position:center -100px;}
.mod-nav0 .li2 a i { background-position:center -200px;}
.mod-nav0 .li3 a i { background-position:center -300px;}
.mod-nav0 .li4 a i { background-position:center -400px;}
.mod-nav0 .li5 a i { background-position:center -500px;}
.mod-nav0 .li6 a i { background-position:center -600px;}
.mod-nav0 .li7 a i { background-position:center -700px;}

.mod-nav0 .li0 a:hover i { background-position:center -50px;}
.mod-nav0 .li1 a:hover i { background-position:center -150px;}
.mod-nav0 .li2 a:hover i { background-position:center -250px;}
.mod-nav0 .li3 a:hover i { background-position:center -350px;}
.mod-nav0 .li4 a:hover i { background-position:center -450px;}
.mod-nav0 .li5 a:hover i { background-position:center -550px;}
.mod-nav0 .li6 a:hover i { background-position:center -650px;}
.mod-nav0 .li7 a:hover i { background-position:center -750px;}

/*the nav-pn*/
.nav-pn{ width:100%; background:#303030;}
.nav-pn-in{ width:1000px; height:88px; margin:0 auto;}
.nav-list{ float:left; margin-right:10px; height:88px; overflow:hidden;}
.nav-list .item{ float:left;}
.nav-con, .nav-tip{ display:block; height:64px; width:137px; padding-top:24px; text-align:center; position:relative;}
.nav-con .name, .nav-con .date, .nav-tip .name, .nav-tip .date{ display:block; line-height:1.33}
.nav-con .name, .nav-tip .name{ font-size:22px; color:#999; font-weight:bold; margin-bottom:3px;}
.nav-con .date, .nav-tip .date{ font-size:14px; color:#6a6a6a; font-family:"Times New Roman", Times, serif;}
.nav-con i{ position:absolute; width:100%; height:8px; overflow:hidden; left:0; bottom:0; background-color:#47abae; display:none;}
.nav-con:hover{/*background:#000; */}
.nav-con:hover .name, .nav-tip .name{ color:#65f7fb;}
.nav-con:hover .date, .nav-tip .date{ color:#5ad2d5;}

.item-hope{ height:88px; overflow:hidden}
.nav-tip{ background:#000;}

.item-w6 .nav-con, .item-w6 .nav-tip{ width: 195px;}

.page1 .item1 .nav-con, .page2 .item2 .nav-con, .page3 .item3 .nav-con, .page4 .item4 .nav-con, .page5 .item5 .nav-con, .page6 .item6 .nav-con{ background:url('/i1/2015/dnf/2015/04/23/jiaobiao1.jpg'); padding-top:24px; height:72px;}
.page1 .item1 .nav-con i, .page2 .item2 .nav-con i, .page3 .item3 .nav-con i, .page4 .item4 .nav-con i, .page5 .item5 .nav-con i, .page6 .item6 .nav-con i{ display:block;}
.page1 .item1 .nav-con .name, .page2 .item2 .nav-con .name, .page3 .item3 .nav-con .name, .page4 .item4 .nav-con .name, .page5 .item5 .nav-con .name, .page6 .item6 .nav-con .name{ color:#000; font-size:22px;}
.page1 .item1 .nav-con .date, .page2 .item2 .nav-con .date, .page3 .item3 .nav-con .date, .page4 .item4 .nav-con .date, .page5 .item5 .nav-con .date, .page6 .item6 .nav-con .date{ color:#181818;}

.channel-box{ float:left; height:88px;}
.channel-item{ float:left; cursor: pointer;}
.channel-con{ display:block; width:90px; height:88px; position:relative; text-align:center;}
.channel-con .ico-share, .channel-con .ico-comment{ position:absolute; left:50%; top:50%;}
.channel-con .ico-share{ margin:-18px 0 0 -15px;}
.channel-con .ico-comment{ margin:-22px 0 0 -30px;}
.channel-item .hover{ background-color:#000; cursor:pointer}

/*the content*/
.content{ width:1000px; margin:0 auto; padding:20px 0;}

.video-pn{ border: 1px solid #d5d5d4;}
.video-con{ height: 578px;}
.video-con embed, .video-con object{ width:100%; height:100%;}

.main{}
.main-c1{ float: left; width: 672px; padding-top:29px;}
.main-c2{ float: right; width: 286px; padding-top:20px; overflow: hidden;}

.feature-pn{ width: 672px; height: 164px; background:url(/ue2/a/v/dnf/epic/2015/img/sprite.png) no-repeat 0 0; margin-bottom:19px;}
.feature-box{ width: 326px; position: relative; *zoom:1;}
.feature-box1{ float: left;}
.feature-box2{ float: right;}
.feature-box .hd, .feature-box .bd{}
.feature-box .hd{ position: absolute; left:10px; top:-14px;}
.feature-box .hd .tit{ _position:absolute; display: block; font-size: 1.125rem; color:#fff; font-weight: bold; background: #303030; height: 38px; line-height: 38px; padding:0 10px;}
.feature-box .bd{ padding:40px 0 0 22px;}
.feature-con{ }
.feature-list{ overflow: hidden; *zoom:1;}
.feature-list li{ font-size: 14px; color:#303030; line-height: 26px; padding-left:17px; background: url(/ue2/a/v/dnf/epic/2015/img/sprite.png) no-repeat -600px -193px;}

.vote-pn{ border:1px solid #d5d5d5; border-top:5px solid #000;}
.vote-pn .hd{ font-size:30px; color:#444; text-align:center; line-height:2.8}
.vote-c1{ overflow:hidden; *zoom:1; text-align:center;}
.vote-c1 .vote-item-support, .vote-c1 .vote-item-oppose{ display:inline-block; width:48%; *display:inline; *zoom:1; cursor: pointer;}
.vote-c1 .bt-support, .vote-c1 .bt-oppose{ display:block; margin:0 auto; position:relative; *zoom:1; width: 127px;}
.vote-c1 .bt-support .txt, .vote-c1 .bt-oppose .txt{ position:absolute; display:block; top:88px; left:0; width:100%; text-align:center; color:#fff; font-size:20px; font-weight: bold;}
.vote-c1 .num{ font-size:40px; font-family:Impact; display:block}
.vote-c1 .vote-item-support .num{ color:#2180da;}
.vote-c1 .vote-item-oppose .num{ color:#e53a33}

.vote-c2{ margin-top:2.1%;}
.vote-bar-box{ width:100%; margin:0 auto; height:30px;}
.vote-bar{ width:470px; height:14px; position:relative; float:left; padding-top:9px;}
.vote-pct-support, .vote-pct-oppose{ float:left; width:100px; text-align:center; font-size:1.8em; color:#333;}
.vote-bar-support, .vote-bar-oppose{ float:left; height:14px; width:50%;}
.vote-bar-support{ background-color:#2180da;}
.vote-bar-oppose{ background-color:#e53a33;}

.comment-pn{ padding:2.5%;}
.comment-pn textarea{ background-color:#fff;}

.pn-old{}
.box-old{}
.box-old .hd{ height: 30px; line-height: 30px; cursor: pointer; overflow: hidden;}
.box-old .hd .tit{ font-size: 16px; color:#25bcc0;}
.box-old .hd .tit i{ display: inline-block; vertical-align: middle; width: 8px; height: 7px; background: url(/ue2/a/v/dnf/epic/2015/img/sprite.png) no-repeat -340px -200px; margin:0 7px 3px 5px; _margin:15px 7px 8px 5px}
.box-old .current .tit i{ background-position: -340px -220px;}
.box-old .bd{ padding:10px 0 10px 19px; display: none;}
.list-old{ overflow: hidden; *zoom:1;}
.list-old li{ width: 90%; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; padding-left:8px; background: url(/ue2/a/v/dnf/epic/2015/img/sprite.png) no-repeat -600px -286px; color:#999;}
.list-old li:hover{ background-position: -600px -236px;}
.list-old li a{ font-size: 14px; color:#999;}
.list-old li a:hover{ color:#444; text-decoration: underline;}
.pn-m-old{display: none;}
@media only screen and (max-width:700px) {
    html {
        font-size:18px
    }
    body{min-width: 100%}
    #baikeToolbar{display:none}
    .box-nav0,.g-topbar,.box0 .box-right,.nav-pn,.page-epic .box0 .box-left h2,.box0 .box-left .sub-tit,.box0 .box-left .summary{display: none;}
	.content{width: 100%;overflow: hidden;}
	.video-pn{border: 0; width: 100%}
	.vote-pn{display: none;}
	.content{padding: 0;}
	.header{width: 28%; float: left;}
	.header .header-in{width: 100%;height: auto;padding: .5rem 0 0 .8rem;overflow: hidden;}
	.box0 .box-left .tit{color: #333; font-size: 1rem;margin: .5rem 0;border-left: 1px solid #ddd;padding-left: .5rem;line-height: 2rem;}
	.page-epic .logo{width: 70px;height: 30px;background-size:100%}
	.page-epic .box-intro0{float: right;background: #fff;width: 72%;}
	.video-con{height:15rem;}
	.video-con iframe{width: 100%; height:15rem;}
	.main{padding: 0 .8rem;}
	.main-c1,.main-c2{width: 100%;padding-top: 0;}
	.feature-box{width: 100%;float:none;padding-top: 1rem;}
	.feature-pn{background:none;width: 100%; height: auto;}
	.feature-box .hd{width: 100%;position: static;border-bottom: 1px solid #e8e8e8;height:38px;}
	.feature-box .hd .tit{background:none;float: left; color: #ec4828;border-bottom: 1px solid #ec4828;position: relative;margin-bottom: -1px;font-weight: normal;padding: 0 }
	.feature-box .bd{padding:1em 0 0 0 ;}
	.feature-list li{background:none;padding-left:0;font-size: .9375rem;}
	.feature-list li::before{content: "";display:inline-block;vertical-align: middle; width:6px;height: 6px;background: #999; border-radius: 50%;margin-right: 10px; }
	.comm-pn1-hd .tit{color:#ec4828; font-size: 1.125rem;font-weight:normal;border-bottom: 1px solid #ec4828;position: relative;margin-bottom: -1px;float: left;height: 43px;}
	.box0 .box-left{width:100%;float: none;}
	.box0 .box-in{width:100%;}
	.global-footer{padding: .8rem;margin-top: 1rem;}
	.box-old .hd .tit{font-weight: bold;}
	.list-old li a{color: #000}
	.pn-old{display: none;}
	.pn-m-old{display:block;overflow: hidden;}
	.pn-m-old .tab{float:left;width: 40%;}
	.pn-m-old .tab-pn{float:left;width:60%;}
	.pn-m-old .tab li a{display: block;background: #eee;color: #999;line-height: 2.2;font-size: .875rem;margin-bottom: 1px;}
	.pn-m-old .tab li a::before{content:"+";width: 10px;text-align: center;margin: 0 .2rem;}
	.pn-m-old .tab .current a{background:#fff; color:#ec4828;}
	.pn-m-old .tab .current a::before{content: "-";color:#ec4828;}
	.pn-m-old .tab-pn a{display:block;line-height: 2.2;color:#333;padding-left: .5rem;font-size: .875rem;margin-bottom:1px;}
	.comment-m{margin-top:1rem;}
	.comm-pn1-hd{margin-bottom: .5rem;}
}
@media only screen and (min-width:320px) {
    html {
        font-size:16px
    }
}
.datonglan{width:1000px;margin:20px auto 0 auto;}