html,body{
    font-size:12px;
    margin:0;padding:0;
    font-family:'Microsoft YaHei';color:#444;
        background: #fff;
        min-height:100%;
        min-width:1200px;
}
div,p,ul,ol,dl,li,dd,dt,h1,h2,h3,h4,h5,h6{margin:0;padding:0;list-style:none;}
img{
    vertical-align:middle;
}
a{
   color:#444;
   text-decoration:none;
}
.clearfix:before {
content: " ";
display: table;
height: 0;
clear: both;
visibility: hidden; 
}
.gr_head{
    height:75px;
    width:100%;
    background:-moz-linear-gradient(left, #00ADE3, #24E4B3);  
    background:-webkit-gradient(linear, left 0, right 0, from(#00ADE3), to(#24E4B3));  
    background:-o-linear-gradient(left, #00ADE3, #24E4B3); 
    background-image:url(/images/Personal/head_bg.png) ;
    background-position: center;
    background-repeat:no-repeat;
   
}
@media screen and (min-width: 1400px) {
    .gr_head{
    height:75px;
    width:100%;
    background:-moz-linear-gradient(left, #00ADE3, #24E4B3);  
    background:-webkit-gradient(linear, left 0, right 0, from(#00ADE3), to(#24E4B3));  
    background:-o-linear-gradient(left, #00ADE3, #24E4B3);
   
}
}
.gr_head img{
    height:50px;
    margin-top:12px;
    margin-left:23px;
}
.gr_left{
    height:100%;
    overflow:hidden;
    width:200px;
    float:left;
    padding:10px 10px;
    min-height:400px;
    border-right:1px solid #f1f1f1;
    box-shadow: 3px 0px 10px #f1f1f1;
}
.gr_right{
    margin-left:230px;height:100%;
}
.gr_left .gr_list2{
    height: 100%;
    overflow: auto;
    width: 250px;
}
.gr_title{
    height:55px;
    line-height:55px;
    font-size:18px;
    color:#000;
    padding-left:65px;
    border-bottom:2px solid #e6e5e5;
    background:url(/images/Personal/grzx.png) no-repeat 20px 12px;
}
.gr_list li{
    height:40px;
    line-height:40px;
    font-size:16px;
    color:#a6a6a6;
    padding-left:65px;  
    cursor:pointer;
}
.gr_list2 li{cursor:pointer;}
.gr_list2>li>span{
    display:block;
    height:40px;
      line-height:40px;
      font-size:18px;
    color:#a6a6a6;
    padding-left:65px;  
}
.list_ul li{
     height:50px;
    line-height:50px;
    font-size:16px;
    color:#a6a6a6;
    padding-left:65px;  
    cursor:pointer;
}
.gr_list li.wdyz{
    padding-left:0;
}
.gr_list li.wdyz i{
    font-size: 24px;
    margin-left: 17px;
    margin-right: 23px;
}
.gr_list li.wdyz:hover,.gr_list li.wdyz.active{
     background:#428bca;color:#fff;
}
.wdzl{
     background:#fff url(/images/Personal/wdzl.png) no-repeat 20px 8px;
}
.wdzl:hover,.wdzl.active{color:#ffffff;
     background:#428bca url(/images/Personal/wdzl1.png) no-repeat 20px 8px;
}
.xgmm{
     background:#fff url(/images/Personal/passw.png) no-repeat 20px 8px;
}
.xgmm:hover,.xgmm.active{color:#ffffff;
     background:#428bca url(/images/Personal/passw1.png) no-repeat 20px 8px;
}
.xgtx{
     background:#fff url(/images/Personal/toux.png) no-repeat 20px 8px;
}
.xgtx:hover,.xgtx.active{color:#ffffff;
     background:#428bca url(/images/Personal/toux1.png) no-repeat 20px 8px;
}
.cygj{
     background:#fff url(/images/Personal/cygj.png) no-repeat 20px 8px;
}
.cygj:hover,.cygj.active{color:#ffffff;
     background:#428bca url(/images/Personal/cygj1.png) no-repeat 20px 8px;
}
.wdsz{
     background:#fff url(/images/Personal/wdsz.png) no-repeat 16px 8px;
}
.wdsz:hover,.wdsz.active{color:#ffffff;
     background:#428bca url(/images/Personal/wdsz1.png) no-repeat 16px 8px;
}
.hyfz{
     background:#fff url(/images/Personal/hyfz.png) no-repeat 20px 8px;
}
.hyfz:hover,.hyfz.active{color:#ffffff;
     background:#428bca url(/images/Personal/hyfz1.png) no-repeat 20px 8px;
} 
.gr_head_t{
    height:48px;
    line-height:48px;
    background:#f3f3f3;
    color:#737576;
    font-size:16px;
    display:none;
}
.sy{
    padding-left:30px;
    background:url(/images/Personal/shouy.png) no-repeat 10px 0px;
}
.gr_left1{
    float:left;
    width:24%;
    border:1px solid #f3f3f3;
    min-width:220px;
}
.gr_right1{
margin-left:24%;
    min-width:220px;
}
.tx{
    text-align:center;
    padding:15px;
    padding-bottom:0;
}
.list{
    padding:15px;
    padding-top:0;
}
.list li{
    height:40px;
    line-height:40px;
    border-bottom:2px solid #f3f3f3;
    font-size:14px;
    color:#262626;
}
.list_t{
    color:#a6a6a6;
    display:inline-block;
    float:left;
    min-width:20%;
    padding-right:3%;
}
.more{
        height:40px;
    line-height:40px;
        padding:0 15px;
}
.more a{
    padding-right:21px;
     font-size:14px;
       color:#a6a6a6;
    background:url(/images/Personal/more.png) no-repeat center right;
       cursor:pointer;
}
.title{
    height:60px;
    line-height:60px;
    color:#424242;
    font-size:18px;
    padding-left:60px;
    background:url(/images/Personal/xx.png) no-repeat 30px 20px;
    border-bottom:2px solid #f3f3f3;
}
.list_list{
     border-bottom:1px solid #f3f3f3;
     height:40px;
    line-height:40px;
    font-size:14px;
    color:#262626;
    padding-left:60px;
}
.list_div{
    float:left;
    width:49%;
}
.listItem {
    position: relative;
    padding-left: 40px;
    padding-top: 4px;
}
.listItem:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    border-right: 1px solid #f3f3f3;
    left: 30px;
    z-index: 1;
}
.listItem-first:before {
    height: 50%;
    top: 50%;
}
.listItem-last:before {
    height: 50%;
}
.listItem:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #e0e0e0;
    border-radius: 4px;
    left: 28px;
    top: 50%;
    margin-top: -2px;
    z-index: 1;
}
.listItem.highlight:after {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    background-color: #3d93fd;
    border: 4px solid #88bdfe;
    border-radius: 8px;
    left: 24px;
    -webkit-box-shadow: 0 0 0 3px #d8e9ff;
    box-shadow: 0 0 0 3px #d8e9ff;
    z-index: 2;
}
.listItem.highlight {
   
    color: #428bca;
}