@charset "utf-8";
body {
    background: #fff;
}

.main {
    padding-bottom: 1.2rem;
}

.icon_skin_color {
    background-image: url(../../../cssboot3.0/img/icon/icon-v3.png) !important;
    background-repeat: no-repeat !important;
    background-size: 9.86rem !important;
}

.exhibition {
    background: url("../../img/bgImg/bg-01.png") top center no-repeat;
    height: 2.45rem;
    background-size: 100%;
    margin-top: .25rem;
}

.logo {
    padding-top: .6rem;
    color: #fff;
    font-size: .3rem;
}

.logo img {
    height: 1.25rem;
    width: auto;
}

.menu-list {
    padding: .37rem 0 0;
    background: #fff;
}

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

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

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

.icon-02 {
    background-position: -1.55rem 0;
}

.icon-03 {
    background-position: -3rem 0;
}

.icon-04 {
    background-position: -4.25rem 0;
}

.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-text {
    margin-top: .1rem;
}

.nav-list {
    padding: 0 .34rem;
}

.nav-item {
    border-bottom: 1px solid #eee;
    position: relative;
    padding: .28rem .3rem .28rem 1.32rem;
    margin-bottom: .35rem;
    box-shadow: 0 0 .4rem #e5e5e5;
}

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

.nav-icon {
    display: inline-block;
    width: .81rem;
    height: .81rem;
    position: absolute;
    left: .22rem;
    top: 50%;
    margin-top: -.45rem;
}

.nav-icon i,.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: -.1rem;
    top: -.1rem;
}

.nav-icon-01 {
    background-position: -.03rem -1.05rem;
}

.nav-icon-02 {
    background-position: -1.44rem -1.05rem;
}

.nav-icon-03 {
    background-position: -2.85rem -1.05rem;
}

.nav-icon-04 {
    background-position: -4.38rem -1.05rem;
}


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: #FF5A60;
}

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

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

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

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

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

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