.header-menu {
    margin: 0 auto;
    max-width: 1240px;
    _width: 1240px
}

#ms-center {
    margin: 0 auto;
    max-width: 1240px;
    _width: 1240px
}

.ms-logo {
    float: left;
    position: relative;
    left: 170px;
    height: 28px;
    width: 12.3%;
    min-width: 138px
}

.ms-nav {
    float: right;
    width: 70.65%
}

.ms-nav li {
    float: left;
    position: relative;
    padding: 0 15px;
    height: 44px;
    font: 14px/26px "Microsoft YaHei";
    color: #FFF;
    cursor: pointer;
    z-index: 10
}

.ms-nav a:hover {
    color: #fff
}

.ms-search {
    float: right;
    padding: 4px 0;
    width: 240px;
    height: 18px;
    border: solid 1px #9B2121
}

.ms-search input {
    float: left;
    padding: 3px 0;
    border: 0;
    height: 12px;
    width: 170px;
    background: #9B2121;
    color: #FFF;
    font: 12px SimSun
}

.main-wrap {
    padding-left: 170px;
    width: 100%
}

.nav-manage .list-nav-manage {
    position: absolute;
    padding: 15px 4px 10px 15px;
    left: 0;
    top: -15px;
    width: 80px;
    background: #FFF;
    box-shadow: 1px 1px 2px #e3e3e3, -1px 1px 2px #e3e3e3;
    z-index: 10
}

.header-useinfo {
    margin: 0 auto;
    max-width: 1240px;
    _width: 1240px
}

article {
    display: block
}

@media screen and (min-width:1024px) {
    .header-menu {
        margin: 0 auto;
        max-width: 1240px;
        _width: 1240px
    }
    .ms-logo {
        float: left;
        position: relative;
        left: 170px;
        height: 28px;
        width: 12.3%;
        min-width: 138px
    }
    .ms-nav {
        float: right;
        width: 70.65%
    }
    .ms-nav li {
        float: left;
        position: relative;
        padding: 0 15px;
        height: 44px;
        font: 14px/26px "Microsoft YaHei";
        color: #FFF;
        cursor: pointer;
        z-index: 10
    }
    .ms-search {
        float: right;
        padding: 4px 0;
        width: 240px;
        height: 18px;
        border: solid 1px #832121;
        background: #9B2121;
    }
    .ms-search input {
        float: left;
        padding: 3px 0;
        border: 0;
        height: 12px;
        width: 170px;
        color: #FFF;
        font: 12px SimSun
    }
    .main-wrap {
        padding-left: 170px;
        width: 100%
    }
    .nav-manage .list-nav-manage {
        position: absolute;
        padding: 15px 4px 10px 15px;
        left: 0;
        top: -15px;
        width: 80px;
        background: #FFF;
        box-shadow: 1px 1px 2px #e3e3e3, -1px 1px 2px #e3e3e3;
        z-index: 10
    }
    .header-useinfo {
        margin: 0 auto;
        max-width: 1240px;
        _width: 1240px
    }
    .ms-body .wrapper {
        width: 1240px
    }
}

@media screen and (min-width:880px) and (max-width:1024px) {
    body {
        min-width: 880px
    }
    .header-menu {
        margin: 0 auto;
        max-width: 880px;
        _width: 880px
    }
    .ms-logo {
        float: left;
        position: relative;
        left: 170px;
        height: 28px;
        width: 12.3%;
        min-width: 138px
    }
    .ms-nav {
        float: right;
        width: 60.65%
    }
    .ms-nav li {
        float: left;
        position: relative;
        padding: 0 15px;
        height: 44px;
        font: 14px/26px "Microsoft YaHei";
        color: #FFF;
        cursor: pointer;
        z-index: 10
    }
    .ms-search {
        float: right;
        padding: 4px 0;
        background: #ff9d5c;
        width: 190px;
        height: 18px;
        border: solid 1px #ff6000
    }
    .ms-search input {
        float: left;
        padding: 3px 0;
        border: 0;
        height: 12px;
        width: 120px;
        background: #ff9d5c;
        color: #FFF;
        font: 12px SimSun
    }
    .main-wrap {
        padding-left: 170px;
        width: 100%
    }
    .nav-manage .list-nav-manage {
        position: absolute;
        padding: 15px 4px 10px 15px;
        left: 0;
        top: -15px;
        width: 80px;
        background: #FFF;
        box-shadow: 1px 1px 2px #e3e3e3, -1px 1px 2px #e3e3e3;
        z-index: 10
    }
    .header-useinfo {
        margin: 0 auto;
        max-width: 880px;
        _width: 880px
    }
    .ms-body .wrapper {
        width: 880px
    }
}

@media screen and (max-width:880px) {
    body {
        min-width: 880px
    }
    .header-menu {
        margin: 0 auto;
        width: 880px;
        _width: 880px
    }
    .ms-logo {
        float: left;
        position: relative;
        left: 170px;
        height: 28px;
        width: 12.3%;
        min-width: 138px
    }
    .ms-nav {
        float: right;
        width: 455px
    }
    .ms-nav li {
        float: left;
        position: relative;
        padding: 0 10px;
        height: 44px;
        font: 14px/26px "Microsoft YaHei";
        color: #FFF;
        cursor: pointer;
        z-index: 10
    }
    .ms-search {
        float: right;
        padding: 4px 0;
        background: #ff9d5c;
        width: 160px;
        height: 18px;
        border: solid 1px #ff6000
    }
    .ms-search input {
        float: left;
        padding: 3px 0;
        border: 0;
        height: 12px;
        width: 90px;
        background: #ff9d5c;
        color: #FFF;
        font: 12px SimSun
    }
    .main-wrap {
        padding-left: 29px;
        width: 100%
    }
    .nav-manage .list-nav-manage {
        position: absolute;
        padding: 15px 4px 10px 10px;
        left: 0;
        top: -15px;
        width: 75px;
        background: #FFF;
        box-shadow: 1px 1px 2px #e3e3e3, -1px 1px 2px #e3e3e3;
        z-index: 10
    }
    .header-useinfo {
        margin: 0 auto;
        width: 880px;
        _width: 880px
    }
    .position-header .ms-logo {
        height: 138px;
        left: 30px
    }
    .position-header .ms-nav {
        width: 560px
    }
    .ms-body .wrapper {
        width: 880px
    }
}

body {
    background: #f5f5f5
}

.ms-header .ms-header-menu {
    padding: 16px 0;
    _padding: 16px 0 0 0;
    height: 28px;
    background: #A21C1D
}

.ms-header .ms-useinfo {
    padding: 12px 0;
    height: 20px;
    line-height: 20px;
    background: #FFF;
    box-shadow: 0 2px 5px #e3e3e3
}

.ms-header-inner {
    min-width: 1240px
}

.w990 .ms-header-inner {
    min-width: 990px
}

.hide {
    display: none;
    _display: none
}

.bd {
    border: solid 1px #e3e3e3
}

.ms-logo .ms-head-logo {
    display: block;
    height: 28px;
    background: url(images/ms-logo.png);
    background-repeat: no-repeat;
    background-position: center left
}

.ms-nav a {
    color: #FFF
}

.ms-nav a:hover {
    text-decoration: none
}

.ms-nav ul {
    display: inline-block;
    float: left
}

.ms-nav li.selected .nav-arrow {
    position: absolute;
    margin-left: -8px;
    left: 50%;
    bottom: 0;
    line-height: 0;
    border-style: solid;
    border-width: 8px;
    _font-size: 0;
    border-color: #A21C1D #A21C1D #FFF
}

.nav-manage {
    position: relative;
    z-index: 10
}

.nav-manage em {
    display: inline-block;
    _float: left;
    margin: 0 0 4px 5px;
    *margin: 0 0 7px 5px;
    _margin: -16px 0 4px 60px;
    width: 8px;
    height: 4px;
    _font-size: 0;
    background: url(images/icon-nameInfo.png?v=2015060900);
    background-repeat: no-repeat;
    background-position: 0 -52px
}

.nav-mge-hover em {
    background-position: 0 -56px!important
}

.nav-manage .list-nav-manage a {
    color: #333;
    font-family: SimSun;
    font-size: 12px
}

.nav-manage .list-nav-manage a:hover {
    color: #F70
}

.list-nav-manage .nav-mge-hover {
    color: #F60;
    font: 14px/26px "Microsoft yahei"
}

.ms-search span {
    float: left;
    margin: 0 5px 0 9px;
    color: #FFF;
    font: 12px/18px SimSun
}

.ms-search a {
    display: inline-block;
    float: right;
    margin-right: 5px;
    width: 18px;
    height: 18px;
    _font-size: 0;
    background-repeat: no-repeat;
    background-position: center center
}

.header-useinfo a:hover {
    text-decoration: none
}

.ms-avatar {
    position: relative;
    float: left;
    width: 160px;
    text-align: center
}

.ms-avatar .useinfo-avatar {
    display: block;
    position: absolute;
    top: -68px;
    left: 48px;
    border: solid 3px #FFF;
    border-radius: 100%;
    text-align: center;
    width: 60px;
    height: 60px;
    overflow: hidden
}

.ms-avatar img {
    vertical-align: middle
}

.ms-avatar .edit-avatar {
    position: absolute;
    bottom: -20px;
    left: 0;
    padding: 3px 0;
    background: #333;
    width: 100%;
    height: 14px;
    opacity: .5;
    filter: alpha(opacity=50) text-align: center;
    transition: all .1s ease-in-out .2s
}

.ms-avatar .useinfo-avatar a {
    color: #FFF;
    position: absolute;
    bottom: -20px;
    left: 20px;
    transition: all .1s ease-in-out .2s
}

.ms-avatar .useinfo-avatar a:hover {
    color: #F60;
    text-decoration: underline
}

.ms-avatar .avatar-mouse-over .edit-avatar {
    bottom: 0
}

.ms-avatar .avatar-mouse-over a {
    bottom: 1px
}

.link-myinfo,
.info-member,
.info-safety {
    float: left;
    position: relative;
    *z-index: 100
}

.link-myinfo {
    margin: 0 8px 0 12px
}

.info-member .name-member {
    float: left;
    color: #333
}

.info-member .name-member i {
    display: inline-block;
    float: left;
    margin: 2px 3px 0 0;
    _margin: 1px 2px 0 0;
    width: 14px;
    height: 14px;
    background: url(images/icon-nameInfo.png?v=2015060900)
}

.member-1 i {
    background-position: 0 0!important
}

.member-2 i {
    background-position: -15px 0!important
}

.member-3 i {
    background-position: -30px 0!important
}

.member-4 i {
    background-position: -45px 0!important
}

.info-member .weupgraded {
    position: absolute;
    left: 0;
    top: 25px;
    width: 75px;
    height: 16px;
    padding: 5px 10px;
    line-height: 16px;
    background: #fffff0;
    border: 1px solid #FC6;
    color: #999;
    z-index: 100
}

.info-member .weupgraded i {
    display: inline-block;
    position: absolute;
    top: -6px;
    left: 15px;
    width: 10px;
    height: 6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAMAAADNLv/0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADxQTFRF/+Su/eOv/+St/uSw/v7++vr6/f39//3q/+Os/+Wx/+Wy//zp//zo+/v7//vl//vm/+Ww/+Gf///w////dRRuEwAAADtJREFUeNokxskNwDAMxEDlPm1rl/33GgHhhxNAuxfYCFhTmthbMTS6rjqzXrsriVOPq6EMHfbvT4ABAG/WA4FMMyQcAAAAAElFTkSuQmCC);
    *background: url(images/icon-nameInfo.png?v=2015060900) -39px -58px
}

.info-member .grow-num {
    float: left;
    margin-left: 10px;
    color: #999
}

.info-member .rate-member {
    float: left;
    position: relative;
    margin: 4px 0 0 3px;
    _margin: 2px 0 0 3px;
    width: 100px;
    height: 12px;
    line-height: 13px;
    text-align: left;
    background: #ffd9b8
}

.rate-member .text-rate {
    position: absolute;
    left: 4px;
    top: 0;
    color: #333;
    font-family: Arial;
    font-size: 12px;
    z-index: 2
}

.rate-member .bg-rate {
    position: absolute;
    left: 0;
    top: 0;
    background: #F70;
    height: 12px;
    z-index: 1
}

.buyDays {
    float: left;
    margin-left: 10px
}

.buyDays label {
    color: #999
}

.info-safety {
    margin-left: 10px
}

.info-safety {
    margin-left: 28px
}

.info-safety .safety-lv {
    color: #999
}

.info-safety .lv-1 span {
    margin-right: 5px;
    color: #F00
}

.info-safety .lv-2 span {
    margin-right: 5px;
    color: #F60
}

.info-safety .lv-3 span {
    margin-right: 5px;
    color: #4A0
}

.info-safety a {
    margin-right: 20px
}

.info-safety i {
    display: inline-block;
    margin: 0 5px -5px 0;
    width: 19px;
    height: 18px;
    background: url(images/icon-nameInfo.png?v=2015060900);
    background-repeat: no-repeat
}

.info-safety .unbind-phone i {
    background-position: 0 -15px!important
}

.info-safety .bind-phone i {
    background-position: 0 -34px!important
}

.info-safety .unbind-email i {
    background-position: -19px -15px!important
}

.info-safety .bind-email i {
    background-position: -19px -34px!important
}

.ms-nav-msg span {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 45px;
    padding: 2px 5px;
    height: 12px;
    line-height: 12px;
    font: 12px/12px Arial;
    border-radius: 8px;
    z-index: 20;
    background: #FFF;
    color: #F60
}

.ms-side {
    position: absolute;
    overflow: hidden;
    width: 160px;
    background: #FFF;
    background-image: url(images/menu-treeNeck.png);
    background-position: center top;
    background-repeat: repeat-x;
    box-shadow: 0 2px 5px #e3e3e3, -1px 2px 5px #e3e3e3;
    z-index: 12
}

.side-menu {
    padding: 20px 0 0 0
}

.side-menu dt {
    line-height: 28px;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    font-weight: 700;
    color: #333
}

.side-menu-tree {
    padding: 0 20px 12px 20px;
    overflow: hidden
}

.side-menu-tree a {
    display: inline-block;
    line-height: 44px;
    color: #333
}

.side-menu-tree a:hover {
    text-decoration: none;
    color: #A21C1D;
}

.side-menu-tree span {
    color: #A21C1D;
    display: inline-block;
    width: 12px;
    text-align: center
}

.side-menu-tree span:first {
    color: #ddd
}

.line-menu-tree {
    margin: 5px 0;
    height: 1px;
    _font-size: 0;
    background: #EEE
}

.side-neck {
    position: absolute;
    top: -10px;
    left: -14px;
    width: 185px;
    height: 18px;
    background: #FFF;
    border: solid 1px #FFF;
    border-radius: 18px;
    box-shadow: 0 2px 5px #e3e3e3;
    z-index: 10
}

.side-neck i {
    display: block;
    margin: 5px 7px;
    height: 8px;
    background: #DDD;
    border: solid 1px #DDD;
    border-radius: 15px
}

.side-menu-tree .tree-order-list {
    padding: 0 0 0 12px
}

.side-menu-tree .tree-order-list li {
    line-height: 24px;
    _line-height: 0
}

.side-menu-tree .tree-order-list a {
    color: #666
}

.side-menu-tree .tree-order-list a:hover {
    color: #F70
}

.side-menu-tree dd {
    position: relative
}

.side-menu-tree b {
    position: absolute;
    top: 8px;
    *top: 7px;
    _top: 6px;
    _font-size: 0;
    display: block;
    width: 9px;
    height: 9px;
    background: url(images/icon-nameInfo.png?v=2015060900);
    background-repeat: no-repeat;
    cursor: pointer
}

.side-menu-tree .open-tree-order {
    background-position: -9px -52px
}

.side-menu-tree .close-tree-order {
    background-position: -19px -52px!important
}

.hide-order-list .tree-order-list {
    display: none
}

.side-menu-off .switch-side-menu {
    display: block;
    background: #f5f5f5;
    height: 20px;
    _height: 0;
    transition: all .2s
}

.side-menu-off .side-menu-tree {
    display: block
}

.side-menu-off .switch-side-menu:hover {
    background: #EEE;
    cursor: pointer
}

.switch-side-menu {
    text-align: center
}

.switch-side-menu i {
    display: inline-block;
    height: 0;
    width: 0;
    border: solid 5px #f5f5f5
}

.icon-down-side i {
    margin-top: 8px;
    _margin-bottom: -14px;
    border-top-color: #BBB
}

.icon-up-side i {
    margin-top: 3px;
    _margin: -12px 0 8px 0;
    border-bottom-color: #BBB
}

.b-col {
    border: solid 1px #DDD
}

.cont {
    position: relative;
    clear: both
}

.cont-main {
    width: 100%;
    /*overflow: hidden*/
}

.cont-side {
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0
}

.position-header {
    display: none;
    position: fixed;
    _position: absolute;
    height: 40px;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 2px 5px #cacaca
}

.position-header .ms-header-menu {
    padding: 6px 0
}

.position-header .ms-logo {
    height: 138px
}

.identity-check {
    float: left
}

.fail-check {
    color: #F60
}

.success-check {
    color: #64b100
}

.cus-manager {
    float: left;
    position: relative;
    margin-left: 20px;
    margin-top: -5px
}

.cus-manager .lion-img {
    display: block;
    width: 40px;
    height: 37px;
    background: url(images/cus_manager.png) no-repeat;
    background-position: 0 0;
    cursor: pointer
}

.cus-manager .src-smile {
    background-position: 0 -38px
}

.manager-text {
    float: left;
    margin-left: 8px
}

.manager-text .click {
    color: #f60
}

.manager-info {
    display: none;
    position: absolute;
    left: -140px;
    top: 37px;
    width: 286px;
    height: 125px;
    border: 1px solid #ddd;
    box-shadow: 2px 5px 5px #ddd;
    background: #fff;
    z-index: 2
}

.manager-info .point {
    position: absolute;
    top: -13px;
    left: 118px;
    width: 24px;
    height: 13px;
    background: url(images/cus_manager.png) no-repeat;
    background-position: -42px -38px
}

.manager-info .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 19px;
    height: 19px;
    background: url(images/cus_manager.png) no-repeat;
    background-position: -42px 0;
    cursor: pointer
}

.manager-info .close-hover {
    background-position: -64px 0
}

.manager-info .info i {
    float: left;
    width: 15px;
    height: 16px;
    background: url(images/cus_manager.png) no-repeat
}

.manager-info .info span {
    float: left;
    margin-left: 7px;
    font: 14px/16px "Microsoft YaHei";
    color: #666;
    _margin-top: 2px
}

.manager-info .info span em {
    color: #333
}

.manager-info .people {
    margin: 24px 0 10px 20px
}

.manager-info .mobile {
    margin: 0 0 25px 20px
}

.manager-info .people i {
    background-position: -58px -20px
}

.manager-info .mobile i {
    background-position: -42px -20px
}

.manager-info .shop {
    margin-left: 20px;
    color: #999
}

.manager-info .shop a {
    color: #2272c8
}

.manager-info .shop a:hover {
    color: #f60;
    text-decoration: underline
}

.ms-head-position {
    position: relative;
    z-index: 10
}

.ms-head-position .ms-useinfo {
    position: relative
}

.ms-nav-msg .nav-new {
    position: absolute;
    display: block;
    top: 0;
    left: 45px;
    height: 12px;
    width: 12px;
    line-height: 12px;
    background: url(images/icon-nameInfo.png?v=2015060900) no-repeat -27px -68px;
    z-index: 20
}