@charset "utf-8";
body {
    background: url("../../img/bgImg/bg-01.png") 0 .88rem #F2F0F1 no-repeat;
    background-size: 7.5rem;
    position: fixed;
    top: 0;
    width: 100%;
    padding-bottom: 1.3rem;
}

.icon_skin_color {
    background-image: url("../../img/icon/icon-v4.png") !important;
    background-repeat: no-repeat !important;
    background-size:  7.6rem !important;
}

.main {
    padding-bottom: 1.2rem;
    overflow-y: auto;
    height: 100%;
}

.exhibition {
    background: -webkit-linear-gradient(left, #4F84FF , #4FB2FF) !important; /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #4FB2FF, #4F84FF) !important; /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #4FB2FF, #4F84FF) !important; /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #4FB2FF , #4F84FF) !important; /* 标准的语法 */
    height: 3.18rem;
    color: #fff;
    line-height: .6rem;
    font-size: .4rem;
    padding-top: .75rem;
}

.menu-wrap{
    background: #fff;
    border-radius: .1rem;
    width: 6.8rem;
    margin: -.6rem auto 0;
}
.menu-list {
    padding: .37rem 0 0;
}

.menu-item {
    width: 25%;
    margin-bottom: .5rem;
}

.menu-item .icon_skin_color {
    display: inline-block;
    width: .64rem;
    height: .64rem;
    position: relative;
}

.icon-01 {
    background-position: 0 -.72rem;
}

.icon-02 {
    background-position: -1.17rem -.72rem;
}

.icon-03 {
    background-position: -2.41rem -.72rem;
}

.icon-04 {
    background-position: -3.74rem -.72rem;
}

.icon-05 {
    background-position: -5.49rem 0;
}

.icon-06 {
    background-position: -6.6rem 0;
}

.icon-07 {
    background-position: -7.74rem 0;
}

.icon-08 {
    background-position: -8.92rem 0;
}

.menu-item .icon_skin_color i{
    display: inline-block;
    border-radius: 50%;
    padding: .05rem;
    font-size: .2rem;
    background: #E1152B;
    color: #fff;
    text-align: center;
    font-style: normal;
    position: absolute;
    right: -.15rem;
    height: .34rem;
    top: -.15rem;
    line-height: .3rem;
}

.menu-text {
    margin-top: .1rem;
}

.nav-list {
    padding: 0 .2rem 0 .7rem;
}

.nav-item {
    border-bottom: 1px solid #eee;
    position: relative;
    padding: .3rem 0 .28rem .2rem;
}

.nav-hint{
    font-size: .24rem;
    color: #999;
}

.unread{
    color: #999;
    padding-right: .3rem;
}

.number{
    color: #E62929;
    line-height: .68rem;
}

.icon-arrow-rt{
    display: inline-block;
    width: .13rem;
    height: .21rem;
    background-position:  -4.98rem -.72rem;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.115rem;
}

.nav-icon {
    display: inline-block;
    width: .44rem;
    height: .42rem;
    position: absolute;
    left: -.5rem;
    top: 50%;
    margin-top: -.21rem;
    background-position-y: -1.71rem;
}

.nav-icon-01 {
    background-position-x: 0;
}

.nav-icon-02 {
    background-position-x: -.93rem;
}

.nav-icon-03 {
    background-position-x: -1.86rem;
}

.nav-icon-04 {
    background-position-x: -2.74rem;
}

.nav-icon-05 {
    background-position-x: -3.68rem;
}

.nav-icon-06 {
    background-position-x: -4.6rem;
}

.nav-icon-07 {
    background-position-x: -5.4rem;
}

.nav-icon-08 {
    background-position-x: -6.27rem;
}

footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #EBEBEB;
}

.cut-page {
    color: #666;
    display: block;
}

.cut-page li {
    width: 25%;
    padding-top: .18rem;
}

.cut-page li.active {
    color: #4A91FB;
}

.cut-icon {
    display: inline-block;
    width: .42rem;
    height: .42rem;
    background-position-y: -2.44rem;
}

.cut-icon-01 {
    background-position-x: -3.93rem;
}

.cut-icon-02 {
    background-position-x: -.95rem;
}

.cut-icon-03 {
    background-position-x: -1.99rem;
}

.cut-icon-04 {
    background-position-x: -2.92rem;
}

.cut-title {
    font-size: .22rem;
    margin-top: .01rem;
    margin-bottom: .02rem;
}