@charset "utf-8";

/* 登录 */
.login{ width:100%; min-height:650px; margin:0 auto; background-position: center center; background-repeat:no-repeat; border-bottom:1px solid #ddd;}
.loginimg{ width:100%; min-height:650px; background-position: center center; background-repeat:no-repeat; position:relative;}
.loginfrm{ width:400px; top:50%; left:50%; background:#fff; position: absolute; border:1px solid #eee; padding:0; margin-top:-175px;}



.loginfrm h3{ font-size:16px; padding:0 20px; line-height:50px; font-weight:normal; color:#222;
 border-bottom:1px solid #eee; background:#f7f7f7;}
.logri{ padding:0 20px 30px;}
.logri li{ margin:20px 0 0;}
.logrbor{ border:1px solid #eee; margin:10px 0;}
.logri li input[type="text"],.logri li input[type="password"]{ display:inline-block; width:280px; text-align:left; border:none; height:45px; line-height:45px;
font-size:14px;}
.logri li input.sms_text{ width:222px; padding:0 10px;}
.logri li .send_sms{ display:inline-block; width:116px; height:47px; line-height:45px; text-align:center; background:#eee; float:right;}
.lofinuser{ display:inline-block; vertical-align:top; width:48px; height:45px; background:url(../images/lofinuser.png) no-repeat center center;}
.lofinpass{ display:inline-block; vertical-align:top; width:48px; height:45px; background:url(../images/lofinpass.png) no-repeat center center;}
.logintel{ display:inline-block; vertical-align:top; width:48px; height:45px; background:url(../images/logintel.png) no-repeat center center;}
.logri li .logbtn{ display:block; width:100%; text-align: center; border:none; background:#0193f6; color:#fff; font-size:18px; height:45px; line-height:45px; padding:0 5px; cursor:pointer;}
.logri li .logbtn:hover{ background:#317ef3; }
.lofliregs{ float:right; color:#666;font-size:14px;}
.lofliregs a{ font-size:14px; color:#0193f6;}
.lofwadpass{ float:right; margin-bottom:10px;}
.lofwadpass_l{ float:left;}
.lofwadpass a{ color:#0193f6;}
.lofwadpass_l a{ color:#666; }

.logri li a{ display:inline-block;}

/* 注册 */
.register_name{ display:inline-block; width:60px; padding:0 5px; height:45px; line-height:45px; text-align:right; vertical-align:middle;}
.register .loginfrm{ margin-top:-230px; }
.register .logri li input.sms_text{ width:152px; }
.agreement{ cursor:pointer; }
.agreement input,.agreement span,.agreement a{ display:inline-block;vertical-align:middle; }
.agreement input{ margin-right:5px; }
.agreement a{ color:#0193f6;}


/* 忘记密码 */

.regist{ width:858px; border:1px solid #e8e8e8; box-shadow:0 4px 2px #e8e8e8; margin:50px auto; padding:60px 140px; }
.regtil{ border-bottom:2px solid #ccc; height:44px; line-height:44px; text-align:center;}
.regtil p{ display:inline-block; border-bottom:2px solid #ccc; color:#ccc; font-size:16px; height:44px; line-height:44px; margin:0 25px -2px; padding:0 20px 0 10px;}
.regtil p span{ display:inline-block; width:24px; font-size:12px; line-height:24px; height:24px; border-radius:12px; background:#ccc; color:#fff; font-size:14px; text-align:center; margin-right:12px;}
.regtil .regtseckbtn{ color:#3388ff;}
.regtil .regtseck{ color:#3388ff; border-bottom:2px solid #3388ff;}
.regtil .regtseckbtn span{ background:#3388ff;}
.regtil .regtseck span{ background:#3388ff;}


.regtma{ width:510px; margin:0 auto; padding:25px; color:#666;}
.regtma li{ margin-top:30px;}
.regtma li span{ display:inline-block; width:120px; font-size:14px; padding-right:20px; text-align:right;}

.restselct{ width:120px; border:1px solid #ccc; height:36px; line-height:36px; text-align:right; padding-right:10px;}
.restselct option{ text-align:center; line-height:32px; padding:5px 0;}
.restinptre{ border:1px solid #ccc; height:36px; line-height:36px; width:325px; padding:0 5px;}
.restinpeml{ border:1px solid #ccc; height:36px; line-height:36px; width:313px; padding:0 5px;}
.restinpyzm{ width:118px; border:1px solid #ccc; height:36px; line-height:36px; padding:0 5px; margin:0 5px 0 3px;}
.restinpyzb{ width:202px; border:1px solid #ccc; height:36px; line-height:36px; text-align:center; vertical-align:top; cursor:pointer;}

.restbtnokc{ height:36px; line-height:36px; background:#3388ff; color:#fff; width:180px; text-align:center; border:none; cursor:pointer;}

.restinppas{ border:1px solid #ccc; height:34px; line-height:34px; width:210px; padding:0 5px;}

.regtaokbic{ line-height:48px; font-size:24px; color:#3388ff; text-align:center; margin-top:50px;}
.regtaokbic img{ display:block; margin:0 auto 30px; width:200px; height:200px;}
.regtaokbic span{ margin:0 0 0 15px; font-size:14px; color:#333;}
.regtaokbic span a{ color:#333;color:#3388ff;}
.regtaokbic span a:hover{ color:#3388ff; text-decoration:underline;}


/* 个人中心 */
.my_infor i,.my_infor span{ display:inline-block; vertical-align:middle;}
.icon_img{ width:30px; height:30px;border-radius:30px;overflow:hidden; margin-right:5px;}
.icon_img img{ display:block; width:100%; min-height:100%; border-radius:30px; }

.per_logo{float:left; margin:3px 0 0 10px;}
.per_logo img{ display:block; height: 32px; }
.maxbox {width: 1200px;min-width: 1200px;margin: 0 auto;}
.Layer_thickness_qdbtn{ display:block; width:110px; height:35px; border-radius:5px; text-align:center; color:#fff;
	line-height:35px; margin:50px auto 0;
background:#0193f6;
background:linear-gradient(left,#0193f6,#3aacfa);
background:-moz-linear-gradient(left,#0193f6,#3aacfa);/*Mozilla*/
background:-webkit-gradient(linear,0 50%,100% 50%,from(#0193f6),to(#3aacfa));/*Old gradient for webkit*/
background:-webkit-linear-gradient(left,#0193f6,#3aacfa);/*new gradient for Webkit*/
background:-o-linear-gradient(left,#0193f6,#3aacfa); /*Opera11*/}
.Layer_thickness_qdbtn:hover{ color:#fff; background:#317ef3; }
/*  左侧列表  */

.web_cont{ min-height:700px; position: relative;}

.web_cont_lef{ width:245px; min-height:700px; height:100%; background:#49c498; float:left;

background: #0193f6; /* Old browsers */
background: -moz-linear-gradient(top, #0193f6 0%, #1fb4b8 100%); /* FF3.6+ */
background: -webkit-gradient(linear,left top , left bottom, color-stop(0%,#0193f6), color-stop(100%,#1fb4b8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0193f6 0%,#1fb4b8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0193f6 0%,#1fb4b8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0193f6 0%,#1fb4b8 100%); /* IE10+ */
background: linear-gradient(to bottom, #0193f6 0%,#1fb4b8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0193f6', endColorstr='#1fb4b8',GradientType=0 ); /* IE6-9 */
}
.cont_rgt{ width:925px; float:right; padding-bottom:10px;}


.web_cont_lef_head{ line-height:61px; font-size:18px; color:#fff; text-align:center; color:#fff; font-weight:normal; border-bottom:1px solid rgba(255,255,255,.4);}
.web_cont_lef li{ border-bottom:1px solid rgba(255,255,255,.4);}

.web_cont_lef p{ border-left:4px solid transparent ; border-top:1px solid transparent; border-bottom:1px solid transparent; height:83px; overflow:hidden; position:relative; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
.web_cont_lef p:after{content:" "; position:absolute; border-top: 10px solid transparent; border-bottom: 10px solid transparent;    border-right: 10px solid #dcf0fd; right: -15px; height: 0; top: 50%; margin-top: -10px; width: 0; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
.web_cont_lef p a{ color:#fff; font-size:16px; line-height:28px; padding-top:20px; padding-left:60px; display:block; height:81px; line-height:41px;}
.web_cont_lef .web_cont_left_clk p{ background:rgba(33,147,99,.5); border-top:1px solid rgba(30,119,83,.2); border-bottom:1px solid rgba(30,119,83,.2);}
.web_cont_lef .web_cont_left_on p{ border-color:#ffa800; background:rgba(0,0,0,.1); border-top:1px solid rgba(30,119,83,.2); border-bottom:1px solid rgba(30,119,83,.2);}
.web_cont_lef .web_cont_left_clk.web_cont_left_on p{ border-color:#ffa800; border-top:1px solid rgba(30,119,83,.2); border-bottom:1px solid rgba(30,119,83,.2);}
.web_cont_lef .web_cont_left_clk.web_cont_left_on p:after{ right: 0px;}
.web_cont_lef .web_cont_left_clk.web_cont_left_level p:after{ right: -15px;}
.vontico{ display: inline-block; vertical-align: middle; height:41px; width:45px; margin-right:10px; background-repeat:no-repeat; background-position:center center;}
.vontico_01{ background-image:url(../images/vontico_01.png);}
.vontico_02{ background-image:url(../images/vontico_02.png);}
.vontico_03{ background-image:url(../images/vontico_03.png);}
.vontico_04{ background-image:url(../images/vontico_04.png);}
.web_cont_left_on .vontico_01{ background-image:url(../images/vontico_on_01.png);}
.web_cont_left_on .vontico_02{ background-image:url(../images/vontico_on_02.png);}
.web_cont_left_on .vontico_03{ background-image:url(../images/vontico_on_03.png);}
.web_cont_left_on .vontico_04{ background-image:url(../images/vontico_on_04.png);}
.web_cont_lef p:hover{background:rgba(0,0,0,.1);}


.web_cont_lef li div{ display:none;}
.web_cont_lef dl{ background:rgba(33,147,99,.15);}
.web_cont_lef dd{ height:47px; line-height:47px; border-top:1px solid rgba(255,255,255,.4); color:#fff; position:relative;}
.web_cont_lef dd a{ display:block; color:#fff; position:relative; padding-left:75px; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
.web_cont_lef dd a:after{content:" "; position:absolute; height:100%; width:0px; background: rgba(255,255,255,.2); top:0; left:0; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
.web_cont_lef dd a:hover:after{ width:100%;}

.web_cont_secon_clk{ background:url(../images/left_nav_tmbg.png);}
.web_cont_lef dd.web_cont_secon_clk a{ color:#222; }
.web_cont_lef dd.web_cont_secon_clk a:hover:after{ width:0%;}
.web_cont_secon_clk:after{content:" "; position:absolute; border-top: 10px solid transparent; border-bottom: 10px solid transparent;    border-right: 10px solid #f5fbfb; right: -0px; height: 0; top: 50%; margin-top: -10px; width: 0; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}


.cont_rgt_pad20{ padding:30px 0;}
.contrgtbox{ background:#fff; border-radius:5px; box-shadow:0px 2px 7px rgba(0,0,0,.1);}
.contrgtboxpad{ padding:20px 10px 20px 20px;}



.cont_rgt_til{ height:26px; padding:20px 0 14px; line-height:26px; font-weight:normal; font-size:16px;}
.cont_rgt_ico{ display: inline-block; vertical-align:-6px; height:26px; width:26px; margin-right:10px; background-repeat:no-repeat; background-position:center center;}
.cont_rgt_ico01{ background-image:url(../images/cont_rgt_ico01.png);}
.cont_rgt_ico02{ background-image:url(../images/cont_rgt_ico02.png);}


/* 基本资料 */
.cont_pers_card{ padding:25px;}
.cont_pers_card li{ float:left; text-align:center; border:1px solid #e5e5e5; border-radius:5px; margin-left:25px;}
.cont_pers_card li:first-child{ margin-left:0px;}
.cont_pers_card_til{ line-height:65px; height:65px;}
.cont_pers_card_pos{ line-height:50px; height:50px; background:#edfaf2;border-radius:0 0 5px 5px; font-size:20px; color:#219363;}
.cont_pers_card_n1 li{ width:100%;}
.cont_pers_card_n2 li{ width:418px;}
.cont_pers_card_n3 li{ width:271px;}
.cont_pers_card_n4 li{ width:197px;}

.perscard_ico{ display: inline-block; vertical-align:middle; margin-right:7px; height:65px; width:40px; background-repeat:no-repeat; background-position:center center;}
.perscard_ico01{ background-image:url(../../images/perscard_ico01.png);}
.perscard_ico02{ background-image:url(../../images/perscard_ico02.png);}
.perscard_ico03{ background-image:url(../../images/perscard_ico03.png);}
.perscard_ico04{ background-image:url(../../images/perscard_ico04.png);}
.perscard_ico05{ background-image:url(../../images/perscard_ico05.png);}


.grzl_jbzl{ width:870px; height:auto; background:#fff; border:1px solid #f2f2f2; margin:0 auto; padding:50px 65px;
border-radius:5px;}
.grzl_jbzl_btn{ width:180px; height:45px; line-height:45px; font-size:16px; margin-bottom:100px;}

/*说明图标样式*/
.pershelp_ico{ display: inline-block; vertical-align:middle; margin-right:5px; height:45px; width:30px;
 background:url(../../images/pershelp_ico.png) no-repeat center center;}
.grzh_fwkcz_pd{ padding:10px 20px; }
/*  基本资料  */
.grzl_jbzl_infor{ border-bottom:1px dashed #d3d3d3; padding-bottom:10px;}
.grzl_jbzl_infor p{ margin-bottom:15px; color:#000;}
.grzl_jbzl_infor span,.grzl_jbzl_infor input{ display:inline-block; vertical-align:middle;}
.grzl_jbzl_infor input[type="text"]{ border:1px solid #eee;height:38px; line-height:38px;border-radius: 5px; padding:0 10px;
 width:380px; transition:all ease 0.3;-webkit-transition:all ease 0.3s;-ms-transition:all ease 0.3s;-moz-transition:all ease 0.3s;-o-transition:all ease 0.3s;}
.grzl_jbzl_infor input[type="text"]:focus{ border:1px solid #0193f6;}
.grzl_jbzl_infor input[type="radio"]{margin-right:5px;}
.grzl_jbzl_infor label.sex{ margin-right:10px; cursor:pointer;}
.grzl_jbzl_infor label b{ font-weight:normal; vertical-align:middle; }

.grzl_jbzl_jsxk{ width:100%; height:auto; padding:25px 0 0 120px; position:relative; }
.grzl_jbzl_tit{  position:absolute; left:0; top:25px; }
.grzl_jbzl_select label{ float:left; width:auto; margin-right:20px; cursor:pointer;}
.grzl_jbzl_select .grzl_selectys{ display:inline-block; width:14px; height:14px; border:1px solid #bfbfbf; position:relative;
 vertical-align:middle;}
.grzl_jbzl_select input{ position:absolute;top:0; left:0;}

.grzl_jbzl_select .grzl_jbzl_selectactive{ background:url(../../../images/icon_select.png) no-repeat center center;
background-size:11px 9px; }
.grzl_jbzl_text{margin-left:3px; }
.grzl_jbzl_ts{ font-size:12px; color:#ef0707; }

.grzl_jbzl_txpic{ width:110px; height:110px; float:left; border-radius:5px; overflow:hidden;}
.grzl_jbzl_txpic img{ width:100%; min-height:100%; }
.grzl_jbzl_txpicsm{ float: left;margin-left:20px; color:#999; }
.grzl_jbzl_txbtn{ display:block; width:120px; height:30px; line-height:28px; border:1px solid #0193f6;border-radius:5px;
 text-align:center; margin-top:10px;}
.grzl_jbzl_txbtn:hover{ background:#317ef3; color:#fff; }

/*  密码修改  */
.grzl_xgmm_w{padding:93px 65px}
.grzl_xgmm{ width:100%; height:auto;}
.grzl_xgmm .grzl_xgmm_list{width:740px; height:auto; padding:0 260px 20px 80px; position:relative;}
.grzl_xgmm input{ height:40px; line-height:38px; border:1px solid #eee; font-size:14px; border-radius:5px;
 width:360px; padding:0 20px; background:none; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s;
  -o-transition: .3s;}
.grzl_xgmm input:focus{ border-color:#0193f6;}
.grzl_xgmm_note{line-height:16px; color:#999; margin-top:-10px;}
.grzl_xgmm_text{ position:absolute; left:0; top:0; height:40px; line-height:40px; color:#000; }
.grzl_xgmm_ts{ width:250px; position:absolute; right:0; top:0; height:40px; line-height:40px; }
.grzl_xgmm_tsr{ width:250px; position:absolute; right:0; top:0; height:40px; line-height:40px; text-align:right;}
.grzl_xgmm_red{color:#ef0707; }
.grzl_xgmm_ts i{ display:inline-block; width:88px; height:15px; vertical-align:middle; margin:0 5px 0 10px;}
.grzl_xgmm_ts i.xgmm_01{ background:url(../../../images/grzx/jbzl/xgmm/xgmm_01.png) no-repeat;}
.grzl_xgmm_ts i.xgmm_02{ background:url(../../../images/grzx/jbzl/xgmm/xgmm_02.png) no-repeat;}
.grzl_xgmm_ts i.xgmm_03{ background:url(../../../images/grzx/jbzl/xgmm/xgmm_03.png) no-repeat;}
.grzl_xgmm_ts b{ font-weight:normal; display:inline-block; vertical-align:middle; }
.grzl_xgmm_tit{ display:inline-block; vertical-align:middle; }



.annot_hide,.xgmm_newqd{ display:none;}


/*  tab选项卡样式  */
.cont_pers_tab{ border-bottom:1px solid #e5e5e5; padding:0 25px;}
.cont_pers_als{ padding: 20px; min-height:400px;}

.cont_pers_tab li{ display:block; float:left; margin-right:25px; height:50px; line-height:45px; *line-height:45px; position:relative;}
.cont_pers_tab li a{ display:block; padding:0 25px; height:50px; line-height:45px; position:relative; font-size:16px;}
.cont_pers_tab li.cont_pers_tab_clk:after{content:" "; display:block; width:100%; height:6px; position:absolute; left:0; bottom:-1px;
 background:#0193f6; border-radius:7px;}
.cont_pers_help{ float:right;}

.perstab_ico{ display: inline-block; vertical-align:middle; margin-right:7px; height:45px; width:35px;
 background-repeat:no-repeat; background-position:center center;}
.cont_pers_tab_clk .perstab_ico01,.cont_pers_tab li:hover .perstab_ico01{ background-image:url(../images/perstab_ico01.png);}
.cont_pers_tab_clk .perstab_ico02,.cont_pers_tab li:hover .perstab_ico02{ background-image:url(../images/perstab_ico02.png);}

.cont_pers_tab_clk a,.cont_pers_tab li:hover a{ color:#0193f6; display:block;}

/*日期*/
.pers_date{ padding:12px 0;}
.pro_datetime{ display:inline-block; width:160px; vertical-align: middle; height:30px; line-height:28px; border:1px solid #e5e5e5; 
	border-radius:5px; padding:0px 40px 0px 15px; background:url(../images/wdxb_date.png) no-repeat 130px 2px;}
.pro_dateto{ margin:0 10px; line-height:30px; vertical-align:middle;}

.pro_dateque{ display:inline-block; vertical-align:middle; width:60px; height:30px; line-height:30px; margin:0 15px;
 background:#0193f6; border-radius:5px; text-align:center; color:#fff; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
.pro_dateque:hover{ background:#317ef3; color:#fff; }
/*  table表格样式  */
.pers_tabel{ padding:5px 0 20px;}
.pers_tabel table{ width:100%; border-collapse:collapse; border-spacing:0; line-height:30px;}
.pers_tabel td{ border:1px solid #eee; padding:15px 0; line-height:20px;}
.pers_tabel tr{ transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
.pers_tabel_til,.pers_tabel tr.pers_tabel_til:hover{ background:#f3f3f3;}
.pers_tabel tr:hover{ background:#f6fcfa;}
.pers_tabel td.green{ color:#317ef3;}

/* web_pager */

.web_pager{ padding:20px 0; text-align:center;}
.web_pager a{ display:inline-block; margin:0 3px; width:30px; line-height:30px; height:30px; border-radius:50%; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
.web_pager a:hover,.web_pager a.web_pager_clks{ background:#317ef3; color:#fff; box-shadow:0px 2px 5px rgba(0,0,0,.2);}
.web_pager a.web_pager_chos{ width:auto; border-radius:5px; padding:0 8px;}
.web_pager a.web_pager_dise:hover,.web_pager a.web_pager_dise{ background:none; color:#999; box-shadow:0px 2px 5px rgba(0,0,0,0);}


/* 我的百科 */
.bkbtn{ display:inline-block; margin:0 3px; color:#333; background:#fff; border:1px solid #eee; padding:0 12px; border-radius:5px; color:#333;
 font-size:12px;}
.bkbtn:hover{ background:#0193f6; color:#fff;}
@media (min-width: 800px) and (max-width: 1280px){
	
}


@media (min-width: 640px) and (max-width: 800px){

	
}








@media (max-width:750px){
*, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.login,.loginimg{ min-height:100%; height:100%;}
.loginimg{ background-size:cover; }

.loginfrm{ width:96%; left:2%; top:10%; margin:0; }
.logri{ padding:0 10px 30px; }
.logrbor{ width:100%; padding:0 0 0 48px; position:relative; height:45px; overflow:hidden;}
.logrbor i{ display:block; position:absolute; left:0; top:0;}
.logri li input[type="text"], .logri li input[type="password"]{ width:100%; }

.logri li input.sms_text{ position:absolute;left:0; top:0; }	
.logri li .send_sms{ position:absolute;right:0; top:0; }
.register .loginfrm{ margin:0; }
.register .logrbor{ padding:0 0 0 60px; }
.register_name{ position:absolute;left:0; top:0; }

.regist{ margin:0; border:none;}
.regist,.regtma{ width:100%; padding:0; }
.regtma li{ display:block; padding:0 20px 0 100px; position:relative;}
.regtma li span{ position:absolute;left:0; top:0; width:100px; }
.restinptre{ width:100%;}
.restinpyzm{ width:60%; margin:0;}
.restinpyzb{ width:40%; margin-left:-1px; }

.restbtnokc{ width:120px; margin:0 0 20px; }
.restinppas{ width:100%; }
.regtaokbic img{ width:100px; height:100px; }
.regtaokbic{ font-size:20px; }
.restinpyzb{ line-height:34px; }

/* 个人中心 */
.header_right a.my_infor{ margin:0; width:50%; float:left; }

.maxbox{ width:100%; min-width:100%;}
.web_cont{ min-height:80%; background:#fff;}
.grzl_jbzl{ width:100%;padding:30px 10px;font-size:12px; border-radius:0;}
.cont_rgt{ padding:0;width:100%; border:none;}
.contrgtbox{ padding:10px; border-radius:0; box-shadow:none;}
.grzl_jbzl_infor p{ width:100%; padding:0 0 0 80px; position:relative; }
.grzl_jbzl_infor span{ display:block; width:80px; position:absolute;left:0; top:0; height:38px; line-height:36px; text-align:left;}
.grzl_jbzl_infor input[type="text"]{ width:100%; }
.grzl_jbzl_jsxk{ padding-left:70px; }
.grzl_jbzl_txpic{ width:40px; height:40px; }
.grzl_jbzl_tit{ top:30px; }
.grzl_jbzl_txpicsm{ width:100%; margin:10px 0 0; }
.grzl_jbzl_btn{ width:160px; height:40px; line-height:40px; margin-bottom:30px;}

.personan_nav{ padding:20px  0; background:#fafafa;}
.personan_nav a{ display:block; width:33.33%; height:auto; text-align:center; float:left; color:#333;font-size:12px;}
.personan_nav i{ display:block; width:100%; height:30px; }
.personan_nav i.icon_pernav_1{ background:url(../images/icon_pernav_1.png) no-repeat center center/30px 27px; }
.personan_nav i.icon_pernav_2{ background:url(../images/icon_pernav_2.png) no-repeat center center/30px 27px; }
.personan_nav i.icon_pernav_3{ background:url(../images/icon_pernav_3.png) no-repeat center center/30px 27px; }
.personan_nav i.icon_pernav_4{ background:url(../images/icon_pernav_4.png) no-repeat center center/30px 27px; }
.personan_nav .personan_navcur{ color:#0193f6;}
.personan_nav .personan_navcur i.icon_pernav_1{ background:url(../images/icon_pernav_1_on.png) no-repeat center center/30px 27px; }
.personan_nav .personan_navcur i.icon_pernav_2{ background:url(../images/icon_pernav_2_on.png) no-repeat center center/30px 27px; }
.personan_nav .personan_navcur i.icon_pernav_3{ background:url(../images/icon_pernav_3_on.png) no-repeat center center/30px 27px; }
.personan_nav .personan_navcur i.icon_pernav_4{ background:url(../images/icon_pernav_4_on.png) no-repeat center center/30px 27px; }

.grzl_xgmm .grzl_xgmm_list{ width:100%; padding:0 10px 20px 70px; }
.grzl_xgmm_text{ display:block; width:70px; text-align:right; padding:0 10px;}
.grzl_xgmm input{ width:100%; }
.grzl_xgmm_note{ font-size:12px; }

.cont_pers_tab,.cont_pers_als{ padding:0; }
.pro_dateto{ margin:0 5px; }
.pro_dateque{ margin:0 10px; }
.pro_datetime{ padding:0 10px; width:90px; }
.pers_tabel,.pers_tabel a{ font-size:12px; }
.pers_tabel td{ padding:10px 0; }
.web_pager a{ font-size:12px; margin:0;}
.pro_dateque{ width:auto; font-size:12px; padding:0 10px; }
.cont_pers_tab li,.cont_pers_tab li a{ font-size:14px; height:45px; line-height:40px; margin:0;}
.cont_pers_tab li a{ padding:0 10px; }
.perstab_ico{ background-size:31px 40px;vertical-align:-16px; margin:0;}
.cont_pers_tab li.cont_pers_tab_clk:after{ height:4px; }

.pers_tabel{ width:100%; overflow-x:scroll; }
.pers_tabel table{ width:100%; }
}

















