body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}

fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}.fl{float:left}.fr{float:right}.hidden{display:none}.invisible{visibility:hidden}.underline{text-decoration:underline}.hand{cursor:pointer}.cb{clear:both}.cl{clear:left}.cr{clear:right}.tc{text-align:center}.tl{text-align:left}.tr{text-align:right}.vm{vertical-align:middle}.pr{position:relative}.pa{position:absolute}.fs12{font-size:12px}.fs14{font-size:14px}.fn{font-weight:normal}.fb{font-weight:bold}.black,.black a:link,.black a:visited,.black a:active,.black a:hover{color:black}.white,.white a:link,.white a:visited,.white a:active,.white a:hover{color:white}.red,.red a:link,.red a:visited,.red a:active,.red a:hover{color:red}.clearfix:after{content:"\0020";visibility:hidden;display:block;font-size:0;clear:both;height:0}.clearfix{*zoom:1}.clear{clear:both}.pt10{padding-top:10px}.pr10{padding-right:10px}.pb10{padding-bottom:10px}.pl10{padding-left:10px}.mt10{margin-top:10px}.mr10{margin-right:10px}.mb10{margin-bottom:10px}.ml10{margin-left:10px}.op50{filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50}.op60{filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60}.op70{filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70}.op80{filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80}.op90{filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90}.global-footer{margin:0 auto;padding:12px 0;font-size:12px;font-family:"Arial","\5b8b\4f53";line-height:24px;text-align:center;clear:both;color:gray}.global-footer a:link{text-decoration:none;color:gray}.global-footer a:visited{text-decoration:none;color:gray}.global-footer a:hover{text-decoration:underline;color:gray}.global-footer a:active{text-decoration:underline;color:gray}




/*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}
a{ color:#333;}
a:hover{color:#4f6db3; text-decoration: underline;}

.c-link{ color:#4f6db3;}
.c-link:hover{color:#4f6db3; text-decoration: underline;}

.c-txt{ color:#8fc13e;}
a.c-txt:hover{color:#4f6db3; text-decoration: underline;}
a:hover{ text-decoration:none;}

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

.ico-que{ width: 18px; height: 18px; background-position: -65px 0;}
.ico-que1{ width: 44px; height: 44px; background-position: -130px -40px}
.ico-arrow{ width:13px; height: 13px; background-position: -90px 0;}
.ico-rank-up, .ico-rank-down, .ico-rank-nor{ width: 6px; height: 11px;}
.ico-rank-up{ background-position: -65px -20px;}
.ico-rank-down{ background-position: -75px -20px;}
.ico-rank-nor{ background-position: -85px -20px;}
.ico-broadcast{ width: 15px; height: 14px; background-position: -110px -20px;}
.ico-arrow1{ width: 11px; height: 11px;  background-position: -130px 0;}
a:hover .ico-arrow1{ background-position: -150px 0;}
.ico-user{ width: 13px; height: 14px; background-position: -130px -120px;}

.ico-state1,.ico-state2,.ico-state3,.ico-state4,.ico-state5,.ico-state6{ width:15px; height: 15px;}
.ico-state1{ background-position: -150px -120px;}
.ico-state2{ background-position: -130px -140px;}
.ico-state3{ background-position: -150px -140px;}
.ico-state4{ background-position: -130px -160px;}
.ico-state5{ background-position: -150px -160px;}
.ico-state6{ background-position: -130px -180px;}

.bt, .bt1, .bt2{ display: block; width: 114px; height: 30px; border: none; background:#7490d4; text-align: center; line-height: 30px; font-size: 14px; color:#fff; border-radius: 2px;}
.bt1{ background-color: #8fc13e}
.bt2{ background-color: #ababab}
.bt:hover{  color:#fff;}
.bt:hover, .bt1:hover, .bt2:hover{ background-color: #6e98e5; text-decoration: none}
.bt1:hover{ background-color: #aedf5e}
.bt2:hover{ background-color: #bababa}

.bt-to-ask{ display: block; width: 256px; height: 90px; background-color: #8fc13e;  border-radius: 2px; text-align: center; line-height: 90px;font-size: 30px; color:#fff; font-weight: bold; font-family: "Microsoft Yahei"}
.bt-to-ask:hover{ background-color: #95ca3e; color:#fff; text-decoration: none}
.bt-to-ask .ico-que1{ margin:20px 8px 26px 0;}

.gb-list2{ overflow:hidden; *zoom:1; font-size:0}
.gb-list2-item{ float: left; text-align:center; vertical-align:top}
.gb-list2-con,.gb-list2-c2,.gb-list2 .txt,.gb-list2 .tit{ display:block; *zoom:1; overflow:hidden; cursor:pointer}
.gb-list2-con{ margin-left:auto; margin-right:auto}
*html .gb-list2-con:hover{ direction:ltr}
.gb-list2-c1{ display:block;}
.gb-list2 .avatar,.gb-list2-c2,.gb-list2-c3{ font-size:12px}
.gb-list2 .txt{ width:98%; margin-left:auto; margin-right:auto; text-overflow:ellipsis; vertical-align:baseline}
.gb-list2 .cover,.gb-list2 .mask{ display:block; overflow:hidden; position:absolute}
.gb-list2 .cover{ z-index:2}
.gb-list2 .mask{ z-index:-1; top:0; left:0; background:#000; filter:alpha(opacity:80); opacity:.80}
:root .gb-list2 .mask{ filter:none \0}
.gb-list2 .cover{ bottom: 0;left: 0; z-index:-1;
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
background: -moz-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
background: linear-gradient(top,rgba(0,0,0,0) 1%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000',endColorstr='#ff000000');cursor: pointer;}

.gb-list3{ overflow:hidden; *zoom:1;}
.gb-list3-con{ float:left; overflow:hidden; *zoom:1;}
.gb-list3-c1{ float:left;}
.gb-list3-c2{ overflow:hidden; *zoom:1;}

.comm-plist .gb-list2-item{ width:100%;}
.comm-plist .gb-list2-con{ color:#333; width:217px; position:relative;}
.comm-plist .gb-list2-c1{ position:relative; overflow:hidden; border: 1px solid #fff}
.comm-plist .gb-list2-c1 .avatar, .comm-plist .gb-list2-c1 .mask{ width:215px; height:190px;}
.comm-plist .gb-list2-c1 .mask{ display:block; z-index:1; filter:alpha(opacity:80); opacity:.80;}
.comm-plist .gb-list2-c1 .ico-video{ display:block; position:absolute; left:50%; top:33px; margin-left:-17px; z-index:10}
.comm-plist .gb-list2-c2{ padding:4px 0 11px 0; overflow:hidden;}
.comm-plist .gb-list2-c2 .txt{ font-size:12px; height:24px; line-height:24px; overflow:hidden;}
.comm-plist .gb-list2-c3{ position:absolute; z-index:2; top:156px; left:1px; width:205px; padding:0 5px; height:34px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.comm-plist .gb-list2-c3 .txt{ height:34px; line-height:34px; color:#fff;}
.comm-plist .gb-list2-c3 .txt-c1{ float:left; vertical-align:middle}
.comm-plist .gb-list2-c3 .txt-c1 .ico-video1{ margin:6px 2px 7px 0}
.comm-plist .gb-list2-c3 .txt-c2{ float:right;}
.comm-plist .gb-list2-c3 .cover{ width:176px; height:48px; }
.comm-plist .gb-list2-c3 .mask{ width:215px; height:34px;}

.comm-plist .gb-list2-con:hover .gb-list2-con{ _vertical-align:baseline;}
.comm-plist .gb-list2-con:hover .gb-list2-c1{ border-color:#4f6db3}
.comm-plist .gb-list2-con:hover .gb-list2-c1 .mask, 
.comm-plist .gb-list2-con:hover .gb-list2-c1 .ico-video{ display:none}
.comm-plist .gb-list2-con:hover .gb-list2-c2 .txt{ color:#4f6db3}

.comm-plist-ex .gb-list2-con{width:98%;}
.comm-plist-ex .gb-list2-c1{ border:none;}
.comm-plist-ex .gb-list2-c1 .avatar, .comm-plist .gb-list2-c1 .mask{ width:40px; height:40px}

.col2 .gb-list2-item{ width:49.99%;}
.col3 .gb-list2-item{ width:33.32%;}
.col4 .gb-list2-item{ width:24.99%; _width:24.9%}
.col5 .gb-list2-item{ width:19.99%; _width:19.9%;}
.col7 .gb-list2-item{ width:14.28%;}

.comm-tab{ overflow:hidden; *zoom:1; position: absolute;}
.comm-tab .gb-tab-item{ float:left; height:45px;}
.comm-tab .gb-tab-c{ display:inline-block; overflow:hidden; height:44px; line-height: 44px; font-size:18px; color:#333; font-family: "Microsoft Yahei";  position:relative; width: 100%; text-align: center;}
.comm-tab .gb-tab-c:hover{ text-decoration:none;}
.comm-tab .current{ color:#2383dd; border-bottom:1px solid #4f6db3; z-index:10;}

.comm-tab1{ overflow:hidden; *zoom:1;}
.comm-tab1 .gb-tab-item{ float:left; height:32px; margin-left:-1px; _display:inline; *zoom:1; background:url(../images/sprite.png) no-repeat -180px -150px;}
.comm-tab1 .gb-tab-c{ display:inline-block; overflow:hidden; height:32px; line-height: 32px; font-size:14px; color:#999; font-family: Arial;  position:relative; width: 83px; text-align: center;}
.comm-tab1 .gb-tab-c:hover{ text-decoration:none;}
.comm-tab1 .current{ color:#2383dd; z-index:10;}

.comm-tlist{}
.comm-tlist .gb-list3-con{ width: 100%; padding:14px 0; border-bottom:1px dashed #eee;}
.comm-tlist .gb-list3-c1{ margin-right:12px; text-align:center;}
.comm-tlist .gb-list3-c1 .avatar-box{ display:block;}
.comm-tlist .gb-list3-c1 .avatar{ width:40px; height:40px;}
.comm-tlist .gb-list3-c1 .txt{ line-height:30px; color:#000;}
.comm-tlist .gb-list3-c1 .txt:hover{ color:#bd0001;}
.comm-tlist .gb-list3-c2 .tit{ font-size:14px; line-height:22px; height:22px; overflow:hidden; margin:-3px 0 2px 0;}
.comm-tlist .gb-list3-c2 .txt{ color:#999; line-height:18px;}
.comm-tlist .gb-list3-c2 a{ color:#333;}
.comm-tlist .gb-list3-c2 a:hover{ color:#4f6db3; text-decoration: underline;}

.comm-pn{ margin-bottom: 10px}
.comm-pn-hd{ border-bottom: 1px solid #eee; height: 46px; line-height: 46px; *line-height:54px; overflow: hidden; margin-bottom:10px;}
.comm-pn-hd i{ float: left; width: 3px; height: 18px; background-color: #2383dd; margin:16px 9px 0 0;}
.comm-pn-hd .tit{ float: left; font-size: 18px; color:#333; font-weight: bold;; font-family: "Microsoft Yahei"; margin-right:15px;}
.comm-pn-hd .intro{ float: left; color:#999; margin-top:3px;}
.comm-pn-hd .more{ float: right;}
.comm-pn-hd .more a{ color:#999;}
.comm-pn-hd .more a:hover{ color:#4f6db3; text-decoration: underline;}
.comm-pn-hd .more-ex a{ color:#94c643;}

.comm-pn-ex .comm-pn-hd{ border-bottom:none;}

.comm-up-pn{ background-color: #fcfcfc}
.comm-up-pn .comm-pn-hd{ border-bottom: none;}

.comm-pn1{}
.comm-pn1-hd{ height: 44px; border-bottom:1px solid #ccc;}

.comm-more{ padding-bottom:20px;}
.comm-more a{ display: block; width: 100%; height: 30px; text-align: center;; line-height: 30px; background-color: #efefef; color:#999;}
.comm-more a:hover{ background-color: #999; color:#fff;}
.comm-more .ico-arrow1{ margin:9px 4px 10px 0;}
.comm-more-ex .ico-arrow1{ background-position: -130px -20px;}
.comm-more-ex a:hover .ico-arrow1{ background-position: -150px -20px;}

.comm-form{}
.comm-form table{ width: 100%}
.comm-form th, .comm-form td{ padding-bottom:15px;}
.comm-form th{ text-align: right; vertical-align: top; color:#999; padding-right:10px; line-height: 30px}
.comm-form .help-block, .comm-form .help-block1, .comm-form .help-inline{ color:#999;}
.comm-form .help-block .up, .comm-form .help-block1 .up, .comm-form .help-inline .up{ color:#8fc13e; line-height: 30px}
.comm-form .help-inline{ display: inline-block;}
.comm-form .help-block{ text-align: right}
.comm-form .help-block1{ text-align: left}
.comm-form .comm-textarea, .comm-form .comm-text{ background-color: #fff; border:1px solid #eee; font-size: 14px; padding:6px;}
.comm-form .comm-text{}
.comm-form .comm-upload{ background: #fcfcfc; border: none; color:#4f6db3; _vertical-align: middle; cursor: pointer;}
.comm-form .comm-operate{ text-align: center; font-size: 0; border-top:1px dashed #eee; padding-top:23px;}
.comm-form .bt, .comm-form .bt1, .comm-form .bt2{ width: 94px; font-family: "Microsoft Yahei"; display: inline-block; margin:0 8px; cursor: pointer;}
.comm-form .comm-checkbox input{ vertical-align: -3px}
.comm-form .comm-checkbox .up{ color:#8fc13e; font-weight: bold}
.comm-form .comm-select{ width:80px; padding:7px 0;  text-indent: 2em; *+text-indent: 0; border:1px solid #eee; background-color: #fff}

.comm-form input[type="text"], .comm-form textarea{ color:#999;}
.comm-form input[type="text"]:hover, .search-pn input[type="text"]:focus, .comm-form textarea:hover, .comm-form textarea:focus{ color:#333}
.comm-form .comm-text, .comm-form .comm-textarea{ _color:#333;}

.comm-form-tip{ text-align: center; line-height: 24px; padding:12px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; color:#8fc13e; margin:0 -19px;}
.comm-form-notice{ background-color: #f9f9f9; color:#8fc13e; line-height: 24px; padding:16px 0; text-align: center;}
.comm-form-notice a{ color:#7490d4;}
.comm-form-search{ overflow: hidden; *zoom:1;}
.comm-form-search .comm-text{ float: left;}
.comm-form-search .bt{ float: left; width: 64px;}

.comm-form-ex th{ font-size:14px; color:#333; font-weight: bold; padding-right:20px;}
.comm-form-ex .comm-operate{ border-top:none;}




.search-pn{ float: left; margin:30px 30px 0 0; width:440px; height:35px;}
.search-pn .txt{ display:inline-block; vertical-align:middle; width:340px; height:21px; line-height:21px; padding:5px 9px; font-size:14px; border:2px solid #4f6db3; border-right:none; background:#fff;font-family: "Microsoft Yahei"; border-radius:2px 0 0 2px;}
.search-pn .btn{width:80px; height:35px; display:inline-block; vertical-align:middle; border:none; overflow:hidden; background:url(../images/sprite.png) no-repeat 0 -220px; text-indent:-9999em; cursor:pointer; border-radius:0 2px 2px 0;}
.search-pn .btn:hover{}
.search-pn input[type="text"]{ color:#999;}
.search-pn input[type="text"]:hover, .search-pn input[type="text"]:focus{ color:#333}
.search-pn #form1 .txt{ _color:#333;}

.type-links{ font-size:0; line-height:22px;}
.type-links .link, .type-links .num{ font-size:12px; color:#999; white-space:nowrap}
.type-links .link:hover{ color:#4f6db3; text-decoration: underline;}
.type-links .sep{font-size:12px;  margin:0 8px 0 8px; color:#999}
.type-links-ex{ height: 74px; overflow: hidden; }
.type-links-ex .link{ color:#004986;}
.type-links-ex .sep{ margin:0 8px 0 3px;}

.type-links-ex1 .link, .type-links-ex1 .current{ color:#333;}
.type-links-ex1 .current{ color:#2383dd;}
.type-links-ex1 .sep{}

.search-pn .type-links{ margin:5px 0 0 10px;}

.to-ask{ float: left; margin:33px 0 0 0; _margin:40px 0 0 0; font-family: "Microsoft Yahei"; }
.to-ask a{ font-size: 16px; color: #333;}
.to-ask a:hover{ color:#4f6db3; text-decoration: underline;}
.to-ask .ico-que{ margin:0 5px 3px 0;}

.ad-pn{ margin-bottom:20px;}

.header-c2{ position: relative;}

.main-nav{ width:1000px; height:35px; border-bottom:2px solid #4f6db3;}
.main-nav-list{}
.main-nav-item{ float:left; position:relative; margin:0 1px 0 0;}
.main-nav-con{ float:left; height:33px; width: 139px; padding:2px 0 0 0; text-align: center; line-height:33px; font-size:18px; font-family:"Microsoft YaHei"; color:#333; }
.main-nav-con:hover,.page-index .main-nav-cur .main-nav-con ,.page-askrank .main-nav-item3 .main-nav-con,
.page-asklist .main-nav-item2 .main-nav-con, .page-userrank .main-nav-item4 .main-nav-con,.page-help .main-nav-item5 .main-nav-con{ background-color:#4f6db3; color:#fff;}

.mine-pn{ position:absolute; right: 0; top: 0; padding:1px; z-index: 10; background:#fff;}
.mine-tit{ font-size:16px; height: 33px; line-height:33px; overflow: hidden; width: 90px; padding-left:9px; position:relative; font-family: "Microsoft Yahei"}
.mine-tit .ico-arrow{ margin:10px 0 10px 6px;}
.mine-con{width:99px; display:none; position:relative;}
.mine-num{ width: 28px; height: 17px; text-align: center; line-height: 17px; background:#e60012; color:#fff; border-radius:12px; position: absolute; top: 0; left: -22px;}
.mine-info-list li a{ display:block; height:26px; line-height:26px; padding-left:9px; color:#999;}
.mine-info-list li span{ display: inline-block; width: 4em}
.mine-info-list li a:hover{color:#4f6db3;}

.mine-pn-detail{padding:0; border:1px solid #eee;}
.mine-pn-detail .mine-tit .ico-arrow{ background-position: -110px 0;}
.mine-pn-detail .mine-num{ top: -1px; left:-23px;}

/*the page-index*/
.content, .content-ex1{ width:1178px; margin:0 auto; margin-top: 22px;}
.content-ex1{ margin-top:0;}
.main, .side-l, .side-r{ padding:16px 19px 6px 19px;}
.main{ float: left; width: 450px; border-right:1px solid #eee; border-left:1px solid #eee; margin:0 -1px 0 -1px; _display:inline;}
.side-l, .side-r{width: 300px;}
.side-l{ float: left;  border-right:1px solid #eee;}
.side-r{ float: right;  border-left:1px solid #eee;}

.focus-w,.focus-in{ overflow:hidden; width:255px; height:230px}
.focus-w{ margin:-17px 0 12px -20px; position: absolute;}
.focus-in{ position:relative}
.focus-con{}
.focus-item{ position:absolute; top:0; left:0}
.focus-item img{ width:255px; height:230px}
.focus-item .txt{ overflow:hidden; position:absolute; z-index:3; left:0; bottom:0; width:245px; height:44px; padding:0 5px; white-space:nowrap; text-align: center;}
.focus-item .txt a{ color:#c0bcbc}
.focus-item .txt a:hover{ text-decoration:none}
.focus-item .tit{ display:block; font:normal 16px/33px "\5fae\8f6f\96c5\9ed1"; color:#fff}
.focus-item a:hover .tit{}
.focus-item .bg{ display:block; position:absolute; z-index:-1; top:0; left:0; width:255px; height:44px; background:#000; filter:alpha(opacity:80); opacity:.80}
.focus-num{ overflow:hidden; position:absolute; z-index:4; bottom:4px; right:3px;}
.focus-num a{ display:inline-block; float:left; width:22px; height:4px; overflow: hidden; margin-left:1px; font:normal 0/45px "\5fae\8f6f\96c5\9ed1"; text-align:center; color:#4a4948; background-color:#898989}
.focus-num a:hover{ text-decoration:none}
.focus-num .current{ color:#fff; background-color:#8fc13e}

.ques-list{ overflow: hidden; *zoom:1;}
.ques-list li{ float:left; width: 100%; line-height: 32px; font-size: 14px;}
.ques-list .ques-c1, .ques-list .cate, .ques-list .txt{ float: left;}
.ques-list .ques-c1{ width: 84%; overflow: hidden;}
.ques-list .ques-c2{ float: right; font-size: 12px; color:#999;}
.ques-list .cate{ color: #999; margin-right:0.5em;}
.ques-list .txt{ color: #000; display: inline-block; width: 18em; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.ques-list a:hover{ color:#4f6db3; text-decoration: underline;}

.news-list{ overflow:hidden; zoom:1;}
.news-list li{ height:24px; line-height:24px; overflow:hidden; white-space:nowrap; float:left; width:100%;}
.news-list .date{ color:#999; float:right;}
.news-list .tit{padding-left:12px; background:url(../images/sprite.png) no-repeat -180px 12px; display:block; float:left;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  color:#000;}
.news-list .tit a{ color:#000; margin-right:10px;}
.news-list .tit a:hover{ color:#4f6db3; text-decoration: underline;}

.news-list-ex .tit{ background-position: -180px -28px}

.news-list-ex1 li{ height:32px; line-height:32px;}
.news-list-ex1 .tit{ padding:0; background: none; font-size:14px;}
.news-list-ex1 .date{}
.news-list-ex1 li:hover{ background-color: #f9f9f9}
.news-list-ex1 li:hover a{ color:#4f6db3;}

.mater-list{ width:100%; overflow: hidden; *zoom:1;}
.mater-list-item{ float:left; margin-bottom: 9px}
.mater-list-con, .mater-list-con img{ display:block;width:212px; height:58px;}
.mater-list-con{position:relative; *zoom:1; padding:1px; background:#eee}
.mater-list-con .tit-box{ position:absolute; left:10px; top:10px; font-size: 14px; color: #000; font-family: "Microsoft Yahei"}
.mater-list-con .tit1{ display:block;}
.mater-list-con:hover{ direction:ltr; background: #4f6db3;}

.rank-list {color:#6c6c6c; overflow:hidden; *zoom:1;}
.rank-list li{line-height:18px; height:18px; _line-height:22px; padding:6px 0; overflow:hidden;*zoom:1; float:left; width:100%;}
.rank-list a{color:#333; float:left; width:55%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.rank-list a:hover{ color:#4f6db3; text-decoration: underline;}
.rank-list .data{float:right; color:#999; font-size:12px; }
.rank-list .data .ico{ margin:2px 0 5px 5px; _margin:3px 0 4px 5px;}
.rank-list em{ float:left; width:18px; height:18px; margin:0 10px 0 0; line-height:18px; text-align:center;background:#eaeaea;color:#333; font-family: "Microsoft Yahei"}
.rank-list .top em{background:#8fc13e; color:#fff;}

.topman-pn{ margin-top:25px;}
.topman-pn-hd{ width: 118px; height: 35px; background:url(../images/sprite.png) no-repeat 0 -40px; margin-bottom:19px; float: right; text-align: right}
.topman-pn-hd .tit{ font-size: 20px; color:#8fc13e; font-weight: bold; padding:8px 0 0 0;}
.topman-pn-bd{ border-top:2px solid #e5e5e5; background:url(../images/topman-pn.png) repeat; min-height: 180px; _height:180px; clear: both; position: relative;}
.topman-photo{ position: absolute; top:-55px; left:5px; }
.topman-photo img{ width: 90px; height: 90px; border-radius:50%;}
.topman-name{ font-size: 14px; font-weight: bold; color:#333; line-height: 18px; padding-left:6px; border-left:4px solid #8fc13e; position: absolute; top: 15px; right: 10px; width: 6em; word-wrap:break-word;table-layout:fixed;}
.topman-info{ padding:75px 10px 0; color:#333; min-height: 36px; _height:36px;}
.topman-info a{ color:#333;}
.topman-info a:hover{ color:#4f6db3; text-decoration: underline;}
.topman-pn .bt{ margin:0 auto; margin-top:10px;}

.manager-pn .comm-pn-hd{ margin: 0}
.manager-pn .comm-pn-bd{ overflow: hidden;}
.manager-pn .comm-tlist{ margin-bottom:-1px;}

.notice-pn{ margin-top:225px; *margin-top:240px;}

.que-act-pn .comm-plist{ margin:0 -1px;}

.friends-area, .global-footer{ background: #dfdfdf}
.friends-area{ margin-top:20px;}
.friends-pn{ margin:0 auto; width: 1000px; padding-top:20px;}
.friends-list{ overflow: hidden; *zoom:1; margin-right:-10px;}
.friends-list li{ float: left; margin:0 10px 10px 0;}
.friends-list li img{ float: left;}

.friends-pn .comm-pn-hd, .friends-pn .comm-pn-bd{ border-bottom:1px solid #d2d2d2;}

/*the page-last*/
.content-ex{ margin:0 auto;}
.main1{ float: left; width: 840px;}
.side-r1{  float: right; width: 300px; margin-top:-46px;}
.side-r1 .bt-to-ask{ margin:-17px -20px 30px -20px;}

.channel-pn{ margin-bottom:15px;}
.channel-pn a, .channel-pn a img{ display: block; width: 216px; height: 90px;}

.crumbs-pn{ width: 1178px; height: 50px; margin:0 auto;margin-top:30px;}
.crumbs-box{ float: left; height:30px; line-height:30px; padding:4px 0 0 0; font-size: 0; }
.crumbs-box .sep, .crumbs-box a, .crumbs-cur{ font-size: 12px}
.crumbs-box .sep{ color:#999; margin:0 8px;}
.crumbs-box a, .crumbs-cur{ color:#333;}
.crumbs-box a:hover{ color:#4f6db3; text-decoration: underline; }

.broadcast-pn{ float: right; width: 240px;}
.broadcast-box{ position: relative; padding:4px 0 0 20px; width: 200px; overflow: hidden;}
.broadcast-box .ico-broadcast{ position: absolute; left:0; top:20px; background-color:#fff; width: 20px}
.broadcast-in{ width: 1000em; overflow: hidden;}
.broadcast-con{ float: left; color:#333; height: 46px; line-height: 46px; margin-right:20px;}
.broadcast-con a{ color:#333;}
.broadcast-con a:hover{ color:#4f6db3; text-decoration: underline; }

.ad-pn1{ width: 1000px; margin:0 auto; padding-top:17px;}

.que-pn{ padding:0 19px 30px; border-bottom:1px solid #eee;}
.que-tit{ overflow: hidden; margin-bottom:8px;}
.que-tit .que-state, .que-tit .que-state1{ display:inline-block; *display:inline; *zoom:1; width: 55px; height: 18px; background-color: #4f6db3; font-size: 14px; color:#fff; text-align: center; line-height: 18px; margin:16px 9px 0 0; border-radius: 2px;}
.que-tit .que-state1{ background-color: #8fc13e; }
.que-tit h1{ display:inline; font-size: 18px; color:#333; font-weight: bold;; font-family: "Microsoft Yahei";}

.que-info{ color:#999; font-size: 0; margin-bottom:12px;}
.que-info .item, .que-info .sep{ font-size: 12px;}
.que-info .sep{ margin:0 12px;}
.que-info .author, .author-review .author, .manager-pn .author, .manager-pn1 .author{ color:#8fc13e;}
.que-info .author:hover, .author-review .author:hover, .manager-pn .author:hover, .manager-pn1 .author:hover{ color:#4f6db3; text-decoration: underline;}
.que-info .up{ font-style: normal; color:#333;}
.que-info-1{padding-bottom: 0}
.que-intro{ font-size: 14px; color:#333;}
.que-intro .tit{ color:#4f6db3;}

.answer-pn{ padding:0 19px; border-bottom:1px solid #fff; overflow: hidden; margin-bottom:0;}
.answer-pn .comm-pn-hd{ margin: 0}
.answer-list{ margin-bottom:-1px;}
.answer-item{ border-bottom:1px solid #eee; padding:20px 0 29px 0; overflow: hidden; *zoom:1;}
.answer-c1{ float: left; width: 70px; text-align: center; margin-right:20px; padding-top:5px;}
.answer-c2{ overflow: hidden; *zoom:1; }
.answerer-box{ display: block; }
.answerer-box img{ display: block;; width: 70px; height: 70px;}
.answerer-box .name{ display: block; text-align: center; color:#333; padding:5px 0;}
.answer-con{ line-height: 24px; padding:0 0 10px 0;}
.answer-con .txt{ font-size: 14px; color:#333; min-height: 52px; _height:52px;}
.answer-con .date{ color:#999; margin-top:5px;}
.author-review{ font-size: 14px; line-height: 24px; color:#999; padding:10px 0 0 0;}
.author-review .review{ color:#333;}
.answer-list .que-info{ height: 24px; overflow: hidden;}
.que-info-more{ display: none}
.answer-list .hover .que-info-more{ display: inline;}

.best-answer-pn{ background: #f9f9f9; margin-top:-1px;}
.best-answer-pn .bd{ padding:14px 19px 0; border-bottom:1px solid #eee;}
.best-answer-pn .answer-list{ margin-bottom:-1px;}
.best-answer-pn .hd{ height: 48px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.best-answer-pn .hd .tit{ float: left; width: 87px; height: 49px; line-height: 48px; padding-left:50px; background:#8fc13e url(../images/sprite.png) no-repeat -180px -80px; margin:-1px 0 0 -1px; _display:inline; *zoom:1; font-size: 18px; color:#fff; font-weight: bold; font-family: "Microsoft Yahei"}
.best-answer-pn .hd .info{ float: right; padding-right:25px; color:#999; margin-top:15px;}
.best-answer-pn .hd .info .item{ margin-left:20px;}
.best-answer-pn .answer-con{ border-bottom:1px dashed #eee;}

.star, .star-in{ display: inline-block; width: 75px; height: 12px;  background:url(../images/sprite.png) no-repeat}
.star{ background-position: 0 -80px; position: relative; vertical-align: middle; margin:0 0 3px 0;}
.star-in{ background-position: 0 -100px; position: absolute; left:0; top:0;}

/*the page-result*/
.result-pn{ padding:0 19px;}
.result-pn .comm-tab .gb-tab-item{ width: 235px;}

.result-list{ line-height: 24px; font-size: 14px}
.result-list .que-info{ font-size: 12px; margin-bottom: 0}
.result-item{ padding:15px 0 10px 0; border-bottom:1px solid #eee;}
.result-c1{ overflow: hidden; *zoom:1; margin-bottom: 10px}
.result-c1 .cate{ float: left; margin-right:10px; width:240px;}
.result-c1 .cate, .result-c1 .cate a{ color:#999;}
.result-c1 .tit{ font-weight: bold; overflow: hidden; *zoom:1;}
.result-c1 .tit, .result-c1 .tit a{ color:#333;}
.result-c1 .que-info{ float: right; margin-left:30px;}
.result-list a:hover{color:#4f6db3; text-decoration: underline;}
.result-c2{ padding-left:92px; position: relative; *zoom:1;}
.result-c2 .tit{ display: block; width: 72px; height: 24px; text-align: center; background:#8fc13e; font-size: 12px; color:#fff; position: absolute; left:6px; top:3px;}
.result-c2 .tit-ex{ background:#e60012;}

.result-info{ background-color: #fcfcfc; border: 1px solid #eee; height: 42px; line-height: 42px; padding:0 15px; color:#333; margin-top:20px; border-radius: 1px;}
.result-info .up{ color:#8fc13e;}

.mod-pagebar, .pager {clear: both; padding: 40px 3px; text-align: center;font-size:14px; font-family: "Microsoft Yahei"}
.mod-pagebar .page_now, .mod-pagebar .disabled {margin-right: 2px;padding-bottom: 2px; padding-top: 2px;}
.mod-pagebar a, .mod-pagebar .page_now, .mod-pagebar .disabled , .pager ul.pages li{border: 1px solid #c5c5c5;margin-right: 2px;padding: 5px 10px;text-decoration: none; border-radius: 2px}
	.pager ul.pages li{ padding:4px 10px;}
.mod-pagebar .total em {color: #000000;font-family: Arial;font-size: 14px;font-weight: bold;padding: 0 5px;}
.mod-pagebar .page_now, .mod-pagebar .disabled ,.mod-pagebar a:hover, .pager ul.pages li.pgCurrent, .pager ul.pages li:hover{  background-color: #2383dd; border-color:#4f6db3; color:#fff;}


.pager .pages li{ display: inline-block; *display:inline; *zoom:1; cursor: pointer;}
.pager .pages .pgNext{ _margin-bottom:1px;}

/*the page-cate*/
.cate-pn{ padding:0 19px; border-bottom:1px solid #eee;}
.cate-pn .comm-tab .gb-tab-item{ width: 131px;}
.cate-pn .comm-pn1-bd{ /*min-height: 284px; _height:284px;*/}
.cate-box{ padding:1px 0 0 0;}
.cate-box-hd{ border-bottom:1px solid #eee;}

.game-list{ overflow: hidden; *zoom:1; padding:10px 0;}
.game-list li{ float: left; width: 141px; line-height: 30px; color:#999;}
.game-list li a{ color:#333;}
.game-list li a:hover{color:#4f6db3; text-decoration: underline; }

.manager-pn1{ line-height: 52px; color:#999; padding:0 19px;}
.cate-pn1{ padding:0 19px;}
.cate-pn1 .comm-tab .gb-tab-c{ padding:0 28px; width: auto;}

.comm-table{ width: 100%; }
.comm-table thead{}
.comm-table thead th{ height: 33px; line-height: 33px; background-color: #f9f9f9; border-bottom:1px solid #eee; border-top:1px solid #ccc; color:#999;}
.comm-table tbody td{ height: 32px; color:#999; padding-right:10px;}
.comm-table tbody .in{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.comm-table tbody tr:hover{ background-color: #f9f9f9}
.comm-table .first{ padding-left:3px;}

.cate-que-con thead th{ border-top:none;}
.cate-que-con tbody .cate, .cate-que-con tbody .tit{ font-size: 14px;}
.cate-que-con tbody .cate a{ color:#999;}
.cate-que-con tbody .cate a:hover{ color:#4f6db3;}
.cate-que-con tbody .num{ width: 4em;}
.cate-que-con tbody .author .in{ width: 8em;}
.cate-que-con tbody .tit .in{ width: 35em;}
.cate-que-con tbody .date{ width:5em;}

.cate-que-con .cate{ padding-left:3px;}
.cate-que-con .num{ padding-right:3px;}

.float-pn{ position:fixed; _position:absolute; top:50%; left:50%; margin-left:520px; margin-top:155px; cursor: pointer;}
.bt-feedback, .bt-toback{ display: block; width:50px; height: 45px; background:url(../images/sprite.png) no-repeat;}
.bt-feedback{ background-position: 0 -120px;}
.bt-feedback:hover{ background-position: -65px -120px;}
.bt-toback{ background-position: 0 -165px;}
.bt-toback:hover{ background-position: -65px -165px;}

/*the page-last1*/
.no-answer-pn{ text-align: center; height: 40px; line-height: 40px; font-size: 14px; color:#8fc13e; border-bottom:1px solid #eee;}

.answer-form-pn{ border-bottom:1px solid #eee; border-top:1px solid #eee; margin:-1px 0; padding:15px 19px;}
.answer-form-pn .comm-form{ }
.answer-form-pn .comm-form th{ width:95px;}
.answer-form-pn .comm-textarea{ width: 486px; height: 125px;}
.answer-form-pn .comm-text{ width:488px;}
.answer-form-pn .help-block{ width: 500px}

/*the page-quiz*/
.quiz-pn .comm-tab .gb-tab-item{ width:352px }
.quiz-con{ padding:0 19px;}

.quiz-list{}
.quiz-item{ border-bottom:1px dotted #eee; padding:14px 0; overflow: hidden; *zoom:1;}
.quiz-c1{ float: left; width: 120px; text-align: center; margin-right:20px; padding-top:5px;}
.quiz-c2{ overflow: hidden; *zoom:1; position: relative;}
.quiz-c1 .avatar-box{ display: block; }
.quiz-c1 .avatar-box img{ display: block;; width: 120px; height: 90px;}
.quiz-c1 .avatar-box .name{ display: block; text-align: center; color:#333; padding:5px 0;}
.quiz-c2 .que-info{ margin:17px 0 12px 0;}
.quiz-c2 .quiz-tit{ font-size: 16px; color:#333; font-weight: bold; width: 28em;}
.quiz-c2 .score{ font-size: 16px; color:#333; position: absolute; right:0; top:0; font-weight: bold;}
.quiz-c2 .score .up{ color:#8fc13e;}
.quiz-c2 .score .done{color:#aaa}
.quiz-c2 .quiz-best-ans{ font-size: 0; line-height: 24px; }
.quiz-c2 .quiz-best-ans .tit{ display: inline-block; width: 72px; height: 24px; line-height: 24px; text-align: center; background:#8fc13e; font-size: 12px; color:#fff; margin:0 10px 0 0;}
.quiz-c2 .quiz-best-ans .name{ font-size: 12px;}
.quiz-c2 .quiz-best-ans .name a{ color:#8fc13e;}
.quiz-c2 .quiz-best-ans .name a:hover{ color:#4f6db3;}
.quiz-c2 .quiz-best-ans .txt{ font-size:12px; color:#333;}

.quiz-list-ex .quiz-c2 .quiz-tit{min-height: 63px; _height: 63px;}

/*the page-notice*/
.notice-pn1 .comm-tab .gb-tab-item{ width:352px }
.notice-pn1 .notice-con{ padding:10px 19px;}

/*the page-user-rank*/
.user-rank-pn{ padding:19px 19px 0;}
.user-rank-c1, .user-rank-c2{ width: 445px;}
.user-rank-c1{ float: left;}
.user-rank-c2{ float: right;}

.user-info-box, .user-info-c2, .user-info-list{ overflow: hidden; *zoom:1;}
.user-info-c1{ float: left; margin-right:19px; }
.user-info-c1 a, .user-info-c1 a img{ display: block; width:150px; height: 160px;}
.user-info-list{ border:1px solid #eee;}
.user-info-list li{ float: left; width: 50%; height: 28px; overflow: hidden; line-height: 28px;border-right:1px solid #eee; border-bottom:1px solid #eee; margin:0 -1px -1px 0; color:#333;}
.user-info-list li .tit{ color:#999;}
.user-info-list .w-all{ width: 100%;}
.user-info-con{ padding-left:9px;}
.user-info-con .name{ display: inline-block; vertical-align: middle; margin-bottom:3px; width: 7em; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.user-info-c2 .to-ask1{ text-align: right; margin-top:15px;}
.user-info-c2 .to-ask1 .bt{ display: inline-block; width:94px;}

.user-rank-box{ margin-top:30px;}
.user-info-box .comm-more{ padding:0;}
.user-rank-box tbody .name .in{ width: 13em;  color:#4f6db3;}
.user-rank-box tbody .name a{  color:#4f6db3;}
.user-rank-box tbody .num, .user-rank-box tbody .score{width: 70px;}
.user-rank-box tbody .level{ width: 70px;}

.user-breaked-pn{ padding:0 19px;}
.user-breaked-table tbody .name .in, .user-breaked-table tbody .id .in, .user-breaked-table tbody .cause .in{ width: 13em;}
.user-breaked-table tbody .level{ width:5em;}
.user-breaked-table tbody .result{ width:25%;}
.user-breaked-table tbody .result .c-txt{ float: left;}
.user-breaked-table tbody .result .detail{ float: right;}

.user-breaked-table-ex tbody .name .in, .user-breaked-table-ex tbody .id .in, .user-breaked-table-ex tbody .cause .in{ width: 10em;}

/*the page-user-info*/
.user-info-pn1{ width:960px; margin:0 auto; padding:10px 20px 30px 20px; background-color: #f9f9f9; margin-bottom:-22px;}
.user-info-box1{ float:left; width:570px;}
.user-info-box1-c1{ float: left; margin-right:30px;}
.user-info-box1-c1 img{ width:180px; height: 180px;}
.user-info-box1-c2{ overflow: hidden; *zoom:1; }
.user-info-box2{ float:right; margin-top:-40px; width:272px; height: 219px; padding:20px 10px 0 45px; background:url(../images/user-info-box2.png) no-repeat;}

.comm-level{ color:#8fc13e; margin-left:15px;}
.comm-level .ico-user{ margin:0 3px 4px 0;}
.user-info-list1{}
.user-info-list1 li{ line-height: 29px; font-size: 14px; color:#333;}
.user-info-list1 li .tit{ color:#999;}

.user-info-list-ex{ border: none;}
.user-info-list-ex li{ border:none; margin:0; height: 24px; line-height: 24px;}

.user-tip{ line-height: 24px; color:#333;}

.mine-list-pn{ padding:19px 19px 40px; overflow: hidden; *zoom:1;}
.mine-list-pn .comm-tab{ float: left;}
.mine-list-pn .type-links{ float: right; margin-top:14px;}
.mine-list-pn .comm-tab .gb-tab-item{ width:140px; }
.mine-list-pn .mine-list-con{}

.mine-list-pn .comm-table thead th{ border-top:none;}
.mine-list-con tbody .cate, .mine-list-con tbody .tit{ font-size: 14px;}
.mine-list-con tbody .cate a{ color:#999;}
.mine-list-con tbody .cate a:hover{ color:#4f6db3;}
.mine-list-con tbody .num{ width: 5em;}
.mine-list-con tbody .tit .in{ width: 33em;}
.mine-list-con tbody .date{ width:9em;}
.mine-list-con tbody .state{ width:7em;}

.mine-list-con .mod-pagebar, .mine-list-con .pager{ border-top:1px solid #eee; margin-top:20px; padding:20px 3px;}

.user-tip1{ color:#999; line-height: 28px; width:600px; margin:0 auto;}
.user-tip1 .ico{ margin:0 5px 3px 0;}
.user-tip1 .tip-state{ margin-right:10px;}

/*the page-ask*/
.ask-form-pn{ padding:19px;}

.ask-form-pn .comm-form{ }
.ask-form-pn .comm-form th{ width:74px;}
.ask-form-pn .comm-textarea{ width: 540px; height: 125px;}
.ask-form-pn .comm-text{ width:540px;}
.ask-form-pn .help-block1{ padding:8px 0;}

.choose-cate th{ line-height: 45px;}
.choose-pn .gb-tab-item{ width:288px;}
.choose-pn .comm-pn1-bd{ background: #f9f9f9; padding:20px 0 20px 20px;*zoom:1;}
.choose-pn .choose-con{ }

.choose-system{ overflow: hidden; *zoom:1;}
.choose-system select{ float: left; margin-right:28px; border:1px solid #eee; background-color: #fff;}
.choose-system select option{color:#333; line-height: 26px;}

.classlistdiv{ background-color: #fff; border:1px solid #eee; width:810px; height: 100px; overflow-y:auto; padding:6px; font-size: 14px;}

.choose-manual .comm-text{ width:810px; margin-bottom:-1px;}
.choose-manual .classlistdiv input{ vertical-align: -2px; margin-right:5px;}

/*the page-user-rank-more*/
.user-rank-pn1 .comm-tab .gb-tab-item{ width:247px;}
.user-rank-help{ height: 40px;}
.user-rank-help .tip-txt{ line-height: 40px; color:#999;}
.user-rank-box1{ padding:0 19px;}
.score-rank-table tbody .name .in{ width: 12em;  color:#4f6db3;}
.score-rank-table tbody .name a{  color:#4f6db3;}
.score-rank-table tbody .id .in{ width: 12em;}
.score-rank-table tbody .num{ width:50px;}
.score-rank-table .score{width: 70px;}
.score-rank-table tbody .level{ width:80px;}
.score-rank-table tbody .score{ color:#8fc13e;}

.search-pn1{ float: right; margin:7px 0 0 0; height:27px;}
.search-pn1 .txt{ display:inline-block; vertical-align:middle; width:170px; height:21px; line-height:21px; padding:2px 9px; font-size:12px; border:1px solid #eee; background:#fff;font-family: "Microsoft Yahei"; border-radius:2px 0 0 2px;}
.search-pn1 .bt{ width:50px; height:27px; line-height: 27px; display:inline-block; *zoom:1; *display:inline; vertical-align: middle; cursor:pointer; margin-left:10px;}
.search-pn1 .bt:hover{}
.search-pn1 input[type="text"]{ color:#999;}
.search-pn1 input[type="text"]:hover, .search-pn input[type="text"]:focus{ color:#333}

.user-breaked-detail-table tbody .result{ width:70px;}
.user-breaked-detail-table tbody .cause .in, .user-breaked-detail-table tbody .con .in{ width: 15em; white-space: normal; word-wrap:break-word;}
.user-breaked-detail-table tbody td{ border-bottom:1px solid #ccc; padding:5px 0;}

.helpinfo_top, .helpinfo_info, .helpinfo_other{ font-size: 14px;}


/*err 椤甸潰*/

/**********404閿欒椤垫牱寮�*************/
.error{margin:auto;padding:0;text-align:center;}
.err_left{float:left;width:250px;margin-top:30px;margin-left:20px;padding:0;}
.err_right{margin-top:30px;margin-left:270px;padding:5px;font-size:14px;text-align:left;}
.err_top{margin:auto;padding:5px;color:#494949;font-weight:bold;border-bottom:1px solid #eaeaea;}
.err_con{margin-top:10px;margin-left:30px;line-height:25px;color:#494949;height:80px;
	padding:5px;}
.err_back {margin-left:30px;padding:4px;line-height:27px;color:#494949;
	height:100px;}
.err_back div{height:28px;}
.err_back a{color:#494949;}


/* add   2015 - 1- 21 */
.btn-login{ background:#8fc13e; margin-right:15px; color:#fff; font-family:'microsoft yahei';  line-height:25px; width:64px; float:left; text-align:center;
border-radius:3px;}
.gray{ color:#999}
.login-box{ line-height:25px;margin-bottom: -25px}


.pop-box{width: 480px; position: fixed;  top: 200px; z-index: 100; left: 50%; margin-left: -240px; background: #fff;}
.pop-box .hd{ height: 36px; line-height: 36px; background: #2cb8f9; padding: 0 10px; border-bottom: 1px solid #109cdd; color: #fff; font-size: 16px; font-weight: bold; font-family: 'microsoft yahei'}
.pop-box .bd{ padding: 20px;}
.pop-box .btn-box{ text-align: center;}
.btn-sure{ width: 98px; height: 38px; display: inline-block; margin:10px 5px; background: #f4c601; color: #333; font-size: 18px;font-family: 'microsoft yahei'; text-align: center; line-height: 38px; text-decoration: none;  border:1px solid #dbb200;}
.btn-sure:hover{ background: #ffd41d}
.pop-mask{ background: #000;  opacity: 0.5; filter:alpha(opacity=50); z-index: 9; width: 100%; height: 100%; position: fixed; left: 0; top: 0}

.btn-cancel{ background: #dfdfdf}
#lastertime_info{ display: none !important;}
.expertuser{ display:none;}

#actcfgdiv .left div{ font-size: 14px; color: #666; margin-bottom: 10px;}
.comm-form input[type="text"]{
height: 24px;
border: 1px solid #dfdfdf;}


/* page-navigation */
.list-nav{ overflow: hidden; padding: 0 0 0.75rem 10px; width: 988px; height: 86px; background: #fff; }
.list-nav .list-item{ float: left; width: 25%; padding-top: 0.75rem}
.list-nav .con{ display: block; background: #ccc; font-size:0.875rem; line-height: 1.8; color: #333; text-align: center; width: 60%}
.top-fixed .list-nav{ background: #f6f6f6;}
.mod-nav .mod-hd{ background:#f6f6f6; border-left: 6px solid #ffc81f;}
.mod-nav .mod-hd .tit{ font-weight: bold; font-size: 0.875rem; line-height: 2.6; padding-left: 0.625rem}
.mod-nav .mod-bd{ padding:0 1rem 0.5rem; line-height: 1.5}
.mod-nav .mod-bd .title{ font-size: 0.875rem; padding-top: 0.625rem}
.mod-nav .link-box{ font-size:12px; line-height: 24px;}
.mod-nav .link-box a{ color: #333;} 
.mod-nav .link-box .sep{ margin: 0 0.5rem}
.pn-navigation .ph-hd{width: 998px; background: #fff; overflow: hidden;}





.zhuanti{ width:300px; margin-bottom:10px;}
.zhuanti img{ width:300px; height:140px;}
.zhuanti p{ width:300px; font-size:14px; text-align:center; line-height:20px; margin-top:8px;}

.playgame{ width:145px; margin-bottom:10px; float:left;}
.playgame img{ width:145px; height:95px;}
.playgame p{ width:145px; font-size:14px; text-align:center; line-height:20px; margin-top:8px;}