html{font-size:14px;font-family:"Microsoft Yahei",helvetica,arial,sans-serif;word-wrap:break-word;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input,figure{ margin: 0; padding: 0; border: 0;text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
img{vertical-align: middle;}
address,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
h1,h2,h3,h4,h5{font-size:100%;font-weight:normal;}
li {
	list-style: none;
}
/*浮动*/
.floleft {
	float:left;
}
.floright {
	float:right;
}
.cl {
	clear:both;
}/*清浮动*/
body {
	color:#666666;/*网站主体内容颜色*/
	font-size:14px;
	text-align:left;
	line-height:32px;font-family: "SimSun",Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
/*中国青年网头部HEDER*/
.rainbow{ width:100%; position:relative;}
.rainbow-top{ width:100%; height:5px; background-color:#de310a;overflow:hidden;position:absolute; top:0; left:0;}
.rainbowimg{ width:100%; height:5px; background:url(20170829rainbow.gif) no-repeat top center; position:absolute; top:0; overflow:hidden;}
.rainbow-con{ width:100%; height:38px; border-bottom:#ececea 1px solid; background-color:#fefefe; font-size:14px;  line-height:42px;}
.rainbow-meun{ width:1000px; margin:0 auto; padding:0px;}
.rainbow-meun a{color:#000; margin:0px 3px;}
.rainbow-meun a:hover{color:#C60; margin:0px 3px;}

.youth-logo{ width:1000px; margin:0 auto; height:70px; padding:15px 0px; }
.youth-search{ width:265px; float:right}
.youth_so{ width:265px;  float:right; margin:5px 0px 10px; height:28px;border:#deddde 1px solid;}
.youth_so font{ color:#424242; line-height:28px;}
.youth_so span{ width:205px; height:28px; float:left;
			  }
.youth_so p{width:55px;float:right; height:28px; background-color:#ebebeb;font-family: "微软雅黑", "黑体";
         font-size:14px; text-align:center; line-height:28px; color:#fff;border-left:#deddde 1px solid;}
.youth_so p a{  color:#747474;}
.jn-wby{width:175px; height:28px; float:left; 
         border:0; line-height:28px; color:#000; text-align:left;}
		 
.youth-menu{ width:100%; height:65px; background-color:#2c83f9; margin:15px 0px;}
.menu-con{ width:1010px; margin:0px auto;}
.menu-list,.menu-list2{ float:left; text-align:center; }	
.menu-list li,.menu-list2 li  { 
    display: block;
    font-size: 14px;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
	color:#fff;
}
.menu-list li a,.menu-list2 li a { 
	color:#fff; margin:0px 8px;display: inline;
}
.menu-list li span,.menu-list2 li span {font-weight: bold;
}		 
/*中国青年网友情链接*/

.youth-link{ width:100%; padding:10px 0px; background-color:#206ed7; margin:25px 0px; float:left}
.youth-link-con{ width:1000px; margin:0 auto;}
.youth-link-con span{ color:#fff; font-size:16px;font-family: "微软雅黑", "黑体";}
.youth-link-con a{ color:#fff;font-size:14px; margin:0px 2px; }
.youth-link-con a:hover{ color:#F60;}

/*中国青年网版权*/
.youth-copyright{ width:800px; margin:20px auto; }
.youth-copyright center{ margin:5px 0px; }
.youth-copyright img{ margin:15px;}

.concent{width:1000px; margin:15px auto;}
.youth-title{ width:990px; height:32px; background-color:#f1f1f1; padding:0px 5px;margin-top: 0px;   }
.youth-title h1{float:left;  color:#db0000; font-size:16px;}
.youth-title-gund {
    width: 900px;
    float: right;
    padding-right: 10px;
}
.gund-list{ height:32px; }
#demo1,#demo2{ float:left; line-height:32px;}
#demo1 p,#demo2 p{ overflow:hidden; zoom:1;}
#demo1 p a,#demo2 p a{ float:left; line-height:32px; list-style:none; color:#333; margin:0px 5px;}

#demo1 p a:hover,#demo2 p a:hover{ text-decoration:underline;}
.youth-hotline {
    width: 100%;
    height: 80px;
    float: left;
    margin-top: 15px;
    border-bottom: 1px solid #f1f1f1;
}

.youth-hotline h1{font-size:28px;font-family:"Microsoft YaHei"; line-height:39px;text-align: center; }
.youth-hotline h1 a{ color:#000; }
.youth-hotline h1 a:hover{ color:#1453a7; }

.youth-hotline center{line-height: 39px;}

.youth-hotline center a{  margin:0px 10px; color:#999; font-size: 12px;}

.youth-hotline center a:hover{ color:#1453a7; text-decoration:underline;}

.youth-ggw,.right-copy,.youth-con{ width:100%; float:left;}
.youth-con
{
margin-top: 10px;
}

.gao{ margin:15px 0px 10px;}
/*中国青年网新闻标题块样式*/
.youth-nav{ width:100%; float:left; background:url(nav_before.png) repeat-x; margin:10px 0px; }
.nav-name{  float:left; line-height:42px; font-size:20px; font-family:"Microsoft YaHei"; }
.nav-name li{ float:left; float:left; font-size:20px; 
           margin-right:10px; 
		   line-height:35px;height:42px;}
.nav-name li a{ display:block; padding:0px 5px; color:#2c83f9;}

.nav-name li a:hover{ height:42px; background:url(nav_after.png) repeat-x ; text-decoration:none;color:#999; }

.nav-name li:hover {
    height: 42px;
    background: url(http://www.youth.cn/images/nav_after.png) repeat-x;
    text-decoration: none;
    color: #999;
}

.nav-second{ float:right; margin-right:10px; margin-top:5px;}
.nav-second li{ float:left; font-size:12px; line-height:37px; font-family:"NSimSun", "SimSun"; }
.nav-second li a{ display:block; color:#666666; margin:0px 5px;}
.nav-second li a:hover{  color:#a62320; }
.more{
            width: 12px;
            height: 12px;
            cursor: pointer;
			float:right;
            -webkit-transition: all .7s ease-in-out;
            -o-transition: all .7s ease-in-out;
            transition: all .7s ease-in-out;
			margin-top:17px;
        }
        .more a{
            display: block;
            width: 12px;
            height: 12px;
            background: url(20170829icon_all.png) no-repeat -10px -11px;
        }
        .more a:hover{
            background: url(20170829icon_all.png) no-repeat -26px -11px;
        }
        .more:hover{
            transform:rotate(270deg);
            -ms-transform:rotate(270deg); 	/* IE 9 */
            -moz-transform:rotate(270deg); 	/* Firefox */
            -webkit-transform:rotate(270deg); /* Safari 和 Chrome */
            -o-transform:rotate(270deg);
        }
.new-list{width:100%;  float:left;}	
.new-list li{width:100%; float:left; }		
.new-list li a{ color:#333;}
.new-list li a:hover{color:#305798; }		
.new-list li p{font-family:"Microsoft YaHei"; font-size:16px;  }
.new-list li i{font-family:"Microsoft YaHei"; font-size:16px; color:#db0000; font-style:normal;}	
.new-list li p {
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-weight: bold;
}	
.red{ color:#db0000;}
.icon { 
    display: inline-block;
    overflow: hidden;
    vertical-align: middle; margin-right:8px;background: url(20170829icon_all.png) no-repeat scroll 0 0; 
	 height: 196px;
    width: 283px;
}	
.new-list li a .icon,.nav-name li a .icon {
    position: relative;
}
.newsline{ background-position:-9px -89px ;
   height: 42px;
    width: 52px;}
.iconzi{
	background-position:-79px -51px ;
   height: 20px;
    width: 65px;
}
.Learner{ background-position:-79px -87px ;
   height: 20px;
    width: 65px;}
	
.spt{ background-position:-43px -13px ;
   height: 9px;
    width: 18px;}		
	
.sanxx{ background-position:-78px -129px ;
height: 26px;
    width: 35px;
	 }
.qingn{
	  background-position: -71px -200px;
    height: 34px;
    width: 88px;}	
.tuanh{background-position:-9px -41px ;
	 height: 35px;
    width: 33px;}	
.topline{ background-position:-5px -147px ;
	 height: 30px;
    width: 54px;}			
.special{ background-position:-5px -190px ;
	 height: 30px;
    width: 54px;}	
.comment{
	background-position:-73px -167px ;
	height: 28px;
    width: 86px;}	

	
.hotpic_box,.hotpic_box span {
	width:350px;
}
.hotpic_box2,.hotpic_box span2 {
	width:240px;
} 
.hotpic_box,.hotpic_box2{
	height:172px; float:left;position:relative;
	overflow:hidden; margin:8px 0px 10px 0px;
}
.hotpic_box span,.hotpic_box2 span {
	height:172px; float:left;
}
.boxk {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:28px;
	background:#1583c8;
   -moz-opacity:0.3;
   opacity: 0.3;
   filter: Alpha(opacity=30);
     z-index:9;
}
.hotpic_box font,.hotpic_box2 font{
	display:block;
	width:100%;
	height:28px;
	line-height:28px;
	text-align:center;
	position:absolute;
	z-index:10;
	bottom:0px;
	left:0px;
	color:#FFFFFF;
}

.hotpic_box font a,.hotpic_box2 font a {
	color:#FFF;
}
.hotpic_box font a:hover,.hotpic_box2 font a:hover { font-weight:bold;
	
}
.youth-text{ font-size:12px; line-height:26px; padding:3px 0px 2px; }

/*中国青年网新闻标题块样式END*/
.left-con{ width:350px;}
.right-con{ width:620px;}
.youth-left{ width:760px; float:left;}
.left-copy{ width:350px; height:380px; margin-right:30px; }
.youth-right{ width:240px; float:right;}
.youth-k{ width:100%; float:left;}
/*焦点图*/
.jsArea {
	width:620px;
	height:370px;
	position:relative;
	overflow:hidden;
	margin:8px 0px 11px 0px;
}
.jsArea .preNext {
	width: 100px;
	height: 200px;
	position: absolute;
	top: 40px;
	cursor: pointer;
	z-index:99;
}
.jsArea .pre {
	left: 0;
	background: url(http://news.youth.cn/images/sprite.png) no-repeat left center;
}
.jsArea .next {
	right: 0;
	background: url(http://news.youth.cn/images/sprite1.png) no-repeat right center;
}
.slidImgDiv {
	width:620px;
	height:370px;
	overflow:hidden;
	position:relative;
}
.slidImgDiv ul {
	position:absolute;
	z-index:2;
	margin:0;
	padding:0;
}
.slidImgDiv ul li {
	float:left;
	width:620px;
	height:370px;
	overflow:hidden;
	position:relative;
	z-index:3;
}
.slidImgDiv ul li .marking {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:45px;
	background:#000;
	display:block;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: Alpha(opacity=60);
	z-index:5;
}
.slidImgDiv ul li .txt {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	z-index:6;
	font-size:16px;
	line-height:45px;
	font-family: "\5FAE\8F6F\96C5\9ED1";
	color:#fff;
	text-align:left;
}
.slidImgDiv ul li .txt a {
	font-size:16px;
	line-height:45px;
	font-family: "\5FAE\8F6F\96C5\9ED1";
	color:#fff;
	margin:0 10px;
	text-decoration:none;
	text-align:left;
}
.slidImgDiv ul li .txt a:hover{
	text-decoration: underline;
}
.slidContrlDiv {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	z-index:3;
}
.slidContrlDiv ol {
	position:absolute;
	right:5px;
	bottom:14px;
	_bottom:10px;
	z-index:10;
	margin:0;
	padding:0;
}
.slidContrlDiv li {
	float:left;
	width:11px;
	height:11px;
	text-align:center;
	display:inline;
	margin:0 5px 0 5px;
}
.slidContrlDiv li a {
	display:inline;
	width:11px;
	height:11px;
	color:#B0B0B0;
	font:12px/15px "\5B8B\4F53";
	text-decoration:none;
	text-align:center;
	outline:0;
	float:left;
	background:#d9d9d9;
	border-radius:7px;
}
.slidContrlDiv li.current a, .slidContrlDiv li a:hover {
	background:#2c83f9;
}
/*焦点图结束*/

/*二维码*/
 .slideBar{
            padding: 0 10px 0 10px;
            position: fixed;
            left: 50%;
            margin-left: 510px;
            bottom: 50px;
            width: 37px;
            z-index: 999;
            text-align: center;
            cursor: pointer;
            background-color: #fff;
        }
        .slideBar ul{
            margin-top: 20px;
        }
        .slideBar ul li{
            width: 37px;
            margin-bottom: 20px;
            position: relative;
        }
        .slideBar ul li a{
            display: block;
        }
        #erbar{
            height: 37px;
            background: url(20170821zgqnwbar3.png) no-repeat;
        }
        .erbar1{
            position: absolute;
            top: -378px;
            left: -165px;
            width: 158px;
            height: 416px;
            transform: scale(0);
            -moz-transform:scale(0);
            -webkit-transform:scale(0);
            -ms-transform:scale(0);
            -o-transform:scale(0);
            transform-origin: bottom right;
			opacity:0;
            
            -webkit-transition: all .4s ease-in-out;
            -o-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
        }
        #erbar:hover img{
            transform:scale(1);
            -moz-transform:scale(1);
            -webkit-transform:scale(1);
            -ms-transform:scale(1);
            -o-transform:scale(1);
            opacity:1;
        }
		
		.f_end li {
    padding-left: 15px;
}
.f_end, .f_end li {
    width: 100%;
    float: left;
}
.youth-link-con a {
    color: #fff;
    font-size: 14px;
    margin: 0px 5px;
}
.f_end li span {
   width: 75px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    float: left;
    padding: 0px 0px 1px 3px;
}
.youth-menu{ width:100%; height:56px; background-color:#2c83f9; padding:10px 0px; margin-top:15px;}
.menu-con{ width:1000px; margin:0px auto; position:relative;}
.dw01,.dw02,.dw03,.dw04,.dw05{
	position:absolute; z-index:9999;
}
.dw01{
	left: 0px;
	top:0px;
}
.dw02{
	left: 210px;
	top:0px;
}
.dw03{
	left: 467px;
	top:0px;
}
.dw04{
	left: 635px;
	top:0px;
}
.dw05{
	left: 820px;
	top:0px;
}
.menu-list{ float:left;  }	
.menu-list li { 
    display: block;
    font-size: 14px;
    line-height:28px;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all; 
	color:#fff;text-align:center;
}
.menu-list li a { 
	color:#fff; 
}
.menu-list li span {font-weight: bold; float:left; margin-right:10px;
}	
.menu-list li p{float:left; 
}	
.menu-list li p a{margin:0px 8px; float:left; 
} 
.dwk01 a{ width:28px; float:left; text-align:center;
}
.dwk02{ width:70px; float:left; text-align:center;
}
.dwk03{ width:56px; float:left; text-align:center;
}

.youth_bkz, .youth_ggw5 {
    width: 731px;
    float: left;
}
.youth_ggw5 ul {
    width: 100%;
}
.youth_ggw5 ul li {
    width: 350px;
    float: left;
}
.youth_ky, .youth_bky, .youth_ggw6 {
    width: 240px;
    float: right;
    overflow: hidden;
}
.nav-name-tab{  float:left; line-height:42px; font-size:20px; font-family:"Microsoft YaHei"; }
.nav-name-tab li{ float:left; float:left; font-size:20px; 
           margin-right:10px; 
		   line-height:35px;height:42px;}
.nav-name-tab li a{ display:block; padding:0px 5px; color:#2c83f9;}

.cljysxz {
      height: 41px;
        text-decoration: none;
      border-bottom: 2px solid #2c83f9; 
    margin-top: -1px;
    color: #999;}
.cljys {
    display: block;
}
.tt_banner
{
width:240px;
height:60px;
float:right;
margin-top: 5px;
}
.youth_tt
{
    width: 750px;  
}