@charset "utf-8";
/* CSS Document */
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;vertical-align:middle;}
table{border-collapse:collapse; border-spacing:0;}
ul{list-style:none;}
fieldset,img {border:0;}
a{text-decoration:none; outline:none; color:#1a4979;}
a:hover{text-decoration:none;color:#52a3e2;}
em{font-style:normal;}
/*typography*/
body, button, input, select, textarea {font:14px/1.5 "microsoft yahei", Regular, Helvetica, Arial, "宋体", sans-serif;}
html,body{height:100%;}
input{ outline:none;}
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4, h5, h6 { font-size:100%; }
code, kbd, pre, samp, tt{font-family:"Courier New", Courier, monospace;}

/* 清浮动 */
.clearfix{*zoom:1}
.clearfix:after{content:"\20";clear:both;height:0;display:block;overflow:hidden;}

.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}
.mr60{margin-right:60px;}

.pt20{padding-top:20px;}
.pt30{padding-top:30px;}

/* 按钮 */


/* 颜色定义 */
.red { color: #ff3144; }

/*安全学堂*/
/*背景*/
.box .hd,.txt_list li,.safe_center a,.safe_kf a,.post_detail .qs,.post_tools .use_btn,.post_detail .blue_btn{background: url(../images/school_bg.png) no-repeat;}

/*安全学堂通用组件 go*/
.inner{ width:1000px; margin:0 auto; overflow:hidden;}

/*盒子模型*/
.box{}
.box .hd{font-size:16px;height:52px;line-height: 52px;padding-left:38px;border-bottom:1px solid #dce5ed;position: relative;}
.box .hd .mark{font-size:12px;color:#0c9bd4;position: absolute;top:0px;right:5px;}
.box .hd .mark:hover{text-decoration: underline;}

.box_big .hd{font-size:24px;}


/*文字列表*/
.txt_list li{}
.txt_list li { padding-left:8px; height:40px; line-height:40px;border-bottom:1px dashed #d3dee8; overflow:hidden; vertical-align:middle;*zoom:1; background-position:-272px -294px; font-family:"Simsun";}
.txt_list li .sub {color: #e5e5e5;}
.txt_list li .sub a {color: #999;}
.txt_list li .sub a:hover {color: #f80;}
.txt_list li a {font-family:Microsoft YaHei; word-break:break-all;font-size:14px;}
.txt_list li .date {margin-left:10px; float:right; color: #999; font-size:12px; line-height:40px;}
.txt_list li.last{border-bottom:none;}
.txt_list_f12 li a{font-size:12px;}

/*安全学堂通用组件 end*/

/*顶部 go*/
.header{ height:87px; background:url(../images/head_repeatX.gif) repeat-x; width:100%; }
.header .logo { display: inline-block; width: 210px; height: 50px; margin-top: 17px; background-image: url(../images/school_logo.png);}

.top_nav ul li{float:left;padding:0 20px;}
.top_nav ul li a{color:#333;font-size:14px;display:inline-block;height:87px;line-height: 87px;padding:0 2px;}
.top_nav ul li .current{border-top:3px solid #52a3e2;color:#52a3e2;height:84px;line-height: 81px;}
.top_nav ul li a:hover{color:#52a3e2;}

/*顶部 end*/

/*主体 go*/
.main{width:100%;background:url(../images/pbd_bg.gif) repeat-x; }

/*主体右侧*/
.sidebar{width:245px;}

.notice{padding:2px 17px;background: #f9fbfc;border:1px solid #dfeaf4;border-radius: 2px;min-height: 257px;height:100%;_height:257px;}
.box_notice .hd{padding-left:38px;background-position:-272px 14px;}

.safe_center a img, .safe_iq_test a img, .verify_entry a img{display:block;}

.safe_center a{display:block;width:245px;font-size:16px;height:44px;text-align:center;line-height: 44px;background-position:0 0;color:#fff;}
.safe_center a:hover{color:#fff;background-position:0 -54px;}
.safe_center a img, .safe_iq_test a img{display:block;}


.safe_kf a{width:120px;height:44px;}
.safe_kf .kf_zx{background-position: 0 -108px;}
.safe_kf .kf_pd{background-position: -121px -108px;}


/*主体左侧*/
.content{width:740px;}

.box_zt .hd{background-position: -272px -49px;}
.box_save .hd{background-position: -272px -112px;}
.box_case .hd{background-position: -272px -174px;}
.box_rule .hd{background-position: -272px -237px;}

/*首页*/
.slider{ position:relative; width:670px; height:300px; overflow:hidden;}
.slider .items{ position:absolute; float:left; background:none; list-style:none; padding:0px; margin:0px;}
.slider .items li{ float:left; background:none; list-style:none; padding:0px; margin:0px;}
.slider .items li a{ float:left; line-height:normal !important; padding:0px !important; border:none;}
.slider .items li a img{ margin:0px !important; padding:0px !important; display:block; border:none;}
.slider .tips{ position:absolute; bottom:0px; width:100%; height:50px; overflow:hidden;}
.slider .tips .title{ position:absolute; left:0px; top:0px; height:100%;}
.slider .tips .title a{ color:#fff; font-size:18px; line-height:50px; margin-left:10px; text-decoration:none;}
.slider .tips .title a:hover{ text-decoration:underline !important;}
.slider .tips .nums{ position:absolute; left:50%; top:0px; height:100%;}
.slider .tips .nums a{ display:block; float:left; width:12px;-webkit-box-shadow:0px 0px 0px #999; -moz-box-shadow:0px 0px 0px #999;box-shadow:0px 0px 0px #999; height:6px;line-height:6px;border-radius: 6px;_font-size:0px; background-color:#fff; text-indent:-99999px; margin:23px 10px 0px 0px;}
.slider .tips .nums a.active{ background-color:#000;opacity: 0.2;}

.main_list{padding:2px 17px 42px;border:1px solid #dfeaf4;background:#f9fbfc;border-radius: 2px;min-height:697px;height:100%;_height:697px;}
.main_list .box{width:312px;float:left;display:inline;min-height:261px;height:100%;_height:261px;}
.main_list .box .hd{height:56px;line-height:56px;}

.main_list .box-last {min-height:261px;height:100%;_height:261px;}

/*列表页*/
.list{padding:2px 24px 42px;border:1px solid #dfeaf4;background:#f9fbfc;border-radius: 2px;min-height:979px;height:100%;_height:979px;}
.list .box .hd{height:56px;line-height:56px;}

/*详情页*/
.post_content{padding:2px 30px 42px;border:1px solid #dfeaf4;background:#f9fbfc;border-radius: 2px;min-height:979px;height:100%;_height:979px;}
.back_list{border-bottom:1px solid #d3dee8;padding:10px 0 10px;margin-bottom:25px;}
.back_list a{color:#0c9bd4;}

.post_content .post_title{font-size:20px;text-align:center;}
.post_content .post_date{font-size:12px;text-align: center;color:#999999;padding:2px 0;}

.post_detail {margin-top:10px;font-size:14px;}
.post_detail .qs{height:30px;line-height:30px;padding-left:30px;margin-bottom:20px;font-size:16px;font-weight:normal;background-position:-278px -339px;}
.post_detail .qs_red{background-position:-278px -387px;}
.post_detail p{line-height:2em;}
.post_detail .p0{font-size:16px;font-weight: bold;margin-top:10px;}
.post_detail .p1{padding-left:24px;font-weight: bold;margin-top:5px;}
.post_detail .p2{padding-left:48px;}

.post_detail .rule_item span{font-weight:bold;}
.post_detail .blue_btn{display:inline-block;color:#fff;font-size:16px;float:right;width:162px;height:37px;line-height: 37px;text-align:center;background-position: 0 -207px;}

.post_tools {margin-top:50px;position: relative;padding-bottom:40px;width:100%;}
.post_tools .use{width:230px;margin:0 auto;}
.post_tools .use .use_btn{display:block;width:83px;height:35px;}
.post_tools .use .useful{background-position: 0 -162px;}
.post_tools .use .useless{background-position: -99px -162px;}
.post_tools .qs_yet{position:absolute;top:10px;right: 0;color:#076cd3;display:block;text-decoration: underline;}

.post_relates {border-top:1px dashed #d3dee8;padding-top:20px;}
.post_relates .relates_txt{width:80px;}
.txt_list_style2{margin-top:-7px;}
.txt_list_style2 li {padding-left:0;height:36px; line-height:36px;background:none;border:none;}

/*弹出层*/
.popup{position: absolute;width:720px;height:332px;display:none;border:8px solid #eb905b;border-radius: 7px;background: #fff;}
.mask{display:none;position:fixed;position: _absolute;width:100%;height:100%;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;top: 0;left:0;}

/*官方账号检测*/

.acct_verify .v_logo,.acct_verify .v_state{text-align:center;}

.acct_verify .v_logo{margin-top:46px;}
.acct_verify .v_state{margin-top:64px;color:#2b333d;}
.acct_verify .v_state .v_state_tit{font-size:24px;font-weight: bold;}
.acct_verify .v_state .v_state_des{font-size:12px;margin-top:8px;}
.acct_verify .v_form{width:702px;margin: 36px auto 0 auto;}
.acct_verify .v_form .v_input{width:546px;height:20px;padding:14px;border:1px solid #b0b6bd;border-right:none;box-shadow: 0px 2px 1px #f2f2f2 inset; border-radius: 3px 0 0 3px;}
.acct_verify .v_form .v_submit{display:inline-block;width:124px;height:48px;line-height: 48px; border-radius: 0 3px 3px 0; text-align:center;background:#3c89e4;border:1px solid #1d6fcf;color:#fff;}
.acct_verify .v_form .v_submit:hover{background: #5097ea;}
.acct_verify .v_err{width:702px;margin:20px auto 0 auto;font-size:12px;padding-bottom:3px;color:#ff3144;border-bottom:1px solid #f4f4f4;display:none;}

.acct_verify .v_result {width:702px;margin:40px auto 0 auto;text-align:center;display:none;}
.acct_verify .v_result .v_result_txt {display:inline-block;vertical-align:middle;font-size:24px;font-weight:bold;height:50px;line-height: 50px;}
.acct_verify .v_result .v_result_pic {display:inline-block;vertical-align:middle;width:174px;height:50px;}
.acct_verify .v_result .v_result_pic_suc {background:url(../images/is_gf_acct.png) 0 0 no-repeat;}
.acct_verify .v_result .v_result_pic_fail {background:url(../images/not_gf_acct.png) 0 0 no-repeat;}

.acct_verify .v_tips{width:702px;margin:0 auto 200px auto;}
.acct_verify .v_tips .v_tip, .acct_verify .v_tips .v_tip {text-align:center;margin-top:65px;border-bottom:1px solid #f4f4f4;padding-bottom:30px;line-height:1.8;display:none;}

/*主体 end*/

/*底部 go*/
.footer{ background-color:#fafafa; padding: 12px 0 25px;margin-top:72px;}
.footer p{ text-align:center; line-height:24px; color:#908f8f;}
.footer p a{color:#908f8f;}
.footer p a:hover{color:#52a3e2;}
/*底部 end*/


img {
    max-width: 500px;
}