/*the nav-pn*/
.nav-pn{ width:100%; background:#181818; background:rgba(0,0,0,.9); position:fixed; bottom:0; left:0; z-index:1000; _position:absolute;}
.nav-pn-in{ width:1000px; height:80px; margin:0 auto;}
.nav-list{ float:left; margin-right:10px; height:80px; padding-top:5px; margin-top:-5px; overflow:hidden;}
.nav-list .item{ float:left; border-left:1px solid #252525; border-right:1px solid #252525; margin-left:-1px;}
.nav-con11, .nav-tip{ display:block; height:60px; width:122px; padding-top:20px; text-align:center; position:relative;}
.nav-con11 .name11, .nav-con11 .date, .nav-tip .name11, .nav-tip .date{ display:block; line-height:1.33}
.nav-con11 .name11, .nav-tip .name11{ font-size:2em; color:#fff; font-weight:bold;}
.nav-con11 .date, .nav-tip .date{ font-size:1.6em; color:#fff; font-family:"Times New Roman", Times, serif;}
.nav-con11 i{ position:absolute; width:100%; height:5px; overflow:hidden; left:0; bottom:0; background-color:#C59D01; display:none;}
.nav-con11:hover{background:#000; }
.nav-con11:hover .name11, .nav-tip .name11{ color:#999;}
.nav-con11:hover .date, .nav-tip .date{ color:#5b5b5b;}

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

.page1 .item1 .nav-con11, .page2 .item2 .nav-con11, .page3 .item3 .nav-con11, .page4 .item4 .nav-con11, .page5 .item5 .nav-con11{ background-color:#FCE200; height:70px; padding-top:15px; margin-top:-5px;}
.page1 .item1 .nav-con11 i, .page2 .item2 .nav-con11 i, .page3 .item3 .nav-con11 i, .page4 .item4 .nav-con11 i, .page5 .item5 .nav-con11 i{ display:block;}
.page1 .item1 .nav-con11 .name11, .page2 .item2 .nav-con11 .name11, .page3 .item3 .nav-con11 .name11, .page4 .item4 .nav-con11 .name11, .page5 .item5 .nav-con11 .name11{ color:#000; font-size:2.5em;}
.page1 .item1 .nav-con11 .date, .page2 .item2 .nav-con11 .date, .page3 .item3 .nav-con11 .date, .page4 .item4 .nav-con11 .date, .page5 .item5 .nav-con11 .date{ color:#000; font-size:2em;}

.code-box{ float:left; width:180px; padding:7px 0 0 0}
.code-con{ overflow:hidden; *zoom:1;}
.code-c1{ float:left;}
.code-c1 .pct{ display:block; width:50px; height:37px; padding:25px 10px 0 0; text-align:center; font-size:1.6em; color:#fce200; font-family::"Times New Roman", Times, serif;background:url(http://ue3.17173cdn.com/a/news/zt/2014/yzyy/img/sprite-png24.png) no-repeat 0 -480px;}
.code-c2{ overflow:hidden; *zoom:1;}
.code-c2 .tit{ font-size:2.8em; color:#fce200; font-weight:bold; display:block}
.code-c2 .txt{ font-size:1.4em; color:#8f8104;}

.code-box-end .code-c1 .pct{ background-position:-70px -480px; color:#fff;}
.code-box-end .code-c2 .tit{ color:#fff}
.code-box-end .code-c2 .txt{ color:#fff}

.code-box-sucess .code-c1{ padding:10px 5px 0 0;}

.channel-box{ float:left; height:80px;}
.channel-item{ float:left;}
.channel-con{ display:block; width:75px; height:80px; 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:-14px 0 0 -19px;}
.channel-item .hover{ background-color:#000; cursor:pointer}

.share-box{ position:absolute; width:210px; left:50%; bottom:80px; margin-left:-105px; background-color:#fff; border:1px solid #e5e5e5; border-bottom:none; display:none;}
.share-box .arrow-b1{ position:absolute; left:50%; bottom:-23px; margin-left:-12px;}
.share-list{ text-align:left; box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);}
.share-list .share-item{ border-top:1px solid #e5e5e5; margin-top:-1px;}
.share-list .share-item a{ display:block; height:64px;}
.share-list .share-item a:hover{ background-color:#f0f0f0;}
.share-list .share-c1{ float:left; width:60px; text-align:center; margin-right:8px; padding:16px 0 0 0;}
.share-list .share-c2{ display:block; line-height:64px; font-size:1.6em; color:#333;}

#jiathis_weixin_h3{ font-size:1.4em;}

.share-box1{ display:none;}

/*the pop-box*/

.pop-box{ width:460px; min-height:185px; _height:185px; padding-bottom:20px; background-color:#fff; border-top:5px solid #fb6161;}
.pop-hd, .pop-bd{ padding:0 4.35%;}
.pop-hd{ position:relative; overflow:hidden; *zoom:1;}
.pop-tit{ display:block; font-size:1.8em; font-weight:bold; color:#333; line-height:2.777;}
.pop-bt-close{ color:#333; font-size:4em; line-height:1.25; position:absolute; top:0; right:0; display:block; width:9.523%; text-align:center;}
.pop-info{ font-size:1.6em; color:#333; margin-bottom:2.38%;}
.pop-up{ color:#f44545; }

.pop-form{ padding-bottom:2.38%;}
.pop-form .item{ overflow:hidden; *zoom:1; margin-bottom:13px;}
.pop-text{ font-size:1.4em; border:1px solid #ccc; padding:6px 5px 5px 5px; width:55%; background-color:#fff; color:#333; float:left; margin-right:5px;}
.pop-veri{ float:left; border:1px solid #ccc; margin-right:5px;}
.pop-veri, .pop-veri img{ width:72px; height:30px;}
.pop-bt-change{ font-size:1.2em; float:left; color:#0c7cdc; line-height:2.fff6;}
.pop-bt-change:hover{ text-decoration:underline}
.pop-bt{ display:inline-block; border:none; width:100px; height:35px; line-height:35px; text-align:center; color:#fff; font-size:1.6em; cursor:pointer; background-color:#359bf3; border-radius:none; background-image:none;}
.pop-bt:hover{ background-color:#41a2f5;}
.pop-bt-ex{ width:80px; height:32px; line-height:32px;}
.item-action{ text-align:center; }
.pop-label{ float:left; font-size:1.6em; color:#333; margin-right:5px; line-height:2;}
.pop-tip{ font-size:1.4em; color:#999; line-height:1.857; border-top:1px solid #e9e9e9; padding-top:2.38%;}
.pop-tip a{ color:#0c7cdc; }
.pop-tip a:hover{ text-decoration:underline}

.pop-form-gift .pop-bt{ height:32px; line-height:32px; width:80px;}

.pop-step3 .pop-info{ text-align:center}

.video-box{ width:900px; height:577px; margin:0 auto}

.slide-tip-mb{ display:none;}

@media only screen and (min-width:321px) and (max-width:360px){

}

@media only screen and (min-width:361px) and (max-width:400px){

}

@media only screen and (min-width:401px) and (max-width:533px){

}

@media only screen and (min-width:534px) and (max-width:568px){

}

@media only screen and (min-width:568px){

}

@media only screen and (max-width:767px){

#js-global-topnav{ display:none;}
body{min-width:100%;}
.header, .header-in, .content, .footer{ width:100%;}

/*the header*/
.link-box, .periods-cur .arrow-b, .periods-old{ display:none;}

.header, .header-in{ height:128px;}
.wrapper .header{ font-size:5px; background:url(http://ue1.17173cdn.com/a/news/zt/2014/yzyy/img/header-mb.jpg) no-repeat center top; background-size:100% 128px;}
.header-con{ left:14.84%;}
.zt-source{ margin-right:15px;}
.periods-box .adorn{ width:1px; left:-3px; height:10px; margin-top:-5px;}
.zt-tit{ line-height:1.3;}
.zt-intro-c1{line-height:1.3;}
.zt-intro-c2{ font-size:4em;}

/*the content*/
.art-tab .gb-tab-c .avatar-box, .art-tab .gb-tab-c .txt-box, .bt-show-box, .photo-box .bt-watch, .vote-c2{ display:none;}

.area-tit{ display:block; font-size:1.7em; color:#000; font-weight:bold; padding:4%; position:relative;}
.area-tit:before{content:' '; display:block; position:absolute; left:0; top:50%; margin-top:-8px; width:5px; height:16px; background-color:#000;}

.art-pn-hd{ text-align:left; border-bottom:1px solid #dbdbdb; padding:5.468% 0 0.78% 0; margin:0 3.125%;}
.art-pn-bd{ border:none; background-color:#f9f9f9}
.art-tit{ font-size:2.2em;}

.art-tab-pn{padding:3.5% 3.125% 15% 3.125%;}
.art-tab{ display:none;}

.ico-prev-mb, .ico-next-mb{ width:10px; height:18px;}
.ico-prev-mb{ background-position:0 -1800px;}
.ico-next-mb{ background-position:-70px -1800px;}

.photo-slide, .photo-slide .slide-box, .photo-slide .photo-box, .photo-slide .photo-box img{ width:300px; height:175px;}
.photo-slide .scroll-bt{ display:none;}
.slide-tip-mb{ width:100%; height:24px; position:absolute; left:0; top:0; background:rgba(0, 0, 0, 0.6); text-align:center; display:block}
.slide-tip-mb .txt{ font-size:1.2em; color:#fff; font-weight:bold; line-height:2;}
.slide-tip-mb .ico-prev-mb, .slide-tip-mb .ico-next-mb{ position:absolute; top:50%; margin-top:-9px;}
.slide-tip-mb .ico-prev-mb{ left:5px;}
.slide-tip-mb .ico-next-mb{ right:5px;}

.photo-slide .photo-box .tit{ padding:5px 0; font-size:1.4em;}



.photo-pn .photo-box, .photo-pn .photo-box img{ width:100%; height:auto;}

.ico-quote{ width:13px; height:12px; background-position:-35px -820px;}

.editor-pn{ border-top:1px solid #d6d6d6; padding-top:10%;}
.editor-pn, .feature-pn, .vote-pn{ margin-left:3.125%; margin-right:3.125%;}
.editor-pn-in{ position:relative; overflow:hidden; *zoom:1;}
.editor-pn .avatar-box{ width:112px; text-align:center; padding-bottom:5em;}
.editor-pn .avatar-box img{ width:70%; height:auto;}
.editor-pn .name-box{ width:112px; position:absolute; left:0; top:90px; text-align:center; padding:0;}
.editor-pn .txt-box{ width:60%; padding-top:0;}
.editor-pn .txt-box .txt{ font-size:1.4em; color:#999; line-height:1.57;}
.editor-pn .name-box .tit{ font-size:1.2em; color:#999; display:block;}
.editor-pn .name-box .tit i{ display:none;}
.editor-pn .name-box .name11{ font-size:1.5em; display:block}

.feature-pn{ background-color:#fff; border:1px solid #dedfe0;}
.feature-box{ float:none; width:93%; margin:0 auto; color:#333;}
.feature-box .hd{ float:none; background:none; font-size:1.7em; line-height:32px; height:32px; width:100%; padding-right:0; padding-top:1.754%; text-align:left; border-bottom:1px solid #dadbdc;}
.feature-box .hd .tit{ border-bottom:1px solid #262c34; float:left; padding:0 0.877%;}
.feature-box .bd{ height:auto; display:block;}
.feature-con{ padding:0.877% 0.877% 1.754% 0.877%;;}
.feature-list{ font-size:1.4em;}
.feature-list li{ padding-left:0; background:none;}

.vote-pn{ border-left:0; border-right:0; border-bottom:0;}
.vote-pn .hd{ font-size:1.7em; font-weight:bold; text-align:left;}
.vote-c1{ overflow:hidden;}
.vote-c1 .vote-item-support, .vote-c1 .vote-item-oppose{ width:50%; float:left; margin:0;}

.ico-support, .ico-oppose{ width:65px; height:65px; background-size:100%;}
.ico-support{ background-position:0 -390px;}
a:hover .ico-support{ background-position:0 -460px;}
.ico-oppose{ background-position:0 -530px;}
a:hover .ico-oppose{ background-position:0 -600px;}
.vote-c1{ position:relative;}
.vote-c1 .bt-support .txt, .vote-c1 .bt-oppose .txt{ color:#505050; top:74px;}
.vote-c1 .num{ font-size:2em; padding-top:1.5em;}
.vote-c1 .adorn{ background:url(http://ue3.17173cdn.com/a/news/zt/2014/yzyy/img/sprite-png24.png) no-repeat 0 -680px; background-size:6500%; width:1px; height:120px; position:absolute; left:50%; top:-10px;}

.comment-pn{ font-size:16px; padding:2.5% 3.125%;}

.ico-xnwb1, .ico-qqwb1, .ico-qqkj1, .ico-wx1, .ico-code{ display:inline-block; vertical-align:middle; background:url(http://ue3.17173cdn.com/a/news/zt/2014/yzyy/img/sprite-png24.png) no-repeat;}
.ico-xnwb1, .ico-qqwb1, .ico-qqkj1, .ico-wx1{background-size:216.ffffff66%; width:30px; height:30px;}
.ico-xnwb1{ background-position:-35px -680px;}
.ico-qqwb1{ background-position:-35px -715px;}
.ico-qqkj1{ background-position:-35px -750px;}
.ico-wx1{ background-position:-35px -785px;}

.ico-code{background-size:185.714285%; width:35px; height:35px;}
.ico-code{ background-position:0 -850px;}

.bt-to-top{bottom:60px;}
.bt-to-get{bottom:120px;}
.bt-to-get .ico-code{ display:block; margin:9px auto 0 auto;}

.share-box1{ display:block; text-align:center; padding-bottom:3.90625%;}
.share-box1 .tit{ vertical-align:middle; font-size:1.5em; color:#999; margin-right:8px;}
.share-list1, .share-list1 .share-item, .share-list1 .share-item a{ display:inline-block}
.share-list1 .share-item{ margin-right:5px;}
.share-list1 .share-item a{}
.share-list1 .share-item a:hover{}
.share-list1 .share-c1{}

/*nav-pn*/
.code-box, .channel-box{ display:none;}

.nav-pn-in{ width:100%; height:50px;}
.nav-list{ float:none; margin:0; padding-top:0;}
.nav-list .item{ border:none; margin:0; width:20%;}
.nav-con11{ width:100%; height:40px; padding-top:10px; margin-top:0;}
.nav-con11 .name11{ font-size:1.5em;}
.nav-con11 .date{ font-size:1.3em;}
.nav-con11 i{ height:3px;}
.page1 .item1 .nav-con11 .name11, .page2 .item2 .nav-con11 .name11, .page3 .item3 .nav-con11 .name11, .page4 .item4 .nav-con11 .name11, .page5 .item5 .nav-con11 .name11{ font-size:1.6em;}
.page1 .item1 .nav-con11 .date, .page2 .item2 .nav-con11 .date, .page3 .item3 .nav-con11 .date, .page4 .item4 .nav-con11 .date, .page5 .item5 .nav-con11 .date{ font-size:1.4em;}
.page1 .item1 .nav-con11, .page2 .item2 .nav-con11, .page3 .item3 .nav-con11, .page4 .item4 .nav-con11, .page5 .item5 .nav-con11{ height:44px; padding-top:6px; margin-top:0;}

/*the footer*/
.footer{ padding-bottom:50px;}
.global-footer{ font-size:14px;}

/*the pop-box*/

.pop-box{ width:100%; display:none;}
.pop-form-gift .pop-bt{ width:19%;}

.video-box, .video-box iframe{ width:100%; height:auto;}

}


/*the lightbox*/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #fff; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}



.item {
font-size: 10px;
font-family: "Microsoft Yahei";
letter-spacing: 0px;
line-height: 1.5;
}