@charset "utf-8";

/* 
    Created on : 2015-4-8, 10:42:12
    Author     : 红星
*/


/***** 栏目导航 *****/
.u-btn-menu {
    height: 38px;
    line-height: 38px;
    width: 100px;
    cursor: pointer;
    position: fixed;
    top: 55px;
    left: 20px;
    color: #FFF;
    background: url(../images/bg_menu.png) no-repeat scroll 13px 12px #8a8a8a;
    text-indent: 35px;
}

.s-bg-menu {
    display: none;
    background-color: #000000;
    opacity: 0.4;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 100;
}


.m-menu {
    height: 100%;
    position: fixed;
    background: #333333;
    top: 0;
    bottom: 0;
    left: -290px;
    width: 215px;
    z-index: 101;
    color: #FFF;
    padding: 50px 46px 0 27px;
    overflow-y: auto;
}
.u-btn-close {
    height: 15px;
    width: 15px;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    background: url(../images/bg.png) no-repeat scroll -194px -240px transparent;
}
.u-btn-close:hover{
    background-position:-194px -260px;
}

.m-menu .m-head {
    clear: both;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    padding-left: 5px;
    margin-bottom: 25px;
    font-size: 18px;
    color: #5a5a5a;
    border-left: 6px solid #e8351a;
}
.m-menu .m-bd h2 {
    height: 24px;
    width: 41px;
    text-align: center;
    background-color: #555; 
    clear: right;
    float: left;
    font-size: 16px;
}

.m-menu .m-bd {
    clear: both;
}
.m-menu .m-bd.m-hottopic a {
    line-height: 28px;
    background-color: #474747;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-right: 14px;
    padding: 0 6px;
}
.m-menu ul {
    float: right;
    width: 140px;
    margin-bottom: 15px;
}

.m-menu li {
    float: left;
    width: 60px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding-right: 10px;
    padding-bottom: 6px;
    font-size: 14px;
}

.m-menu a {
    color: #FFF;
}

.m-menu a:hover {
    color: #e8351a;
}


/***** 页内导航&订阅微信返回顶部工具条 *****/





.m-pagenav {
    width: 90px;
    position: fixed;
    top: 180px;
    left: 50%;
    margin-left: 550px;
    list-style: none;
}
.m-pagenav li {
    height: 34px;
    line-height: 34px;
    text-indent: 25px;
    margin-left: -11px;
    background: url(../images/bg.png) no-repeat scroll -185px -718px transparent;
}
.m-pagenav li:hover {
    background: url(../images/bg.png) no-repeat scroll -185px -755px transparent;
}
.m-pagenav li.current {
    background: url(../images/bg.png) no-repeat scroll -185px -790px transparent;
}

.m-pagenav a {
    color: #7f7f7f;
    display: block;
    font-size: 14px;
}
.m-pagenav a:hover {
    color: #e8351a;
}
.m-pagenav .current a {
    color: #e8351a;
}

.s-line {
    position: fixed;
    top: 193px;
    margin-left: 548px;
    left: 50%;
    z-index: -1;
    height: 110px;
    border-left: 2px solid #c1c1c1;
}


/*** 订阅微信返回顶部工具条 ***/

.g-toolsbox {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 8px
}
/** 右边浮动 **/
.m-toolsbox {
    position: fixed;
    top: 360px;
    left: 50%;
    margin-left: 544px;
    width: 52px;
    z-index: 400;
    _position: absolute;
    _top: expression(documentElement.scrollTop + "px");
}
.m-toolsbox li {
    width: 52px;
    height: 52px;
    margin-bottom: 6px;
}

.u-gotop a,.u-gobottom a,.u-weixin a,.u-comment a {
    display: block;
    width: 52px;
    height: 52px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 1px 3px #d3d2d2;
    -moz-box-shadow: 0 1px 3px #d3d2d2;
    -webkit-box-shadow: 0 1px 3px #d3d2d2;
    cursor: pointer;
}

.u-gotop a {
    background: url(../images/bg.png) no-repeat scroll -48px -741px #FFF;
}

.u-weixin a {
    background: url(../images/bg.png) no-repeat scroll -97px -740px #FFF;
}
.u-comment a {
    background: url(../images/bg.png) no-repeat scroll -138px -740px #FFF;
}
.u-gobottom a {
    background: url(../images/bg.png) no-repeat scroll 4px -741px #FFF;
}

.u-gotop a:hover {
    background: url(../images/bg.png) no-repeat scroll -47px -700px #e8351a;
}
.u-weixin a:hover {
    background: url(../images/bg.png) no-repeat scroll -98px -700px #e8351a;
}
.u-comment a:hover {
    background: url(../images/bg.png) no-repeat scroll -138px -700px #e8351a;
}
.u-gobottom a:hover {
    background: url(../images/bg.png) no-repeat scroll 3px -700px #e8351a;
}

.u-imgbox {
    width: 142px;
    height: 142px;
    position: absolute;
    left: -147px;
    display: none;
    box-shadow: 0 1px 3px #d3d2d2;
    -moz-box-shadow: 0 1px 3px #d3d2d2;
    -webkit-box-shadow: 0 1px 3px #d3d2d2;
    background: url(../images/img_weixin.jpg) no-repeat scroll 0 0 #FFF;
}
.m-share .u-imgbox {
    top: 40px;
    left: 65px;
    z-index: 100;
}



/*** 日刊日历插件 ***/
.m-calendar {
    width: 260px;
    background: #f7f7f7;
    float: left;
    font-family: "Microsoft Yahei";
}

.m-calendar span {
    display: block;
    width: 260px;
    height: 34px;
    line-height: 34px;
    background: #808080;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bolder;
    text-align: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.m-calendar .u-btn {
    cursor: pointer;
    padding: 0 5px;
}
.m-calendar .u-btn-1 {
    float: left;
    margin-left: 12px;
}
.m-calendar .u-btn-2 {
    float: right;
    margin-right: 12px;
}

/** g-box **/
.m-calendar .g-box {
    padding: 0 3px;
    border: 1px solid #dedede;
    height: 196px;
    width: 252px;
}
.m-calendar .u-week {
    color: #808080;
    font-weight: bold;
    font-size: 14px;
}
.m-calendar a {
    display: block;
    float: left;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    margin: 0 4px;
    cursor: text;
}


.m-calendar a.u-day {
    font-size: 12px;
    color: #999999;
}
.m-calendar a.s-kan {
    color: #2b4d85;
    position: relative;
    cursor: pointer;
}
.m-calendar a.s-kan:hover {
    background: url(../images/bg_kanhover.png) no-repeat scroll 0 0 transparent;
}

.m-calendar a.s-kan img {
    position: absolute;
    top: 0;
    left: 40px;
    z-index: 1000;
    box-shadow: 0 3px 2px #ccc;
    -moz-box-shadow: 0 3px 2px #ccc;
    -webkit-box-shadow: 0 3px 2px #ccc;
}

.m-calendar a.z-current {
    background: #e94830;
    color: #fff;
}
.m-calendar a.z-current:hover {
    color: #999999;
    background: url(../images/bg_kanhover.png) no-repeat scroll 0 0 transparent;
}