html,body{height:100%;}
body.action{overflow:hidden;height: 100%;}
*{line-height: 1.3;}
#wrap{overflow:hidden;position:relative;min-width:1280px;min-height:100%;padding-bottom:50px;background-color: #f7f7f7;}

.clearfix{display: block;}
.clearfix:after {display: block;clear: both;content: ".";visibility: hidden;height: 0;}

.con-area{width:100%;max-width:1400px;margin:0 auto;}
.con-area:after{content:"";display:block;clear:both;}


#header{position: fixed;top: 0;left: 0;z-index: 10;width:200px;height:100vh;background-color: #1D326C;}
#header #logo{padding: 15px 20px 10px 15px;background-color:#1d326c;}
#header #logo a{display: block;text-align: left;}
#header #logo a > img{display:block;}


#header #snb{}
#header #snb .snb-tit{height:55px;padding:14px 0 0 20px;background-color:#004CBD;background-image:url('../images/common/snb_tit_bg.jpg');background-repeat:no-repeat;background-position:center right 17px;}
#header #snb .snb-tit > p{color:#fff;font-size:20px;font-weight:700;}
#header #snb > .snb-list{}
#header #snb > .snb-list > li{height:30px;}
#header #snb > .snb-list > li > a{display:block;overflow:hidden;position:relative;padding-left:10px;font-size:14px;color:#fff;font-weight:500;line-height:30px;background-color:#1D326C;}
#header #snb > .snb-list > li > a:after{content:none;position:absolute;top:50%;right:5px;width:8px;height:12px;background-image:url(../images/common/arr.png);background-repeat: no-repeat;background-position:center;transform:translateY(-50%);}
#header #snb > .snb-list > li:hover > a,
#header #snb > .snb-list > li.active > a{
  color:#1D326C;
  background-color:#FFC700;
}
#header #snb > .snb-list > li:hover > a:after,
#header #snb > .snb-list > li.active > a:after{
  content:'';
}





#container{margin-left:200px;}
#container .top-nav{position:relative;height:70px;border-bottom:1px solid #e9e9e9;background-color:#fff;}
#container .top-nav:after{content:"";display:block;clear: both;}
#container .top-nav  #menu{width:calc(100% - 200px);padding:0 30px;}
#container .top-nav  #menu .menu-list{}
#container .top-nav  #menu .menu-list:after{content:"";display:block;clear: both;}
#container .top-nav  #menu .menu-list > li{float:left;margin:0 25px;}
#container .top-nav  #menu .menu-list > li > a{display:block;position:relative;line-height:70px;font-size:17px;font-weight:500;color:#000;}
#container .top-nav  #menu .menu-list > li > a.active:before,
#container .top-nav  #menu .menu-list > li > a:hover:before{content:"";position:absolute;left:0;bottom:17px;width:100%;height:3px;background-color:#1d326c;}


#container .top-nav .top-user{position:absolute;right:0;top:0;z-index:9;width:200px;}
#container .top-nav .top-user .user-box{position:relative;}
#container .top-nav .top-user .user-box .user-tit{height:70px;padding:18px 30px 0 0px;background-image:url(../images/common/top_user_i.png);background-repeat:no-repeat;background-position:right 10px center;background-color:#1d326c;cursor: pointer;}
#container .top-nav .top-user .user-box .user-tit .user-info{padding-left:60px;font-size:13px;color:#ffffff;background-image:url(../images/common/user_i.png);background-repeat: no-repeat;background-position:left 20px center;}
#container .top-nav .top-user .user-box .user-tit .user-info span{font-weight:500;color:#fffc00;text-decoration: underline;}
#container .top-nav .top-user .user-box .user-list{display:none;border:1px solid #e9e9e9;border-top:0;}
#container .top-nav .top-user .user-box .user-list > li{border-bottom:1px solid #e9e9e9;}
#container .top-nav .top-user .user-box .user-list > li > a{display: block;padding:15px 20px 15px 60px;background-repeat: no-repeat;background-position: left 25px center;background-color:#fff;}
#container .top-nav .top-user .user-box .user-list > li > a.u-edit{background-image:url(../images/common/u_edit_i.png);}
#container .top-nav .top-user .user-box .user-list > li > a.u-out{background-image:url(../images/common/u_out_i.png);}

#container .top-nav .top-user .user-box .user-list > li > a:hover{background-color:#f7f7f7;}

#content{position:relative;padding:10px;}



@media screen and (max-width:1700px) {
    #container .top-nav  #menu .menu-list > li{margin:0 15px;}
    #container .top-nav  #menu .menu-list > li > a{font-size:18px;}
}
@media screen and (max-width:1600px) {
    #container .top-nav  #menu .menu-list > li{margin:0 12px;}
    #container .top-nav  #menu .menu-list > li > a{font-size:16px;}
}
@media screen and (max-width:1500px) {
    #container .top-nav  #menu .menu-list > li{margin:0 10px;}
    #container .top-nav  #menu .menu-list > li > a{font-size:13px;}
}