@charset "utf-8";
/* CSS Document */
@import url(reset.css;vpn_img);
@import url(header.css;vpn_img);
@import url(footer.css;vpn_img);
@import url(mobile_header.css;vpn_img);


.Address{ height: 40px; font-size: 14px; color: #505050; line-height: 40px; padding: 10px 0;}


.Main{ width: 1160px; padding: 0 20px 20px; background: #FFF; }

/*左侧栏目列表*/
.LeftNav{ width: 262px;}
.LeftNav>h1{display: block;height: auto;text-align: center;line-height: 1.3;background-color: #d63031;font-size: 20px;color: #FFF;font-weight: bold;cursor: default;padding: 13px 5px;}

.LeftNav .navList>li{ position: relative; overflow: hidden; margin-bottom: 3px;}
.LeftNav .navList>li>a{ display: block; font-size: 16px; color: #505050; line-height: 20px; padding: 19px 30px 19px 18px; background: url(PublicList_ico_1.png;vpn_img) no-repeat 92% center #f5f5f5;}
.LeftNav .navList>li:hover>a,.LeftNav .navList>li.on>a{ background-color: #ffdede;}
.LeftNav .navList>li.jytazlm{text-indent: 33px;}


/*右侧*/
.RightBox{width: 880px;min-height: calc(100vh - 432px);}
.RightBox>.Title{ height: 51px; border-bottom: 1px solid #e5e5e5;}
.RightBox>.Title>span{ display: inline-block; float: left; height: 50px; line-height: 51px; border-bottom: 2px solid #b21023; font-size: 16px; color: #b21023; padding: 0 15px; font-weight: 500;}
.RightBox>.Title>a{ display: inline-block; float: left; height: 50px; line-height: 51px; font-size: 16px; padding: 0 15px; margin-right: 15px; font-weight: 500;}
.RightBox>.Title>a.on,
.RightBox>.Title>a:hover{ border-bottom: 2px solid #b21023; color: #b21023;}

/*文章列表*/
.NewsList{padding: 10px 0;/* border-bottom: 1px solid #ededed; */min-height: calc(100vh - 882px);}
.NewsList li{position: relative;overflow: hidden;font-size: 16px;line-height: 34px;margin: 5px 0;padding-left:20px;background: url(d_icon.png;vpn_img) no-repeat 2px center;}
.NewsList li a{ display: inline-block; float:left; max-width: 80%; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; color: #474747; transition: all 0.3s;}
.NewsList li span{ display: inline-block; float: right; text-align: right; width: 18%; color: #999;}
.NewsList li:hover a{ color: #b21023; padding-left: 1%;}
.NewsList li.b{padding:0;border-bottom: 1px solid #ededed;line-height: 0;}



/*文章概览*/
.PageMainBox.ContentPageBox { padding: 10px 20px;}



@media screen and (max-width:600px ) {

    .Address{ height: auto; line-height: 1.3; padding: 10px 0;}
    
    .Main{ width: auto; padding:0 10px 20px; background: #FFF; }
    .Main .f_l,.Main .f_r{ float: none;}
    .Main *{ box-sizing: border-box;}

    /*左侧栏目列表*/
    .LeftNav{ width: auto; padding-bottom: 15px; border-bottom: 1px dashed #DDD;}
    .LeftNav .navList{ overflow: hidden; border-left: 1px solid #ddd;}
    .LeftNav .navList>li{ float: left; margin:0; width: calc(100% / 2); border: 1px solid #ddd; border-top: none; border-left: none;}
    .LeftNav .navList>li>a{width: 100%;font-size: 14px;padding: 10px;background: #f5f5f5;text-align: center;position: relative;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;word-wrap:normal;}
    .LeftNav .navList>li:hover>a,.LeftNav .navList>li.on>a{ background-color: #ffdede;}
    .LeftNav .navList>li.jytazlm{text-indent: 0px;}
    
    /*右侧*/
    .RightBox{ width: auto; margin-top: 15px;}
    .RightBox>.Title{ min-height: 50px; height: auto; overflow: hidden;}
    .RightBox>.Title>a{height: 50px; margin-right: 0px; text-align: center; padding: 0 5px;}

    /*文章列表*/
    .NewsList{ }
    .NewsList li{font-size: 14px;line-height: 28px;margin: 5px 0;padding-left:20px;background: url(d_icon.png;vpn_img) no-repeat 2px 12px;}
    .NewsList li a{max-width: calc(100%);}
    .NewsList li span{float: left;width: 100%;white-space: nowrap;position: relative;overflow: hidden;text-align: left;}
    
    .msg-list li a{width: 60%;height: 100%;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;margin: 0px !important;}
    .msg-list li span{float:right; width:30%;}
    
    /*w列表内容*/
    .PageMainBox.ContentPageBox { padding: 10px;}
    .smsq_c{width: 100% !important;}
    
    .RightBox .guidang_img{left: auto;right: -30vw;top: auto;}
}