﻿/*reset*/
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video{margin:0;padding:0;}
html{width: 100%;height: 100%;}
article,aside,footer,header,nav,section,audio,canvas,video{display:block;}
body{width:100%;position:relative;font-size:100%;font-family:"Microsoft Yahei",Helvetica,STHeiti,Droid Sans Fallback;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#ffffff;}
textarea{resize:none;}
iframe,img{border:0;vertical-align:middle;}
ul,ol{list-style:none;}
input,select,textarea{outline:0;}
a{text-decoration:none;}
.wrapper a:hover{color:#4b4f66;}
i{font-style: normal;}
.clr { height:0; line-height:0; clear:both;}
.wrapper{width:100%;height:100%;overflow:hidden;}

.inner{
	padding:114px 0;
	width:720px;
	margin:0 auto;
	position:relative;
}
.big .writeText .inner{
	margin-left:217px;
}
/* timer */
.timer{
	font-size:18px;
	height:30px;
	line-height: 30px;
	color:#000;
	margin-bottom:15px;
}
.timer span{
	color:#fff;
	padding:1px 10px;
	margin-right:16px;
	background-color:#aa0000;
	-webkit-border-radius:30px;
	   -moz-border-radius:30px;
	    -ms-border-radius:30px;
	     -o-border-radius:30px;
	        border-radius:30px;
}
.timer strong{font-weight: 500;}

/* title */
.title{
	font-size:46px;
	line-height: 58px;
	text-align: left;
	padding:10px 0 20px;
}
.intro em,.autor .comm em,.focus_list .t,.go_top_btn{
	background:url(http://mat1.gtimg.com/www/topicmenu/topic/topicallpic.png) no-repeat;
}
#votetips{display:none;}
/* autor */
.autor{
	position:relative;
	height:94px;
	width:100%;
	margin:15px 0 45px;
}
.autor .tou{
	float:left;
	width:71px;
	height:71px;
	overflow:hidden;
	display:block;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
	border:1px solid #c5c5d0;
}
.autor a img{
	width:100%;
}
.autor h3{
	font-size:24px;
	height:34px;
	line-height: 34px;
	font-weight: 500;
}
.autor .intro{
	position:absolute;
	left:0;
	bottom:0;
	display:inline-block;
	height:88px;
	border-bottom:6px solid #dfdfe8;
	z-index:2;
}
.intro em{width:6px;height:6px;display:block;position:absolute;right:-5px;bottom:-6px;background-position: 0 -561px;}
.autor .intro_text{display:inline-block;margin-left:30px;    margin-top: 5px;}
.autor p{font-size:14px;color:#444343;line-height: 24px;}
.autor .comm{font-size: 14px;position:absolute;right:0;bottom:-8px;height: 20px;line-height: 20px;background-color:#fff;z-index: 3;padding-left:8px;color:#545454;}
.autor .comm em{width:20px;height:20px;display:block;margin-right:8px;background-position: 0 -320px;float:left;}
.autor .line{width:100%;height:100%;position:absolute;left:0;bottom:0;border-bottom:1px solid #969696;z-index:1;}

/* daoyu */
.daoyu{
	text-indent: 5em;
	position:relative;
	font-size:16px;
	color:#000;
	line-height: 34px;
	margin:10px 0;
}

/* focus */
.focus{margin:60px 0 80px;}
.focus .tit{
	padding-left:15px;
	margin:15px 0;
}
.focus h3{
	width:100%;
	height:20px;
	text-indent: -999em;
	background:url(http://mat1.gtimg.com/www/topicmenu/topic/ydxd_topic.png) left bottom no-repeat;
}
.focus .focus_list{position:relative;overflow:hidden;}
.focus em{width:100%;height:1px;display:block;position:absolute;left:0;bottom:0;background-color:#ededf5;z-index:2;}
.focus_list .focus_top{display:block;width:6px;height:5px;position:absolute;top:0;left:0;background-position: 0 -531px;z-index:3;}
.focus_list .focus_bottom{display:block;width:6px;height:8px;position:absolute;bottom:0;left:0;background-position: 0 -498px;z-index:3;}
.focus ul{
	position:relative;
	overflow:hidden;
	text-align:center;
	background-color:#ededf5;
	border-left:6px solid #9a9db7;
}
.focus li{
	width:645px;
	position:relative;
	display:inline-block;
	padding:25px 0;
	border-bottom: 1px solid #969696;
	text-align: left;
}
.focus li span{
	text-align:center;
	display:block;
	width:28px;height:37px;
	line-height:30px;
	position:absolute;
	left:0;top:28px;
	font-size:24px;
	color:#e5e5ed;
	background:url(http://mat1.gtimg.com/www/topicmenu/topic/yaodbg.png) no-repeat;
}
.focus li a{
	font-size:18px;
	color:#000;
	display:inline-block;
	text-align:left;
	line-height: 28px;
	padding-left:50px;
}
.focus li a:hover{color:#000;}

/* summary */
.summary { background:#f0f0f0; border-radius:10px; padding:20px; margin:50px 0; overflow:hidden}
.summary .summary_tit{ float:left; background:url(../files/jy-icon.gif); width:56px; height:102px; margin-right:30px;}

.summary .summary_text{
	font-size:16px;
	line-height: 30px;
}

/* 投票 */
.voteCon{margin-bottom:40px;overflow: hidden;display:none;}
.voteCon h3,.reference h3{
	width:100%;
	height:47px;
	margin:45px 0 20px;
}
.voteCon h3{background:url(http://mat1.gtimg.com/www/topicmenu/topic/newstitle.png) no-repeat;}
.reference h3{background:url(http://mat1.gtimg.com/www/topicmenu/topic/cankaotitle.png) no-repeat;}

.object{
    display: inline-block;
    overflow: hidden;
    width:100%;
}
.object h4{
	width:100%;
	font-size: 16px;
	height:26px;
	line-height: 26px;
	margin: 15px 0;
}
h4 em{
	font-style: normal;
}
.object .option{display:block;}
.object .result{display:none;}
.object ul{overflow:hidden;}
.option li{
	cursor:pointer;
	display:inline-block;
	float:left;
	border:1px solid #969696;
	margin:10px 5px;
	font-size:18px;
	padding:6px 21px;
	-webkit-border-radius:30px;
	   -moz-border-radius:30px;
	    -ms-border-radius:30px;
	     -o-border-radius:30px;
	        border-radius:30px;
}

.option li:hover{background-color:#aaafca;color:#fff;border:1px solid #aaafca;}
.option .active{
	background-color:#959bbd;
	border:1px solid #959bbd;
	color:#fff;
}
.result h5{
	font-size:16px;
	padding-left:15px;
	line-height: 30px;
	color:#676767;
}
.result li p{margin:10px 0;padding-left:15px;line-height: 30px;}
.result li strong{
	height:12px;
	display:inline-block;
	background-color:#ddd;
	float:left;
	margin-right:17px;
	margin-top:9px;
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
	    -ms-border-radius:20px;
	     -o-border-radius:20px;
	        border-radius:20px;
}
.result  p span{
	height:30px;
	display:inline-block;
	font-size:16px;
}
/* reference */
.reference{
	margin:20px 0;
}
.reference ul{
	padding-top:15px;
	overflow:hidden;
}
.reference li{
	margin-bottom:20px;
}
.reference em{
	display:inline-block;
	font-style: normal;
	color:#e1e1ea;
	font-weight: 600;
	background-color:#959bbd;
	padding:1px 2px;
	font-family: "Tahoma Regular";
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
	    -ms-border-radius:100%;
	     -o-border-radius:100%;
	        border-radius:100%;
	margin-right:11px;
}
.reference a{
	font-size:16px;
	color:#000;
	line-height: 30px;
}

/* history */
.history{overflow:hidden;}
.history ul{width:729px;display:inline-block;}
.history .tit{
	position:relative;
	height:18px;
	background:url(http://mat1.gtimg.com/www/topicmenu/topic/history.png) no-repeat;
	margin:45px 0;
}
.history .tit a{
	position:absolute;
	right:0;
	top:0;
	width:52px;
	height:18px;
	line-height: 22px;
	text-align: right;
	color:#676767;
	font-size:14px;
    background:#fff;
}
.history li{
	float:left;
	width:220px;
	margin-right:8px;
	display:inline-block;
    overflow:hidden;
}
.history a{display:block;color:#000;}
.history .img{
	display:block;
	width:220px;
	height:165px;
	overflow:hidden;
}
.history .img img{ width:220px;}
.history a img{
	max-height:100%;
}
.history li span{
	display:block;
	font-size:14px;
	color:#8f8f8f;
	height:24px;
	line-height: 24px;
}
.history li p{
	font-size:16px;
	line-height: 26px;
	text-align: left;
}

/* navlist */
.navList{
	min-width:300px;
	position:fixed;
	top:30px;
	left:0;
	z-index:0;
	height:100%;
}
.navList .slogo{
	position:absolute;
	top:128px;
	left:0;
	width:100%;
}

.small .d{display:none;}
.big .x{display:none;}

@media screen and ( width:1024px){
    .navList .nav { position:absolute; top:300px!important;}
    .small .navList { background:#333 url(../files/side-bg1.jpg) no-repeat!important;}
    .small .writeText { padding-left:300px!important;}
    .inner { width:670px!important;}
    .navList .nav a { line-height:34px!important; font-size:14px!important;}
}
@media screen and ( width:1366px){
    .navList .nav { position:absolute; top:300px!important;}
    .small .navList { background:#333 url(../files/side-bg1.jpg) no-repeat!important;}
    .small .writeText { padding-left:300px!important;}
    .inner { width:670px!important;}
    .navList .nav a { line-height:34px!important; font-size:14px!important;}
}
.navList .nav{
	position:absolute;
	top:444px;left:0;
	width:100%;
}

.navList a{
	display:block;
}
.navList .nav a{
	position:relative;
	text-align:left;
	font-size:16px;
	line-height: 46px;
	color:#fff;
}
.navList .nav li { margin:0 30px; border-bottom:1px solid #5f5f5f;}
.navList a em{
    float:right; margin-top:15px;
	display:block;
	width:25px;
	height:18px;
	background-color:#000;
	background:url(../files/s-link-b.png) no-repeat;
}
.navList a:hover em{
	background:url(../files/s-link-b.png) no-repeat;
}
.fixedtop{
	position:fixed;
	top:0px;
	left:0;
	width:100%;
	height:36px;
	z-index:100;
}

.big .fixedtop{
	background:url(http://mat1.gtimg.com/www/topicmenu/topic/topbgfixedbig.png) left top no-repeat;
}
.slogo img{max-width:100%;}
.navList .code{
	width:100%;
	position: absolute;
	bottom:78px;
	left:0;
	text-align: center;
}

.small .navList{
	width:300px;
	background:#333 url(../files/side-bg.jpg) no-repeat;
}
.big .navList{
	width:424px;
	background:url(http://mat1.gtimg.com/www/topicmenu/topic/t_logobig.png) #dfe8e6 no-repeat;
}

.small .writeText{
	padding-left:260px;
}
.big .writeText{
	padding-left:424px;
}

.go_top_btn {
    height: 61px;
    width: 61px;
    position: fixed;
    bottom: 50px;
    right: 50%;
    margin-right: -620px;
    background-position: 0 -364px;
    background-color:#ededf5;
}
.big .go_top_btn{
	margin-right: -688px;
}
.go_top_btn:hover {
    background-color:#959bbd;
}

.shareBnt dd a{background: url(http://mat1.gtimg.com/www/topicmenu/topic/sharlist.png) no-repeat;}
.shareBox{width:37px; position:fixed;top:166px;right:38%;margin-right:-460px;}
.shareBnt a{display:inline-block;*display:inline;zoom:1;height:36px;width:36px;  }

.shareBnt dd{height:36px;width:37px;margin-top:8px;position:relative;   }

.shareBnt dd a{display:block;height:100%;text-indent:-999em;overflow:hidden;width:38px;}


.shareBnt dd a:hover{text-decoration:none;  }
.shareBnt dd span img{width:100px;height:100px;}


.shareBnt .tcwb a{background-position:0 0 ;}
.shareBnt .qzone a{background-position:0 -48px ;}
.shareBnt .pengyou a{background-position:0 -96px ;}
.shareBnt .phone a{background-position:0 -144px ;}
.shareBnt .sina a{background-position:0 -192px;}


.shareBnt .tcwb a:hover{background-position:-37px 0 ;}
.shareBnt .qzone a:hover{background-position:-37px -48px ;}
.shareBnt .pengyou a:hover{background-position:-37px -96px ;}
.shareBnt .phone a:hover{background-position:-37px -144px ;}
.shareBnt .sina a:hover{background-position:-37px -192px;}

#imgewm{display:block;}
.shareBnt dd.phone a span{
	display:none;
	position:absolute;
	height:125px;
	line-height:25px;
	background:#fff;
	width:110px; color:#868686;  
	top:0;left:-120px;
	text-align:center;text-indent:0; 
	z-index:222;
	font-size:12px;
	padding-top:5px;
	border:1px solid #ddd;
}
.shareBnt .phone a:hover span{display:block;}



.article p {
	line-height: 34px; 
	text-align: left; 
	font-size: 16px; 
	padding-bottom: 10px; 
	text-indent: 2em;
}
.article .videoWrapper p{
	background:url(http://mat1.gtimg.com/www/topicmenu/topic/videopng.png)  no-repeat;
	display: block;
	margin-top:25px;
    text-align: left;
    font-size: 14px;
    height: 15px;
    line-height: 15px;
    padding-left:30px;
    text-indent: 0;
    padding-bottom: 40px;
    color: #8d8d8d;
}
.article .videoPlay{
	width:720px;
	height:364px;
	margin:0 auto;
	position:relative;
}
.article .videoPlay a{display:block;height:364px;overflow:hidden;}
.article .videoPlay #modvideo{
	width: 100%;
    height: 100%;
}
.videoPlay span{
	cursor:pointer;
	width:135px;
	height:135px;
	display:inline-block;
	position: absolute;
	top:114px;
	left:292px;
	background:url(http://mat1.gtimg.com/www/topicmenu/topic/playicon.png) no-repeat;
	z-index:6;
}
.videoPlay em{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.5;
	filter: alpha(opacity=50);
}



.article h2 {
    background:#dfe8e6 url(../files/s-tit-b.png) 10px 8px no-repeat;
    font-family: 'Microsoft YaHei',SimHei;
    font-size: 24px;
    font-weight: 700;
    padding-left: 40px;
    height:40px;
    line-height: 40px;
    margin: 30px 0 45px;
    color: #000;
    border-bottom:1px solid #969696;
}

.article img {
    margin-bottom: 20px
}
.article .tuzhu {
    overflow: hidden;
    position: relative;
    text-align: center;
    margin: 0 auto;
    margin-bottom:40px;
}
.article .tuzhu span {
	background:url(http://mat1.gtimg.com/www/topicmenu/topic/picpng.png)  no-repeat;
    display: block;
    text-align: left;
    font-size: 14px;
    height: 15px;
    line-height: 15px;
    padding-left:30px;
    color: #8d8d8d;
}

.article .nofloat {
    width: 100%
}

.article .nofloat img {
    max-width: 100%;
}

.article .nofloat p {
    text-align: center;
    font-size: 13px;
    height: 30px;
    line-height: 40px
}

.article .asidePicright {
    float: left;
    overflow: hidden;
    margin-right: 20px;
    margin-bottom: 0;
    display: inline-block;
    margin-top: 15px;
}

.article .asidePicleft {
    overflow: hidden;
    float: right;
    margin-left: 20px;
    margin-bottom: 0;
    padding-top: 5px;
    display: inline-block;
    margin-top: 15px;
}
.ipad .inner{
	width:572px;
}
.ipad .focus ul{
	padding:0 40px;
}
.ipad .focus li{
	width:100%;
}
.ipad .article .videoPlay{
	width:572px;
	height:300px;
}
.ipad .article .videoPlay a{
	height:300px;
	width:572px;
}
.ipad .videoPlay span{
	top:83px;
	left:218px;
}
.ipad .history li{
	width:186px;
	overflow:hidden;
	margin-right:7px;
}
.ipad .history .tit a{
	width:32px;
	background-color:#fff;
}
.ipad .history .img{
	width:186px;
	height:125px;
}
.dy-tit { border-bottom:1px solid #969696; width:100%; position:relative; margin-top:30px;}
.dy-tit-icon { background:url(../files/dy-icon.gif); width:80px; height:39px; display:inline-block; position:absolute; bottom:-28px; left:0;}
.dy-tit-r { float:right; padding-right:10px; color:#999; padding-bottom:5px;}
.dy-tit-r span { font-size:18px; color:#000}

.footer { text-align:center; font-size:14px; padding:30px 0;}
.footer p { line-height:30px;}
.footer p a { color:#333; margin:0 5px;}

.guha { float:left; padding-bottom:6px;}
.gyta { float:left;}
.gyta li{ float:left; height:100%;  padding:0 20px;}
.gyta ul li p { margin:0; padding:0;}
.wesas img { float:left; padding-left:16px; padding-top:48px;}
.fdsq{ font-size:14px; color:#3a3a3a; line-height:25px; float:left; }
.wesat img { float:left; padding-left:21px; padding-top:3px;}
.fdsqe{ font-size:14px; color:#3a3a3a; padding-bottom:18px; line-height:25px;}

.wxcode { overflow:hidden; margin-bottom:20px;}
.wxcode-tit { border-bottom:1px solid #969696; padding:20px 0; margin:20px 0 50px; height:20px; float:left; width:100%}
.wxcode-tit h3 { font-size:18px; font-family:Microsoft yahei; background:#fff; padding:0 15px 0 0; display:inline-block; position:relative; bottom:-25px;}
.logo { float:right; position:relative; top:-50px;}
.logo span { float:left; padding-top:50px;} #moreInfo { color:#f00; font-weight:700}
/*评论样式代码—开始*/
    .commform { font-size:12px;}
    .commform .cf-tit { height:30px; line-height:30px; border-top:1px solid #969696; background:#dfe8e6; padding:0 10px; font-size:18px;}
    .commform .cf-msg { width:94%; margin:5px auto; border-bottom:#ccc 1px dashed; padding:5px; padding-bottom:10px; }
    .commform .cf-msg-r { background:#fafafa; border:#e8e8e8 1px solid; width:96%; margin:5px auto; padding:0 10px;}
    .commform .cf-msg p { line-height:22px; margin:10px 0 5px; color:#c51720; }
    .commform .cf-msg span { display:inline-block; margin-right:10px; color:#999; padding-right:20px; margin:5px auto; }
    .commform .cf-msg-add { width:620px; height:150px; margin:10px 0 10px 18px; padding:8px; color:#666}
    .commform .cf-login { height:20px; line-height:20px; }
    .commform .cf-login a { margin-right:20px; }
    .commform .cf-send { margin:5px auto 30px; }
    .commform .cf-send .username,.userpassword { border:1px solid #ddd; width:160px; height:20px; line-height:20px;}
    .commform .cf-send .btn { border:none; width:97px; height:35px; line-height:35px; background-position:0 -400px; text-align:center; font-weight:700; color:#fff; background:#c5171f; cursor:pointer;}
    .commform .cf-send input[type=checkbox] { width:16px; height:16px; border:1px solid #ddd; vertical-align:middle; margin:0 5px 0 10px; cursor:pointer; }
    .pagebar{ text-align: right; margin: 0 auto; padding: 10px 0; width: 94%; word-spacing: 20px; display: none;}
    .login-iframe{ margin-left: 20px;}
	.commform { margin-left:10px;}
	.commform .cf-msg-add  {font-size:12px;}
	.cf-send p { margin-bottom:10px; padding-left:13px;}
	.commform .cf-msg-add .btn { background:#c51720;}
/*评论样式代码—结束*/