@charset "utf-8";
body{background-color: #f2f4f6;}
ul,p{
    padding: 0;
    margin: 0;
    list-style: none;
}
address:first-child, blockquote:first-child, dl:first-child, fieldset:first-child, figure:first-child, hr:first-child, ol:first-child, p:first-child, pre:first-child, ul:first-child,h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child{
    margin: 0;
}
.r-header{
    height: 43px;
    background-color: rgba(29, 122, 217, .96);
}
.r-header+.r-wrap {
    padding-top: 43px;
}

/*底部标签栏  liang 2017-05-19*/
.footer {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 50px;
    bottom: 0;
    left: 0;
    background-color: #fff;
    border-top: 1px solid #d9d9d9;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.footer a {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    display: inline-block;
    color: #888888;
    font-size: 10px;
    text-align: center;
}
.footer a>div:nth-child(1){
    height: 24px;
    background: url(../images/icon-home.png) center 1px/24px no-repeat;
}
.footer a:nth-child(1)>div:nth-child(1){
    background-position: center -2px;
}
.footer a:nth-child(2)>div:nth-child(1){
    background-image: url(../images/icon-info.png);
}
.footer a:nth-child(3)>div:nth-child(1){
    background-image: url(../images/icon-class.png);
}
.footer a:nth-child(4)>div:nth-child(1){
    background-image: url(../images/icon-learn.png);
    background-position: center -2px;
}

.footer .on>div:nth-child(1),.footer a:active>div:nth-child(1){
    background-image: url(../images/icon-home-on.png);
}
.footer a:nth-child(1).on>div:nth-child(1),.footer a:nth-child(1):active>div:nth-child(1){
    background-position: center 1px;
}
.footer a:nth-child(2).on>div:nth-child(1),.footer a:nth-child(2):active>div:nth-child(1){
    background-image: url(../images/icon-info-on.png);
}
.footer a:nth-child(3).on>div:nth-child(1),.footer a:nth-child(3):active>div:nth-child(1){
    background-image: url(../images/icon-class-on.png);
}
.footer a:nth-child(4).on>div:nth-child(1),.footer a:nth-child(4):active>div:nth-child(1){
    background-image: url(../images/icon-learn-on.png);
}
.footer .on>div:nth-child(2),.footer a:active>div:nth-child(2){
    color: #257fda;
}
.r-wrap{
    padding-bottom: 56px;
}
/*底部标签栏  liang 2017-05-19 end*/

/*没通知时*/
.notice-not{
    padding-top: 100px;
    text-align: center;
}
.notice-not img{
    width: 107px;
}
.notice-not div{
    margin-top: 20px;
    color: #666;
}

/*顶部导航*/
.nav{
    width: 100%;
    overflow-x: scroll;
    background-color: #257fda;
}
.nav>ul{
    display: -webkit-flex;
    display: flex;
}
.nav>ul>li{
    padding: 12px;
    text-align: center;
    font-size: 14px;
}
.img-box{
    width: 43px;
    height: 43px;
    border: 2px solid #fff;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
}
.nav .name{
    color: #d3e5f8;
    margin-top: 8px;
    display: inline-block;
}

/*选中时*/
.nav>ul>.on{
    padding-top: 7px;
}
.nav .on .img-box{
    width: 48px;
    height: 48px;
}
.nav .on .name{
    font-weight: bold;
    color: #fff;
}

/*新通知小圆点*/
.dot{
    position: relative;
}
.dot:before{
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background-color: #f00;
    border: 2px solid #fff;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    top: 12px;
}

/*信息列表*/
.info-list>li{
    margin-top: 6px; 
    background-color: #fff;
    padding: 12px;
}
.inf-hd>span{
    display: inline-block;
    vertical-align: middle;
}
.inf-hd-l{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #eaf0ee;
    background-color: #eaf0ee;
    overflow: hidden;
}
.inf-hd-r{
    margin-left: 5px;
}
.inf-hd-r>p:nth-child(1){
    font-weight: bold;
    color: #000;
}
.inf-hd-r>p:nth-child(2){
    color: #888;
    font-size: 12px;
}

.inf-bd{
    color: #000;
}
.inf-bd>h4{
    margin: 12px 0 10px;
}
.inf-bd>p{
    line-height: 1.5;
}

.inf-ft{
    padding-top: 8px;
    margin-top: 8px;
    border-top: 1px solid #eee;
}
.inf-ft a{
    display: block;
}
.inf-ft span:nth-child(1){
    font-size: 14px;
    color: #000;
}
.inf-ft span:nth-child(2){
    font-size: 20px;
    color: #999;
    float: right;
    line-height: 26px;
}

/*新通知*/
.info-list .new{
    position: relative;
}
.info-list .new:before{
    content: 'new';
    display: block;
    width: 28px;
    height: 14px;
    line-height: 13px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-color: red;
    border-radius: 8px;
    position: absolute;
    right: 28px;
    top: 25px;
}

/*页数*/
.load{
    text-align: center;
}
.page-info {
    position: fixed;
    z-index: 9;
    bottom: 65px;
    left: 50%;
    margin-left: -35px;
    width: 70px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    background-color: rgba(0,0,0,.6);
}
.page-info span {
    padding-left: 2px;
    padding-right: 2px;
}