.fff {
    color: #fff;
}

a.fff:hover, a.fff.active {
    color: #fe741c;
}

.c000 {
    color: #000;
}

a.c000:hover, a.c000.active {
    color: #fe741c;
}

.c333 {
    color: #333;
}

a.c333:hover, a.c333.active {
    color: #fe741c;
}

.c666 {
    color: #666;
}

a.c666:hover, a.c666.active {
    color: #fe741c;
}

.c888 {
    color: #888;
}

a.c888:hover, a.c888.active {
    color: #fe741c;
}

.c999 {
    color: #999;
}

a.c999:hover, a.c999.active {
    color: #fe741c;
}

.ccc {
    color: #ccc;
}

a.ccc:hover, a.ccc.active {
    color: #fe741c;
}

.eee {
    color: #eee;
}

a.eee:hover, a.eee.active {
    color: #fe741c;
}

.bgccc {
    background: #ccc
}

.bgeee {
    background: #eee
}

.bgfff {
    background: #fff
}

.bgorange {
    background: #fe741c;
}

.red {
    color: #CA0606
}

.orange {
    color: #fe741c
}

a.orange:hover, a.orange.active {
    color: #f60;
}

.cfe741c {
    color: #fe741c;
}

a.cfe741c:hover, a.cfe741c.active {
    color: #f60;
}

.cfdb80c {
    color: #fdb80c;
}

a.cfdb80c:hover, a.cfdb80c.active {
    color: #fe741c;
}

.cffdc00 {
    color: #ffdc00;
}

a.cffdc00:hover, a.cffdc00.active {
    color: #fe741c;
}

.cf12828 {
    color: #f12828;
}

a.cf12828:hover, a.cf12828.active {
    color: #fe741c;
}

.c0a0139 {
    color: #0a0139;
}

a.c0a0139:hover, a.c0a0139.active {
    color: #fe741c;
}

.cffff00, .cffff00 a {
    color: #ffff00;
}

    a.cffff00:hover, a.cffff00.active, .cffff00 a:hover {
        color: #fe741c;
    }

.color1, .color1 a {
    color: #555ba6
}

    .color1 a:hover, a.color1:hover, a.color1.active {
        color: #fe741c;
    }

.color2, .color2 a {
    color: #44476c
}

    .color2 a:hover, a.color2:hover, a.color2.active {
        color: #fe741c;
    }

.color3, .color3 a {
    color: #28166f
}

    .color3 a:hover, a.color3:hover, a.color3.active {
        color: #fe741c;
    }

.color4, .color4 a {
    color: #8d99b8
}

    .color4 a:hover, a.color4:hover, a.color4.active {
        color: #fe741c;
    }

.color5, .color5 a {
    color: #8d99b8;
    border-color: rgba(141, 153, 184, 0.3);
}

    .color5 a:hover, a.color5:hover, a.color5.active {
        color: #fe741c;
    }

.bg1 {
    background: #555ba6
}

.bg2 {
    background: #e6e7f2
}

.bg3 {
    background: #28166f
}

.bg4 {
    background: #f9f9f9
}

.bd1 {
    border-color: #555ba6
}

.bd2 {
    border-color: #e6e7f2
}

.li_1.num1 {
    background: rgba(85,91,166,0.2);
}

.li_1.num2 {
    background: rgba(85,91,166,0.15);
}

.li_1.num3 {
    background: rgba(85,91,166,0.1);
}

.li_1.num1 i {
    background: #555ba6;
}

.li_1.num2 i {
    background: rgba(85,91,166,0.7);
}

.li_1.num3 i {
    background: rgba(85,91,166,0.4);
}

.blockstyle2 .color1, .blockstyle2 .color1 a {
    color: #be0f1b
}

    .blockstyle2 .color1 a:hover, .blockstyle2 a.color1:hover, .blockstyle2 a.color1.active {
        color: #fe741c;
    }

.blockstyle2 .color2, .blockstyle2 .color2 a {
    color: #333333
}

    .blockstyle2 .color2 a:hover, .blockstyle2 a.color2:hover, .blockstyle2 a.color2.active {
        color: #fe741c;
    }

.blockstyle2 .color3, .blockstyle2 .color3 a {
    color: #a91324
}

    .blockstyle2 .color3 a:hover, .blockstyle2 a.color3:hover, .blockstyle2 a.color3.active {
        color: #fe741c;
    }

.blockstyle2 .color4, .blockstyle2 .color4 a {
    color: #de878d
}

    .blockstyle2 .color4 a:hover, .blockstyle2 a.color4:hover, .blockstyle2 a.color4.active {
        color: #fe741c;
    }

.blockstyle2 .color5, .blockstyle2 .color5 a {
    color: #de878d;
    border-color: rgba(222, 135, 141, 0.3);
}

    .blockstyle2 .color5 a:hover, .blockstyle2 a.color5:hover, .blockstyle2 a.color5.active {
        color: #fe741c;
    }

.blockstyle2 .bg1 {
    background: #be0f1b
}

.blockstyle2 .bg2 {
    background: #f8e7e8
}

.blockstyle2 .bg3 {
    background: #a91324
}

.blockstyle2 .bg4 {
    background: #F6F1DC
}

.blockstyle2 .bd1 {
    border-color: #be0f1b
}

.blockstyle2 .bd2 {
    border-color: #eed5ca
}

.blockstyle2 .tab.substyle1 .tab2menubox .tabmenu .item.active span {
    background: #be0f1b;
}

.blockstyle2 .tab.style1 > .tabmenubox .tabmenu .item.active {
    background: #be0f1b;
    border-color: #be0f1b;
}

    .blockstyle2 .tab.style1 > .tabmenubox .tabmenu .item.active a {
        color: #fff;
    }

.blockstyle2 .li_1.num1 {
    background: rgba(190,15,27,0.2);
}

.blockstyle2 .li_1.num2 {
    background: rgba(190,15,27,0.15);
}

.blockstyle2 .li_1.num3 {
    background: rgba(190,15,27,0.1);
}

.blockstyle2 .li_1.num1 i {
    background: #be0f1b;
}

.blockstyle2 .li_1.num2 i {
    background: rgba(190,15,27,0.7);
}

.blockstyle2 .li_1.num3 i {
    background: rgba(190,15,27,0.4);
}

.blockstyle3 .color1, .blockstyle3 .color1 a {
    color: #87a5b5
}

    .blockstyle3 .color1 a:hover, .blockstyle3 a.color1:hover, .blockstyle3 a.color1.active {
        color: #fe741c;
    }

.blockstyle3 .color2, .blockstyle3 .color2 a {
    color: #44476c
}

    .blockstyle3 .color2 a:hover, .blockstyle3 a.color2:hover, .blockstyle3 a.color2.active {
        color: #fe741c;
    }

.blockstyle3 .color3, .blockstyle3 .color3 a {
    color: #b7c9d3
}

    .blockstyle3 .color3 a:hover, .blockstyle3 a.color3:hover, .blockstyle3 a.color3.active {
        color: #fe741c;
    }

.blockstyle3 .color4, .blockstyle3 .color4 a {
    color: #abc0cb
}

    .blockstyle3 .color4 a:hover, .blockstyle3 a.color4:hover, .blockstyle3 a.color4.active {
        color: #fe741c;
    }

.blockstyle3 .color5, .blockstyle3 .color5 a {
    color: #97b5c5;
    border-color: rgba(151, 181, 197, 0.3);
}

    .blockstyle3 .color5 a:hover, .blockstyle3 a.color5:hover, .blockstyle3 a.color5.active {
        color: #fe741c;
    }

.blockstyle3 .bg1 {
    background: #87a5b5
}

.blockstyle3 .bg2 {
    background: #edf2f4
}

.blockstyle3 .bg3 {
    background: #b7c9d3
}

.blockstyle3 .bg4 {
    background: #f9f9f9
}

.blockstyle3 .bd1 {
    border-color: #87a5b5
}

.blockstyle3 .bd2 {
    border-color: #edf2f4
}

.blockstyle3 .tab.substyle1 .tab2menubox .tabmenu .item.active span {
    background: #87a5b5;
}

.blockstyle3 .tab.style1 > .tabmenubox .tabmenu .item.active {
    background: #87a5b5;
    border-color: #87a5b5;
}

.blockstyle3 .li_1.num1 {
    background: rgba(135,165,181,0.2);
}

.blockstyle3 .li_1.num2 {
    background: rgba(135,165,181,0.15);
}

.blockstyle3 .li_1.num3 {
    background: rgba(135,165,181,0.1);
}

.blockstyle3 .li_1.num1 i {
    background: #87a5b5;
}

.blockstyle3 .li_1.num2 i {
    background: rgba(135,165,181,0.7);
}

.blockstyle3 .li_1.num3 i {
    background: rgba(135,165,181,0.4);
}

.bg01 {
    background: rgba(85,91,166,.1);
}

.blockstyle2 .bg01 {
    background: rgba(190,15,27, 0.1);
}

.blockstyle3 .bg01 {
    background: rgba(135,165,181,0.1);
}

.blockstyle4 .bg01 {
    background: rgba(0, 169, 113, 0.1);
}

/*/public/css/maigoo/v2022/weui.min.css*/
.weui_dialog {
    position: fixed;
    z-index: 2147483647;
    width: 400px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #fafafc;
    text-align: center;
    border-radius: 11px;
    overflow: hidden;
}

.weui_dialog_confirm .weui_dialog .weui_dialog_hd {
    padding: 1em 40px
}

.weui_dialog_confirm .weui_dialog .weui_dialog_bd {
    text-align: left;
}

.weui_dialog_hd {
    padding: 0.6em 0;
}

.weui_dialog_title {
    font-weight: 400;
    font-size: 24px;
}

.weui_dialog_bd {
    padding: 0 30px 10px 30px;
    color: #666;
    line-height: 1.8em;
    text-align: left;
}

.weui_dialog_ft {
    position: relative;
    line-height: 60px;
    font-size: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .weui_dialog_ft a {
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        color: #3cc51f;
        text-decoration: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0)
    }

        .weui_dialog_ft a:active {
            background-color: #eee
        }

    .weui_dialog_ft:after {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 1px;
        border-top: 1px solid #d5d5d6;
        color: #d5d5d6;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

.weui_dialog_confirm .weui_dialog_ft a {
    position: relative
}

    .weui_dialog_confirm .weui_dialog_ft a:after {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        width: 1px;
        height: 100%;
        border-left: 1px solid #d5d5d6;
        color: #d5d5d6;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5)
    }

    .weui_dialog_confirm .weui_dialog_ft a:first-child:after {
        display: none
    }

.weui_btn_dialog.default {
    color: #353535
}

.weui_btn_dialog.primary {
    color: #383f90
}

@media screen and (min-width:1024px) {
    .weui_dialog {
        width: 400px;
    }
}

.weui_toast {
    position: fixed;
    z-index: 2147483647;
    width: 8.6em;
    min-height: 7.6em;
    top: 180px;
    left: 50%;
    margin-left: -3.8em;
    background: rgba(40,40,40,.75);
    text-align: center;
    border-radius: 5px;
    color: #fff
}

.weui_icon_toast {
    margin: 10px 0 0;
    display: block;
    font-size: 30px
}

.weui_toast_content {
    margin: 0 0 15px
}

.weui_loading_toast .weui_toast_content {
    margin-top: 64%;
    font-size: 14px
}

.weui_loading {
    position: absolute;
    width: 0;
    z-index: 2147483647;
    left: 50%;
    top: 38%
}

.weui_loading_leaf {
    position: absolute;
    top: -1px;
    opacity: .25
}

    .weui_loading_leaf:before {
        content: " ";
        position: absolute;
        width: 16.28px;
        height: 6.16px;
        background: #d1d1d5;
        box-shadow: rgba(0,0,0,.0980392) 0 0 1px;
        border-radius: 1px;
        -webkit-transform-origin: left 50% 0;
        transform-origin: left 50% 0
    }

.weui_loading_leaf_0 {
    -webkit-animation: a 1.25s linear infinite;
    animation: a 1.25s linear infinite
}

    .weui_loading_leaf_0:before {
        -webkit-transform: rotate(0deg) translate(15.84px);
        transform: rotate(0deg) translate(15.84px)
    }

.weui_loading_leaf_1 {
    -webkit-animation: b 1.25s linear infinite;
    animation: b 1.25s linear infinite
}

    .weui_loading_leaf_1:before {
        -webkit-transform: rotate(30deg) translate(15.84px);
        transform: rotate(30deg) translate(15.84px)
    }

.weui_loading_leaf_2 {
    -webkit-animation: c 1.25s linear infinite;
    animation: c 1.25s linear infinite
}

    .weui_loading_leaf_2:before {
        -webkit-transform: rotate(60deg) translate(15.84px);
        transform: rotate(60deg) translate(15.84px)
    }

.weui_loading_leaf_3 {
    -webkit-animation: d 1.25s linear infinite;
    animation: d 1.25s linear infinite
}

    .weui_loading_leaf_3:before {
        -webkit-transform: rotate(90deg) translate(15.84px);
        transform: rotate(90deg) translate(15.84px)
    }

.weui_loading_leaf_4 {
    -webkit-animation: e 1.25s linear infinite;
    animation: e 1.25s linear infinite
}

    .weui_loading_leaf_4:before {
        -webkit-transform: rotate(120deg) translate(15.84px);
        transform: rotate(120deg) translate(15.84px)
    }

.weui_loading_leaf_5 {
    -webkit-animation: f 1.25s linear infinite;
    animation: f 1.25s linear infinite
}

    .weui_loading_leaf_5:before {
        -webkit-transform: rotate(150deg) translate(15.84px);
        transform: rotate(150deg) translate(15.84px)
    }

.weui_loading_leaf_6 {
    -webkit-animation: g 1.25s linear infinite;
    animation: g 1.25s linear infinite
}

    .weui_loading_leaf_6:before {
        -webkit-transform: rotate(180deg) translate(15.84px);
        transform: rotate(180deg) translate(15.84px)
    }

.weui_loading_leaf_7 {
    -webkit-animation: h 1.25s linear infinite;
    animation: h 1.25s linear infinite
}

    .weui_loading_leaf_7:before {
        -webkit-transform: rotate(210deg) translate(15.84px);
        transform: rotate(210deg) translate(15.84px)
    }

.weui_loading_leaf_8 {
    -webkit-animation: i 1.25s linear infinite;
    animation: i 1.25s linear infinite
}

    .weui_loading_leaf_8:before {
        -webkit-transform: rotate(240deg) translate(15.84px);
        transform: rotate(240deg) translate(15.84px)
    }

.weui_loading_leaf_9 {
    -webkit-animation: j 1.25s linear infinite;
    animation: j 1.25s linear infinite
}

    .weui_loading_leaf_9:before {
        -webkit-transform: rotate(270deg) translate(15.84px);
        transform: rotate(270deg) translate(15.84px)
    }

.weui_loading_leaf_10 {
    -webkit-animation: k 1.25s linear infinite;
    animation: k 1.25s linear infinite
}

    .weui_loading_leaf_10:before {
        -webkit-transform: rotate(300deg) translate(15.84px);
        transform: rotate(300deg) translate(15.84px)
    }

.weui_loading_leaf_11 {
    -webkit-animation: l 1.25s linear infinite;
    animation: l 1.25s linear infinite
}

    .weui_loading_leaf_11:before {
        -webkit-transform: rotate(330deg) translate(15.84px);
        transform: rotate(330deg) translate(15.84px)
    }

@-webkit-keyframes a {
    0%,0.01% {
        opacity: .25
    }

    0.02% {
        opacity: 1
    }

    60.01%,to {
        opacity: .25
    }
}

@-webkit-keyframes b {
    0%,8.34333% {
        opacity: .25
    }

    8.35333% {
        opacity: 1
    }

    68.3433%,to {
        opacity: .25
    }
}

@-webkit-keyframes c {
    0%,16.6767% {
        opacity: .25
    }

    16.6867% {
        opacity: 1
    }

    76.6767%,to {
        opacity: .25
    }
}

@-webkit-keyframes d {
    0%,25.01% {
        opacity: .25
    }

    25.02% {
        opacity: 1
    }

    85.01%,to {
        opacity: .25
    }
}

@-webkit-keyframes e {
    0%,33.3433% {
        opacity: .25
    }

    33.3533% {
        opacity: 1
    }

    93.3433%,to {
        opacity: .25
    }
}

@-webkit-keyframes f {
    0% {
        opacity: .270958333333333
    }

    41.6767% {
        opacity: .25
    }

    41.6867% {
        opacity: 1
    }

    1.67667% {
        opacity: .25
    }

    to {
        opacity: .270958333333333
    }
}

@-webkit-keyframes g {
    0% {
        opacity: .375125
    }

    50.01% {
        opacity: .25
    }

    50.02% {
        opacity: 1
    }

    10.01% {
        opacity: .25
    }

    to {
        opacity: .375125
    }
}

@-webkit-keyframes h {
    0% {
        opacity: .479291666666667
    }

    58.3433% {
        opacity: .25
    }

    58.3533% {
        opacity: 1
    }

    18.3433% {
        opacity: .25
    }

    to {
        opacity: .479291666666667
    }
}

@-webkit-keyframes i {
    0% {
        opacity: .583458333333333
    }

    66.6767% {
        opacity: .25
    }

    66.6867% {
        opacity: 1
    }

    26.6767% {
        opacity: .25
    }

    to {
        opacity: .583458333333333
    }
}

@-webkit-keyframes j {
    0% {
        opacity: .687625
    }

    75.01% {
        opacity: .25
    }

    75.02% {
        opacity: 1
    }

    35.01% {
        opacity: .25
    }

    to {
        opacity: .687625
    }
}

@-webkit-keyframes k {
    0% {
        opacity: .791791666666667
    }

    83.3433% {
        opacity: .25
    }

    83.3533% {
        opacity: 1
    }

    43.3433% {
        opacity: .25
    }

    to {
        opacity: .791791666666667
    }
}

@-webkit-keyframes l {
    0% {
        opacity: .895958333333333
    }

    91.6767% {
        opacity: .25
    }

    91.6867% {
        opacity: 1
    }

    51.6767% {
        opacity: .25
    }

    to {
        opacity: .895958333333333
    }
}

.weui_mask {
    background: rgba(0,0,0,.3)
}

.weui_mask, .weui_mask_transition, .weui_mask_transparent {
    position: fixed;
    z-index: 2147483647;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.weui_mask_transition {
    display: none;
    background: transparent;
    -webkit-transition: background .3s;
    transition: background .3s
}

.weui_fade_toggle {
    background: rgba(0,0,0,.6)
}

.weui_actionsheet {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 2147483647;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    background-color: #efeff4;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    opacity: 0
}

.weui_actionsheet_menu {
    background-color: #fff
}

.weui_actionsheet_action {
    margin-top: 12px;
    background-color: #fff
}

.weui_actionsheet_cell {
    position: relative;
    padding: 20px 0;
    text-align: center;
    font-size: 18px
}

    .weui_actionsheet_cell:before {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 1px;
        border-top: 1px solid #d9d9d9;
        color: #d9d9d9;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    .weui_actionsheet_cell:active {
        background-color: #ececec
    }

    .weui_actionsheet_cell:first-child:before {
        display: none
    }

.weui_actionsheet_toggle {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1
}

.textToast {
    min-width: 200px;
    max-width: 90%;
    padding: 0.5em;
    max-height: 4.6em;
    font-size: 18px;
    line-height: 1.8em;
    text-align: center;
    color: #fff !important;
    border-radius: 10px;
    background-color: rgba(80,80,80,0.8);
    position: fixed;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: none;
    z-index: 2147483647
}

.textToastShow {
    display: block;
    -webkit-animation: textToastShow 3s .2s ease-in-out;
    animation: textToastShow 3s .2s ease-in-out
}

@-webkit-keyframes textToastShow {
    1% {
        top: 100%;
    }

    10% {
        opacity: 1;
        top: 80%;
    }

    80% {
        opacity: 1;
        top: 80%;
    }

    100% {
        opacity: 0;
        top: 80%;
    }
}

@keyframes textToastShow {
    0% {
        top: 100%;
    }

    10% {
        opacity: 1;
        top: 80%;
    }

    80% {
        opacity: 1;
        top: 80%;
    }

    100% {
        opacity: 0;
        top: 80%;
    }
}

/*/public/css/maigoo/v2022/brand10/list3.css*/
@font-face {
    font-family: 'oswald';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/skin/font/FetteEngD.eot'), url('/skin/font/FetteEngD.eot') format('embedded-opentype'), url('/skin/font/FetteEngD.woff') format('woff'), url('/skin/font/FetteEngD.ttf') format('truetype'), url('/skin/font/FetteEngD.svg') format('svg');
}

#container .leftlay .artcontent {
    margin-top: 30px;
}

#container .leftlay .bline.bline1 {
    height: 20px;
}

#container .miaodian {
    margin-left: -170px;
}

    #container .miaodian li {
        min-width: 100px;
        width: auto;
        letter-spacing: 0px;
    }

.bannerbg {
    width: 100%;
    min-width: 1220px;
    height: 350px;
    background: url(/skin/images/bg1.jpg) center top no-repeat;
    text-align: center;
    margin-top: 70px;
}

    .bannerbg.b2 {
        background-image: url(/skin/images/bg2.jpg);
    }

    .bannerbg.b3 {
        background-image: url(/skin/images/bg3.jpg);
    }

    .bannerbg.b4 {
        background-image: url(/skin/images/bg4.jpg);
    }

    .bannerbg.b5 {
        background-image: url(/skin/images/bg5.jpg);
    }

    .bannerbg.b6 {
        background-image: url(/skin/images/bg6.jpg);
    }

    .bannerbg.b7 {
        background-image: url(/skin/images/bg7.jpg);
    }

    .bannerbg.b8 {
        background-image: url(/skin/images/bg8.jpg);
    }

    .bannerbg .w1220 {
        width: 840px;
        margin: 0 auto;
        padding-right: 380px;
        text-align: center;
        position: relative;
    }

        .bannerbg .w1220::after {
            content: "";
            width: 88px;
            height: 188px;
            background: url(/skin/images/icons.png) no-repeat;
            position: absolute;
            right: -5px;
            top: 50%;
            margin-top: -94px;
            background-size: 88px 188px;
        }

    .bannerbg .top {
        max-width: 770px;
        height: 190px;
        padding: 40px 0 40px 0;
        text-align: center;
        display: inline-block;
        position: relative;
    }

        .bannerbg .top .catpic {
            width: 150px;
            height: 100px;
            margin: 0 auto;
            position: relative;
        }

            .bannerbg .top .catpic img {
                width: 150px;
                height: 100px;
                border-radius: 8px;
            }

            .bannerbg .top .catpic:before {
                content: "";
                position: absolute;
                right: 100%;
                top: 50%;
                margin-top: -25px;
                width: 50px;
                height: 50px;
                background: url(/skin/images/shida.gif);
                background-size: 100% 100%;
                margin-right: 20px;
            }

            .bannerbg .top .catpic:after {
                content: "";
                position: absolute;
                left: 100%;
                top: 50%;
                margin-top: -25px;
                width: 50px;
                height: 50px;
                background: url(/skin/images/rongyu.gif);
                background-size: 100% 100%;
                margin-left: 20px;
            }

        .bannerbg .top .desc2 {
            margin-top: 10px;
        }

            .bannerbg .top .desc2 span {
                color: #FFF;
                font-weight: bold;
                line-height: 44px;
                display: block;
            }

        .bannerbg .top .desc3 {
            color: #FFF;
            margin-top: 10px;
        }

        .bannerbg .top:before {
            content: "";
            width: 95px;
            height: 190px;
            background: url(/skin/images/leaf.png) no-repeat;
            position: absolute;
            right: 100%;
            top: 50%;
            margin-top: -95px;
            background-size: 95px 190px;
        }

        .bannerbg .top:after {
            content: "";
            width: 95px;
            height: 190px;
            background: url(/skin/images/leaf.png) no-repeat;
            position: absolute;
            left: 100%;
            top: 50%;
            margin-top: -95px;
            background-size: 95px 190px;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
        }

    .bannerbg .desc {
        position: absolute;
        right: 88px;
        top: 0;
        width: 282px;
        font-size: 12px;
        height: 280px;
        color: rgba(255,255,255,0.15);
        text-align: justify;
        line-height: 1.8em;
    }

        .bannerbg .desc .tablecell {
            height: 280px;
            width: 100%;
        }

            .bannerbg .desc .tablecell a.color1 {
                color: #666
            }

                .bannerbg .desc .tablecell a.color1:hover {
                    color: #ff0
                }

#position {
    margin-top: -40px
}

    #position .posotionnav {
        border-bottom: none;
        line-height: 40px;
        height: 40px;
        padding: 0;
        color: #FFF;
    }

        #position .posotionnav a {
            color: #FFF;
        }

            #position .posotionnav a:hover {
                color: #fe741c;
            }

.maxbang {
    background-color: #FFF;
    border-radius: 10px 10px 5px 5px;
}

    .maxbang.style5 > .tabmenubox {
        margin-bottom: 5px;
        height: 57px;
    }

        .maxbang.style5 > .tabmenubox .tabmenu {
            padding: 0;
        }

            .maxbang.style5 > .tabmenubox .tabmenu .item {
                padding: 7px 15px 0 15px;
                line-height: 50px;
                height: 50px;
            }

    .maxbang .tabmenu .item em.icon {
        width: 27px;
        height: 19px;
        background: url(/skin/images/hot.png) no-repeat;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
    }

        .maxbang .tabmenu .item em.icon:after {
            content: "";
            border: none;
        }

    .maxbang .tabmenu .item em.flag {
        font-size: 10px;
        color: #FFF;
        background-color: #F4340B;
        line-height: 12px;
        display: inline-block;
        padding: 2px;
        position: absolute;
        top: 3px;
        right: 0px;
    }

        .maxbang .tabmenu .item em.flag:after {
            content: "";
            position: absolute;
            top: 16px;
            left: 2px;
            height: 0px;
            width: 0;
            border-color: #F4340B;
            border-style: solid;
            border-right-color: transparent !important;
            border-left-color: transparent !important;
            border-bottom-color: transparent !important;
            border-width: 6px 5px 0px 0px;
        }

.blockstyle2 .tab.substyle3 .tab2menubox .tabmenu {
    border: none;
    font-size: 16px;
}

    .blockstyle2 .tab.substyle3 .tab2menubox .tabmenu .item {
        border: none;
        padding: 0 15px;
        margin-left: 15px;
        background: rgba(190, 15, 27, 0.1);
        border-radius: 4px;
    }

        .blockstyle2 .tab.substyle3 .tab2menubox .tabmenu .item:first-child {
            margin-left: 0;
        }

        .blockstyle2 .tab.substyle3 .tab2menubox .tabmenu .item span {
            color: #be0f1b;
        }

        .blockstyle2 .tab.substyle3 .tab2menubox .tabmenu .item.active {
            background: #be0f1b;
            position: relative;
            overflow: visible;
            background: linear-gradient( 0deg, #be0f1b, #db404a);
        }

            .blockstyle2 .tab.substyle3 .tab2menubox .tabmenu .item.active span {
                color: #fff;
            }

            .blockstyle2 .tab.substyle3 .tab2menubox .tabmenu .item.active::after {
                content: "";
                position: absolute;
                left: 50%;
                top: 100%;
                border-width: 6px;
                border-style: solid;
                border-color: #be0f1b transparent transparent transparent;
                margin-left: -6px;
            }

.tab.substyle8 .tab2menubox {
    border-bottom: solid 1px #EEE;
    margin-bottom: 15px;
    height: 57px;
}

    .tab.substyle8 .tab2menubox .tabmenu {
        padding: 0;
    }

        .tab.substyle8 .tab2menubox .tabmenu .item {
            font-size: 16px;
            padding: 7px 15px 0 15px;
            line-height: 50px;
            height: 50px;
            position: relative;
        }

            .tab.substyle8 .tab2menubox .tabmenu .item span {
                color: #333;
                background: none;
            }

            .tab.substyle8 .tab2menubox .tabmenu .item.active {
                border-bottom: solid 2px #be0f1b;
            }

                .tab.substyle8 .tab2menubox .tabmenu .item.active span {
                    color: #be0f1b;
                    font-weight: bold;
                }

            .tab.substyle8 .tab2menubox .tabmenu .item:hover span {
                color: #be0f1b;
            }

.tab.style17 > .tabmenubox {
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

    .tab.style17 > .tabmenubox .tabmenu {
        padding: 0;
        background: #f5f5f5;
    }

        .tab.style17 > .tabmenubox .tabmenu .item {
            position: relative;
            padding: 5px 20px 10px 20px;
            background: #f5f5f5;
            width: 5%;
            line-height: 1.5em;
        }

            .tab.style17 > .tabmenubox .tabmenu .item:after {
                content: "";
                height: 100px;
                width: 0;
                border-left: solid 1px #ddd;
                position: absolute;
                right: 0;
                top: 50%;
                margin-top: -50px;
            }

            .tab.style17 > .tabmenubox .tabmenu .item img {
                width: 80px;
                height: 80px;
                margin: 0 auto -10px auto;
                display: block;
            }

            .tab.style17 > .tabmenubox .tabmenu .item span {
                color: #333;
                font-size: 16px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                display: block;
            }

            .tab.style17 > .tabmenubox .tabmenu .item.active {
                border-radius: 10px 10px 0 0;
                background: url(../../../images/mobile/v2022/brand10/activebang.png) #FFF right top no-repeat;
                background-size: 42px auto;
            }

                .tab.style17 > .tabmenubox .tabmenu .item.active span {
                    color: #be0f1b;
                }

                .tab.style17 > .tabmenubox .tabmenu .item.active:after {
                    border: none;
                }

.maxbang .brand10webshop {
    border: solid 1px #EEE;
}

    .maxbang .brand10webshop ul .item {
        background: none;
    }



.maxbang > .tabcont > .licont {
    margin: 0 20px;
    display: none;
}

.maxbang > .tabcont > .show {
    display: block;
}

.maxbang > .tabcont > .licont .brand10zhishibang {
    padding: 10px 0 1px 0;
}

    .maxbang > .tabcont > .licont .brand10zhishibang .titlename {
        text-align: center;
    }


#container #rightmenu {
    border-radius: 5px;
}

.blockstyle2 .brandbang .zhiminglist .zhimingbrandlist .bitem.bg2 {
    background-color: #F6F1DC;
}

.blockstyle2 .brand10xgbangdan .brandlist.bg2 {
    background-color: #F6F1DC;
    border-color: #eae5cb;
}

    .blockstyle2 .brand10xgbangdan .brandlist.bg2 .item {
        border-color: #eae5cb;
    }

.publicmapview {
    position: relative;
}

    .publicmapview .mapiframe {
        width: 100%;
        height: 800px;
        margin-top: -25px;
        background: #fff;
    }

.leftlay .artcontent .extendurl {
    margin-bottom: 20px;
}

    .leftlay .artcontent .extendurl a {
        width: 46%;
        float: left;
        text-align: center;
        padding: 0 10px;
        border-radius: 5px;
    }

        .leftlay .artcontent .extendurl a:nth-child(2n) {
            float: right;
        }

        .leftlay .artcontent .extendurl a::before {
            content: "淇�";
            color: #FFF;
            display: inline-block;
            margin-right: 3px;
            height: 1.4em;
            width: 1.4em;
            text-align: center;
            line-height: 1.4em;
            background-color: #FC7718;
            border-radius: 3px;
            font-size: 12px;
        }

        .leftlay .artcontent .extendurl a::after {
            content: "";
            display: inline-block;
            width: 22px;
            height: 14px;
            background: url(../../../images/icon/newinfo.gif) no-repeat;
            margin-left: 3px;
        }

    .leftlay .artcontent .extendurl:after {
        content: "";
        clear: both;
        display: block;
    }

/*/public/css/maigoo/v2022/newrightlay.css*/
body {
    min-width: 1240px;
}

#container {
    width: 1220px;
}

    #container .rightlay {
        width: 300px;
    }

        #container .rightlay.fixed {
            margin-left: 310px;
        }

        #container .rightlay.fixed2 {
            margin-left: 310px;
        }

.rightlay #rightmenu .hotblocks .item {
    width: 120px;
}

.rightlay .joinbtt a {
    padding: 0 20px;
}

#container .rightlay .leftbrandlogo li {
    width: 149px;
    padding: 5px 0;
    background: #fff;
    box-shadow: 0 0 0 1px #e6e7f2;
}

    #container .rightlay .leftbrandlogo li img {
        width: 138px;
        height: 60px;
        margin: 0 auto;
        display: block;
    }

.baikecitiao .itembox .item.active .info {
    display: none !important;
}

.rightlay #rightmenu .searchhot .contbox .cont.hotsearch a .name {
    width: 140px;
}

.rightlay .tab > .tabmenubox > .tabmenu {
    font-size: 14px;
    padding-bottom: 0;
}

.rightlay .tab > .tabmenubox .tabmenu .item {
    border-radius: 1em;
    padding: 0 10px;
    margin: 0 5px;
    display: inline-block;
    border: 0;
    background: #d8d8ea
}

    .rightlay .tab > .tabmenubox .tabmenu .item.active {
        background: #555ba6
    }

.rightlay .tab.righttab .tabmenubox {
    background: rgba(85, 91, 166, 0.1);
}

    .rightlay .tab.righttab .tabmenubox .tabmenu {
        padding: 0;
        margin: 0;
        display: block;
    }

        .rightlay .tab.righttab .tabmenubox .tabmenu .item {
            padding: 0;
            margin: 0;
            float: left;
            font-size: 15px;
            line-height: 2.4em;
            width: 150px;
            text-align: center;
            background: none;
        }

            .rightlay .tab.righttab .tabmenubox .tabmenu .item.active {
                color: #555ba6;
                font-weight: bold;
            }

                .rightlay .tab.righttab .tabmenubox .tabmenu .item.active::after {
                    content: "";
                    width: 30px;
                    height: 4px;
                    background: #555ba6;
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    margin-left: -15px;
                }

.blockstyle2 .rightlay .tab.righttab .tabmenubox {
    background: #f0e4d9;
}

    .blockstyle2 .rightlay .tab.righttab .tabmenubox .tabmenu .item.active {
        color: #be0f1b;
    }

        .blockstyle2 .rightlay .tab.righttab .tabmenubox .tabmenu .item.active::after {
            background: #be0f1b;
        }

.rightlay #rightmenu .xglist dd {
    padding: 0 10px 15px 10px;
}

.rightlay .blockmorebox {
    padding: 0;
}

    .rightlay .blockmorebox .morebtn {
        padding: 10px 0;
        background: none;
        font-size: 14px;
        color: #555ba6
    }

        .rightlay .blockmorebox .morebtn:hover {
            color: #f60;
        }

        .rightlay .blockmorebox .morebtn .icon-gengduo4 {
            float: right;
            margin: 0 0 0 3px;
        }

.blockstyle2 .rightlay .blockmorebox .morebtn {
    color: #be0f1b
}

    .blockstyle2 .rightlay .blockmorebox .morebtn:hover {
        color: #f60;
    }

.xglist.style2 dd {
    padding: 0 0 10px 0;
}

    .xglist.style2 dd a {
        display: block;
        width: 80%;
        margin: 0 auto;
        background: #d7d9ea;
        border-radius: 1.1em;
        line-height: 2.2em;
        padding: 0 5%;
    }

    .xglist.style2 dd .col2 a {
        width: 84%;
        padding-left: 6%;
    }

    .xglist.style2 dd .col2.l a {
        text-align: left;
    }

.rightlay #rightmenu .xglist li .dhidden img {
    width: 20px;
    height: 20px;
    background: rgba(190, 15, 27,0.1);
    border-radius: 50%;
    padding: 1px;
    margin-right: 5px;
}

.blockstyle2 .xglist.style2 dd a {
    background: rgba(190, 15, 27,0.1);
}

.rightnavlist dd {
    padding: 0 2% 10px 2%;
}

.rightnavlist .item {
    width: 46%;
    margin: 10px 2%;
    text-align: center;
    float: left;
    box-shadow: 0 0 0 1px #ddd;
    border-radius: 5px;
    padding: 10px 0;
}

    .rightnavlist .item a.color1 {
        display: block;
        padding: 5px 10px 10px 10px;
    }

    .rightnavlist .item .iconfont {
        display: block;
        font-size: 32px;
        margin: 0 auto;
    }

    .rightnavlist .item .t {
        font-weight: bold;
        line-height: 2.5em;
        border-bottom: 1px solid #ddd;
    }

    .rightnavlist .item a.c333 {
        font-size: 12px;
        display: inline-block;
        margin: 0 3px;
    }

.rightlay .xglist .iconlist .iconfont {
    color: #fff;
    font-size: 28px;
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background: #a09be1;
    margin-bottom: 5px;
}

    .rightlay .xglist .iconlist .iconfont.s1 {
        background: linear-gradient(135deg, #f87b93, #f3113c);
    }

    .rightlay .xglist .iconlist .iconfont.s2 {
        background: linear-gradient(135deg, #ffd27f, #ffae1a);
    }

    .rightlay .xglist .iconlist .iconfont.s3 {
        background: linear-gradient(135deg, #95d9e9, #40bbd7);
    }

    .rightlay .xglist .iconlist .iconfont.s4 {
        background: linear-gradient(135deg, #cb99ee, #a147e0);
    }

    .rightlay .xglist .iconlist .iconfont.s5 {
        background: linear-gradient(135deg, #a09be1, #544bca);
    }

    .rightlay .xglist .iconlist .iconfont.s6 {
        background: linear-gradient(135deg, #fb9ebb, #f85084);
    }

    .rightlay .xglist .iconlist .iconfont.s7 {
        background: linear-gradient(135deg, #ffba7c, #ff8415);
    }

    .rightlay .xglist .iconlist .iconfont.s8 {
        background: linear-gradient(135deg, #93ccfe, #3fa4fe);
    }

    .rightlay .xglist .iconlist .iconfont.s9 {
        background: linear-gradient(135deg, #71d7ca, #00b8a0);
    }

    .rightlay .xglist .iconlist .iconfont.s10 {
        background: linear-gradient(135deg, #f08c88, #e4312a);
    }

    .rightlay .xglist .iconlist .iconfont.s11 {
        background: linear-gradient(135deg, #a1adea, #586dda);
    }

    .rightlay .xglist .iconlist .iconfont.s12 {
        background: linear-gradient(135deg, #cde79a, #a5d54b);
    }

    .rightlay .xglist .iconlist .iconfont.s13 {
        background: linear-gradient(135deg, #97ebe2, #45dccb);
    }

    .rightlay .xglist .iconlist .iconfont.s14 {
        background: linear-gradient(135deg, #b5ebaf, #7bdc71);
    }

    .rightlay .xglist .iconlist .iconfont.s15 {
        background: linear-gradient(135deg, #ffb8dd, #ff80c2);
    }

.rightlay .xglist .iconlist2 .iconfont {
    color: #555ba6;
    font-size: 28px;
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background: rgba(85, 91, 166,0.1);
    margin-bottom: 5px;
}

.blockstyle2 .rightlay .xglist .iconlist2 .iconfont {
    color: #be0f1b;
    background: rgba(190, 15, 27,0.1);
}

.rightlay .hotrenwu .itembox {
    padding: 4px 10px 0 10px;
}

    .rightlay .hotrenwu .itembox .item {
        display: block;
        line-height: 3em;
        border-bottom: 1px solid #ddd;
    }

        .rightlay .hotrenwu .itembox .item .num {
            padding: 0 5px;
            color: #999
        }

            .rightlay .hotrenwu .itembox .item .num.n1 {
                color: #f60
            }

            .rightlay .hotrenwu .itembox .item .num.n2 {
                color: #f90
            }

            .rightlay .hotrenwu .itembox .item .num.n3 {
                color: #fa0
            }

.rightlay .meishimenu .hotrenwu .itembox .item {
    color: #555ba6;
}

    .rightlay .meishimenu .hotrenwu .itembox .item:hover {
        color: #f60;
    }

.rightlay .fabubtns .desc {
    padding: 5px 17px;
    line-height: 1.8em;
    text-align: justify;
}

.rightlay .fabubtns .btns {
    text-align: center;
    padding-bottom: 10px;
}

    .rightlay .fabubtns .btns a {
        display: inline-block;
        border: 1px solid #cacce3;
        background: #d7d9ea;
        width: 41%;
        margin: 5px 2.5%;
        line-height: 2em;
    }

.rightlay .fabubtns .btns2 {
    text-align: center;
    padding-bottom: 10px;
}

    .rightlay .fabubtns .btns2 a {
        display: inline-block;
        background: #555ba6;
        border-radius: 1em;
        width: 41%;
        margin: 5px 2.5%;
        line-height: 2em;
    }

        .rightlay .fabubtns .btns2 a .icon-gengduo4 {
            margin-right: -10px;
        }

.blockstyle2 .rightlay .fabubtns .btns2 a {
    background: #be0f1b
}

.rightlay .zhuangxiulist .step {
    margin: 12px 14px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ddd;
    line-height: 1.8em;
}

    .rightlay .zhuangxiulist .step.bortop {
        border-top: 1px solid #ddd;
        padding-top: 10px;
    }

    .rightlay .zhuangxiulist .step:last-child {
        margin-bottom: 0;
    }

.rightlay .zhuangxiulist .list {
    width: 100%;
}

    .rightlay .zhuangxiulist .list a {
        float: left;
        display: inline-block;
        width: 25%;
    }

.rightlay .zhishitixi .licont {
    padding: 5px 10px 0 10px;
}

.rightlay .zhishitixi .item {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

    .rightlay .zhishitixi .item .num {
        width: 20px;
        text-align: center;
        line-height: 40px;
        float: left;
        color: #999
    }

        .rightlay .zhishitixi .item .num.n1 {
            color: #f60
        }

        .rightlay .zhishitixi .item .num.n2 {
            color: #f90
        }

        .rightlay .zhishitixi .item .num.n3 {
            color: #fa0
        }

    .rightlay .zhishitixi .item .img {
        width: 80px;
        text-align: center;
        line-height: 40px;
        float: left;
    }

    .rightlay .zhishitixi .item .title {
        width: 180px;
        line-height: 20px;
        float: left;
    }

.rightlay .rightlist .itembox {
    padding: 4px 10px 0 10px;
}

    .rightlay .rightlist .itembox .item {
        display: block;
        padding: 10px 0;
        border-bottom: 1px solid #ddd;
    }

        .rightlay .rightlist .itembox .item .numb {
            width: 1.2em;
            height: 1.2em;
            line-height: 1.2em;
            display: inline-block;
            vertical-align: text-bottom;
            margin-right: 0;
        }

            .rightlay .rightlist .itembox .item .numb::after {
                display: none;
            }

        .rightlay .rightlist .itembox .item .img {
            float: left;
            width: 120px;
            margin-right: 10px;
        }

            .rightlay .rightlist .itembox .item .img img {
                width: 100%;
            }

        .rightlay .rightlist .itembox .item .desc {
            float: left;
            width: 150px;
            line-height: 1.8em;
        }

/*/public/css/maigoo/v2022/block/brand10/bangdan.css*/
.bangdan {
    padding-bottom: 20px;
}

    .bangdan .bangdesc {
        padding: 12px 20px;
        background-color: #F6F6F6;
        border-radius: 5px;
        color: #868686;
    }

        .bangdan .bangdesc .desc {
            height: 3.6em;
            overflow: hidden;
        }

        .bangdan .bangdesc .more {
            height: 0;
            text-align: center;
        }

            .bangdan .bangdesc .more img {
                width: 30px;
                height: 30px;
                top: -5px;
                position: relative;
                z-index: 1;
            }

    .bangdan .brandlist {
    }

        .bangdan .brandlist li {
            height: 50px;
            border-radius: 5px;
            margin-top: 20px;
            background-color: #F6F6F6;
            overflow: hidden;
        }

            .bangdan .brandlist li:after {
                content: "";
                clear: both;
                display: block;
            }

            .bangdan .brandlist li a {
                display: block;
                color: #FFF;
                line-height: 50px;
                height: 50px;
                padding: 0 253px 0 5px;
                position: relative;
                border-radius: 5px 0 6px 5px;
                box-sizing: border-box;
            }

    .bangdan.active .brandlist li a {
        transform: translateX(0);
        opacity: 1
    }

    .bangdan .brandlist li a:after {
        content: "";
        width: 20px;
        height: 54px;
        transform: rotate(12deg);
        margin-left: -13px;
        border-radius: 0 6px 8px 0;
        position: absolute;
        left: 100%;
        top: -3px;
    }

    .bangdan .brandlist li a .l {
        float: left;
        width: 100%;
        height: 50px;
    }

        .bangdan .brandlist li a .l .num {
            width: 55px;
            margin-left: 5px;
            float: left;
            font-size: 16px;
            font-weight: bold;
        }

        .bangdan .brandlist li a .l .blogo {
            transition: all ease-in-out 300ms;
            float: left;
            margin-top: 5px;
        }

    .bangdan .brandlist li a:hover .l .blogo {
        transform: scale(1.2);
        box-shadow: 0 0 5px #ccc;
    }

    .bangdan .brandlist li a .l .bname {
        margin-left: 10px;
    }

    .bangdan .brandlist li a:hover .l .bname {
        color: #ff0;
    }

    .bangdan .brandlist li a .r {
        position: absolute;
        right: 5px;
        top: 0;
    }

        .bangdan .brandlist li a .r .score {
            float: right;
            margin-right: 5px;
        }

            .bangdan .brandlist li a .r .score .ename {
                color: rgba(255, 255, 255, 0.6);
            }

        .bangdan .brandlist li a .r .shuiyin {
            float: right;
            line-height: 50px;
            font-size: 0;
            margin-right: 5px;
        }

            .bangdan .brandlist li a .r .shuiyin img {
                width: 20px;
            }

        .bangdan .brandlist li a .r .starbox {
            float: right;
            margin-right: 5px;
            position: relative;
            line-height: 50px;
        }

            .bangdan .brandlist li a .r .starbox i.iconfont {
                font-size: 20px;
                padding: 0 2px;
                height: 50px;
                line-height: 50px;
                float: left;
            }

            .bangdan .brandlist li a .r .starbox .mbg {
                height: 50px;
                position: absolute;
                right: 0;
                top: 0;
            }

    .bangdan .brandlist li a .num, .bangdan .brandlist li a .score {
        font-family: arial;
        font-size: 18px;
    }
    

@keyframes bangdan1 {
    0% {
        transform: translateX(-110%);
        opacity: 0;
    }

    0.1% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.bangdan .brandlist li.li1 a {
    background: #fb2c19;
    background: -webkit-linear-gradient(to right,rgba(251,44,25,0.6), #fb2c19);
    background: -o-linear-gradient(to right, rgba(251,44,25,0.6), #fb2c19);
    background: -moz-linear-gradient(to right,rgba(251,44,25,0.6), #fb2c19);
    background: linear-gradient(to right, rgba(251,44,25,0.6), #fb2c19);
    width: 780px;
    animation: bangdan1 500s ease-in-out infinite;
    animation-delay: 1s;
}

    .bangdan .brandlist li.li1 a:after {
        background: #fb2c19;
    }

@keyframes bangdan2 {
    0% {
        transform: translateX(-110%);
        opacity: 0;
    }

    0.08% {
        transform: translateX(-110%);
        opacity: 0;
    }

    0.18% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.bangdan .brandlist li.li2 a {
    background: #fb7b44;
    background: -webkit-linear-gradient(to right,rgba(251,123,68,0.6),#fb7b44);
    background: -o-linear-gradient(to right, rgba(251,123,68,0.6),#fb7b44);
    background: -moz-linear-gradient(to right,rgba(251,123,68,0.6),#fb7b44);
    background: linear-gradient(to right, rgba(251,123,68,0.6),#fb7b44);
    width: 766px;
    animation: bangdan2 500s ease-in-out infinite;
    animation-delay: 1s;
}

    .bangdan .brandlist li.li2 a:after {
        background: #fb7b44;
    }

    .bangdan .brandlist li.li2 a .starbox .mbg {
        background: linear-gradient(to right,transparent,#fc834f);
    }

@keyframes bangdan3 {
    0% {
        transform: translateX(-110%);
        opacity: 0;
    }

    0.16% {
        transform: translateX(-110%);
        opacity: 0;
    }

    0.26% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.bangdan .brandlist li.li3 a {
    background: #88A877;
    background: -webkit-linear-gradient(to right,rgba(136,168,119,0.6),#88A877);
    background: -o-linear-gradient(to right,rgba(136,168,119,0.6),#88A877);
    background: -moz-linear-gradient(to right,rgba(136,168,119,0.6),#88A877);
    background: linear-gradient(to right,rgba(136,168,119,0.6),#88A877);
    width: 752px;
    animation: bangdan3 500s ease-in-out infinite;
    animation-delay: 1s;
}

    .bangdan .brandlist li.li3 a:after {
        background: #88A877;
    }

    .bangdan .brandlist li.li3 a .starbox .mbg {
        background: linear-gradient(to right,transparent,#8EAC7E);
    }

@keyframes bangdan4 {
    0% {
        transform: translateX(-110%);
        opacity: 0;
    }

    0.24% {
        transform: translateX(-110%);
        opacity: 0;
    }

    0.34% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.bangdan .brandlist li.li4 a {
    background: #12C6AC;
    background: -webkit-linear-gradient(to right,rgba(18,198,172,0.6),#12C6AC);
    background: -o-linear-gradient(to right,rgba(18,198,172,0.6),#12C6AC);
    background: -moz-linear-gradient(to right,rgba(18,198,172,0.6),#12C6AC);
    background: linear-gradient(to right,rgba(18,198,172,0.6),#12C6AC);
    width: 738px;
    animation: bangdan4 500s ease-in-out infinite;
    animation-delay: 1s;
}

    .bangdan .brandlist li.li4 a:after {
        background: #12C6AC;
    }

    .bangdan .brandlist li.li4 a .starbox .mbg {
        background: linear-gradient(to right,transparent,#20C9B0);
    }

@keyframes bangdan5 {
    0% {
        transform: translateX(-110%);
        opacity: 0;
    }

    0.32% {
        transform: translateX(-110%);
        opacity: 0;
    }

    0.42% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.bangdan .brandlist li.li5 a {
    background: #456CA6;
    background: -webkit-linear-gradient(to right,rgba(69,108,166,0.6),#456CA6);
    background: -o-linear-gradient(to right,rgba(69,108,166,0.6),#456CA6);
    background: -moz-linear-gradient(to right,rgba(69,108,166,0.6),#456CA6);
    background: linear-gradient(to right,rgba(69,108,166,0.6),#456CA6);
    width: 724px;
    animation: bangdan5 500s ease-in-out infinite;
    animation-delay: 1s;
}

    .bangdan .brandlist li.li5 a:after {
        background: #456CA6;
    }

    .bangdan .brandlist li.li5 a .starbox .mbg {
        background: linear-gradient(to right,transparent,#5074AB);
    }

@keyframes bangdan6 {
    0% {
        transform: translateX(-110%);
        opacity: 0;
    }

    0.4% {
        transform: translateX(-110%);
        opacity: 0;
    }

    0.5% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.bangdan .brandlist li.li6 a {
    background: #3e4c4f;
    background: -webkit-linear-gradient(to right,rgba(62,76,79,0.5),#3e4c4f);
    background: -o-linear-gradient(to right,rgba(62,76,79,0.5),#3e4c4f);
    background: -moz-linear-gradient(to right,rgba(62,76,79,0.5),#3e4c4f);
    background: linear-gradient(to right,rgba(62,76,79,0.5),#3e4c4f);
    width: 710px;
    animation: bangdan6 500s ease-in-out infinite;
    animation-delay: 1s;
}

    .bangdan .brandlist li.li6 a:after {
        background: #3e4c4f;
    }

    .bangdan .brandlist li.li6 a .starbox .mbg {
        background: linear-gradient(to right,transparent,#4C595C);
    }

@keyframes bangdan7 {
    0% {
        transform: translateX(-110%);
        opacity: 0;
    }

    0.48% {
        transform: translateX(-110%);
        opacity: 0;
    }

    0.58% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.bangdan .brandlist li.li7 a {
    background: #505D5F;
    background: -webkit-linear-gradient(to right,rgba(62,76,79,0.5),rgba(62,76,79,0.9));
    background: -o-linear-gradient(to right,rgba(62,76,79,0.5),rgba(62,76,79,0.9));
    background: -moz-linear-gradient(to right,rgba(62,76,79,0.5),rgba(62,76,79,0.9));
    background: linear-gradient(to right,rgba(62,76,79,0.5),rgba(62,76,79,0.9));
    width: 696px;
    animation: bangdan7 500s ease-in-out infinite;
    animation-delay: 1s;
}

    .bangdan .brandlist li.li7 a:after {
        background: #505D5F;
    }

    .bangdan .brandlist li.li7 a .starbox .mbg {
        background: linear-gradient(to right,transparent,#5C686A);
    }

@keyframes bangdan8 {
    0% {
        transform: translateX(-110%);
        opacity: 0;
    }

    0.56% {
        transform: translateX(-110%);
        opacity: 0;
    }

    0.66% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.bangdan .brandlist li.li8 a {
    background: #636E70;
    background: -webkit-linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.8));
    background: -o-linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.8));
    background: -moz-linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.8));
    background: linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.8));
    width: 682px;
    animation: bangdan8 500s ease-in-out infinite;
    animation-delay: 1s;
}

    .bangdan .brandlist li.li8 a:after {
        background: #636E70;
    }

    .bangdan .brandlist li.li8 a .starbox .mbg {
        background: linear-gradient(to right,transparent,#6F7A7C);
    }

@keyframes bangdan9 {
    0% {
        transform: translateX(-110%);
        opacity: 0;
    }

    0.64% {
        transform: translateX(-110%);
        opacity: 0;
    }

    0.74% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.bangdan .brandlist li.li9 a {
    background: #757E80;
    background: -webkit-linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.7));
    background: -o-linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.7));
    background: -moz-linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.7));
    background: linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.7));
    width: 668px;
    animation: bangdan9 500s ease-in-out infinite;
    animation-delay: 1s;
}

    .bangdan .brandlist li.li9 a:after {
        background: #757E80;
    }

    .bangdan .brandlist li.li9 a .starbox .mbg {
        background: linear-gradient(to right,transparent,#7E8789);
    }

@keyframes bangdan10 {
    0% {
        transform: translateX(-110%);
        opacity: 0;
    }

    0.72% {
        transform: translateX(-110%);
        opacity: 0;
    }

    0.82% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.bangdan .brandlist li.li10 a {
    background: #879091;
    background: -webkit-linear-gradient(to right,rgba(62,76,79,0.3),rgba(62,76,79,0.6));
    background: -o-linear-gradient(to right,rgba(62,76,79,0.3),rgba(62,76,79,0.6));
    background: -moz-linear-gradient(to right,rgba(62,76,79,0.3),rgba(62,76,79,0.6));
    background: linear-gradient(to right,rgba(62,76,79,0.3),rgba(62,76,79,0.6));
    width: 654px;
    animation: bangdan10 500s ease-in-out infinite;
    animation-delay: 1s;
}

    .bangdan .brandlist li.li10 a:after {
        background: #879091;
    }

    .bangdan .brandlist li.li10 a .starbox .mbg {
        background: linear-gradient(to right,transparent,#91999A);
    }

.bangdan .morebtn {
    padding: 0 20px;
    height: 2.2em;
    line-height: 2.2em;
    background: -webkit-linear-gradient(to right,#fb2c19,#fe741c);
    background: -o-linear-gradient(to right,#fb2c19,#fe741c);
    background: -moz-linear-gradient(to right,#fb2c19,#fe741c);
    background: linear-gradient(to right,#fb2c19,#fe741c);
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    margin-top: 20px;
}

    .bangdan .morebtn:hover {
        color: #ff0
    }

.bangdan .zhiminglist {
    margin-top: 5px;
}

    .bangdan .zhiminglist li {
        text-align: center;
        box-sizing: border-box;
        width: 144px;
        float: left;
        margin-top: 15px;
        margin-left: 20px;
        border-width: 1px;
        border-style: solid;
        border-radius: 6px 0 6px 0;
        line-height: 2.4em;
    }

        .bangdan .zhiminglist li:nth-child(5n+1) {
            margin-left: 0;
        }

.bangdan .bttlist {
    text-align: center;
    margin-top: 20px;
}

    .bangdan .bttlist li {
        display: inline-block;
        line-height: 2.2em;
        border-radius: 1.1em;
        padding: 0 20px;
        margin: 0 10px;
    }

        .bangdan .bttlist li .iconfont {
            display: inline-block;
            font-size: 1.5em;
            margin-right: 4px;
        }

.bangdan .warntext {
    padding: 10px;
    background: #f6f6f6;
    border: 1px solid #e6e6e6;
    margin-top: 20px;
}

    .bangdan .warntext b {
        color: #333;
    }

/*/public/css/maigoo/v2022/block/brand10/brand10vote.css*/
/* .brand10vote{ padding:0px;} .brand10vote .votehead{ margin-bottom:20px; line-height:1.8em;} .brand10vote .votehead .vcount{ display:inline;} .brand10vote .bvotebang .votetop{text-align: center;padding: 8px 2px; } .brand10vote .bvotebang .votetop span{ display:inline-block; float:left;} .brand10vote .bvotebang .votetop .t1{ width:15%;} .brand10vote .bvotebang .votetop .t2{ width:25%;} .brand10vote .bvotebang .votetop .t3{ width:60%;} .brand10vote .item{ padding:20px 0; border-top:1px solid #eee;} .brand10vote .item:nth-child(1){ border:none;} .brand10vote .item .brandinfo {} .brand10vote .item .brandinfo .numbox { width:9%;display: inline-block;vertical-align: middle;} .brand10vote .item .brandinfo .brandlogo { display: inline-block;vertical-align: middle; width: 184px;} .brand10vote .item .brandinfo .branddesc {padding: 0px 2%;width: 51%;display: inline-block; vertical-align: middle;} .brand10vote .item .brandinfo .branddesc .name{ min-width: 50%; line-height: 1.8em;height: 1.8em; max-width: 100%; overflow: hidden;} .brand10vote .item .progress { height: 8px;position: relative;} .brand10vote .item .progress .colorline{ height: 8px; border-radius:4px;} .brand10vote .item .iconbtn{display: inline-block; vertical-align: middle; width:80px; text-align:center;} .brand10vote .vurl .morebtn{ display:block;} .brand10vote .item .numli{ text-align:center; width:30px; margin:0 auto;} .brand10vote .item .li_circle{width:30px;background:url(../../../images/maigoo/v2019/top10.png) center center no-repeat;background-size:100%;top: 3px;} .brand10vote .item .li_circle i{width:30px;height:30px;line-height:30px;display:block;color:#db9344;font-family:'Microsoft Yahei';} .brand10vote .item .numli img{width:30px;} */

/*/public/css/maigoo/v2022/block/brand10/brand10publicbang.css*/
.headwords {
    margin-bottom: 20px;
    line-height: 1.8em;
}

.brandbangtab {
    padding: 0px;
    border: solid 1px #EEE;
}

    .brandbangtab .ttl {
        text-align: center;
        line-height: 2em;
        height: 2em;
    }

    .brandbangtab li {
        text-align: center;
        border-bottom: solid 1px #EEE;
        padding-bottom: 10px;
        padding-top: 10px;
        height: 40px;
    }

        .brandbangtab li:last-child {
            border: none;
        }

    .brandbangtab span {
        display: inline-block;
        vertical-align: middle;
    }

        .brandbangtab span.t1 {
            width: 8%;
        }

        .brandbangtab span.t2 {
            width: 38%;
        }

        .brandbangtab span.t3 {
            width: 22%;
        }

        .brandbangtab span.t4 {
            width: 30%;
        }

        .brandbangtab span.t5 {
            width: 40%;
        }

        .brandbangtab span.tleft {
            text-align: left;
        }

        .brandbangtab span em {
            margin: 0px 5px;
        }

        .brandbangtab span .brandud {
            display: inline-block;
            vertical-align: middle;
            margin-left: 5px;
        }

        .brandbangtab span .hotline {
            vertical-align: middle;
            display: inline-block;
            width: 66%;
            height: 5px;
            border-style: solid;
            border-width: 1px;
            position: relative;
        }

            .brandbangtab span .hotline .colorline {
                float: left;
                height: 5px;
            }

            .brandbangtab span .hotline .lineword {
                height: 20px;
                line-height: 20px;
                float: left;
                position: absolute;
                left: 100%;
                top: -8px;
                text-align: left;
                margin-left: 8px;
                width: 100px;
            }

        .brandbangtab span.capital .hotline {
            width: 55%;
        }

            .brandbangtab span.capital .hotline .lineword {
                width: 120px;
            }

        .brandbangtab span i.flag.icon-bubian {
            color: #666;
        }

        .brandbangtab span i.flag.icon-jiantou-xiangshang {
            color: #ff4b00;
        }

        .brandbangtab span i.flag.icon-jiantou-xiangxia {
            color: #12BA23;
        }

        .brandbangtab span em.bname {
            display: inline-block;
            vertical-align: middle;
            width: 150px;
            padding: 0 10px;
            margin: 0;
            font-size: 22px;
        }

    .brandbangtab .numbox .numli {
        text-align: center;
        width: 30px;
        margin: 0 auto;
    }

    .brandbangtab .numbox .li_circle {
        width: 30px;
        background: url(/skin/images/top10.png) center center no-repeat;
        background-size: 100%;
        top: 3px;
    }

        .brandbangtab .numbox .li_circle i {
            width: 30px;
            height: 30px;
            line-height: 30px;
            display: block;
            color: #db9344;
            font-family: 'Microsoft Yahei';
        }

    .brandbangtab .numbox .numli img {
        width: 30px;
    }

    .brandbangtab .brandbtn {
        display: inline-block;
        line-height: 1em;
        padding: 6px 7px;
        border-radius: 5px;
    }

        .brandbangtab .brandbtn i {
            display: inline-block;
            vertical-align: middle;
            font-size: 1.2em;
            margin-right: 2px;
        }

        .brandbangtab .brandbtn.hui {
            background: #f8e7e8;
        }

.brand10vote .votehead {
    margin-bottom: 20px;
    line-height: 1.8em;
}

    .brand10vote .votehead .vcount {
        display: inline;
    }

.brand10vote .bvotebang {
    border: solid 1px #dee6f3;
    background-color: #FFF;
}

/*/public/css/maigoo/v2022/block/publicblock/brandupbox.css*/
.brandupbox.dn #mengban {
    display: none;
}

.brandupbox .brandupinfo {
    background-color: #FFF;
    width: 800px;
    max-height: 90%;
    overflow: auto;
    left: 50%;
    top: 15%;
    margin: 0 0 0 -400px;
    position: fixed;
    z-index: 9999;
    padding: 0 20px;
    font-weight: normal;
    box-shadow: 0 0 20px #666;
    border-radius: 2px;
}

    .brandupbox .brandupinfo .brandinfobox {
        margin: 0 -20px;
        padding: 20px 190px 20px 20px;
        background: url(/skin/images/top_bg_bak.jpg) right bottom no-repeat;
        background-size: 100% auto;
    }

.blockstyle2 .brandupbox .brandupinfo .brandinfobox {
    background-image: url(/skin/images/brandboxbg.jpg);
}

    .blockstyle2 .brandupbox .brandupinfo .brandinfobox .btnnlist a.btn {
        border: solid 1px #c5757c
    }

.blockstyle3 .brandupbox .brandupinfo .brandinfobox {
}

.brandupbox .brandupinfo .brandinfobox .img {
    padding-right: 20px;
    width: 227px;
}

.brandupbox .brandupinfo .brandinfobox .name, .brandupbox .brandupinfo .brandinfobox .cname {
    max-width: 400px;
}

.brandupbox .brandupinfo .brandinfobox .btnnlist {
    margin-top: 20px;
}

    .brandupbox .brandupinfo .brandinfobox .btnnlist a.btn {
        color: #f9d205;
        border: solid 1px #7578c5;
        border-radius: 8px;
        display: inline-block;
        width: 31%;
        margin-left: 3%;
        float: left;
        line-height: 30px;
        height: 30px;
    }

        .brandupbox .brandupinfo .brandinfobox .btnnlist a.btn:nth-child(1) {
            margin-left: 0px;
        }

        .brandupbox .brandupinfo .brandinfobox .btnnlist a.btn.grey {
            color: #A0A0A0;
            border-color: #A0A0A0;
        }

.brandupbox .brandupinfo li i.iconfont {
    padding-right: 10px;
    margin-top: 0px;
}

.brandupbox .brandupinfo ul li {
    width: 50%;
    float: left;
    text-align: left;
    line-height: 2.5em;
    height: 2.5em;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    white-space: nowrap;
}

    .brandupbox .brandupinfo ul li span.manager {
        display: inline-block;
        line-height: 18px;
        border: 1px solid #b6b6da;
        padding: 1px 5px 1px 0;
        border-radius: 2px;
    }

    .brandupbox .brandupinfo ul li span.nickname {
        display: inline-block;
        width: 90px;
        vertical-align: middle;
    }

    .brandupbox .brandupinfo ul li.full {
        width: 100%;
    }

    .brandupbox .brandupinfo ul li .boxnum {
        display: inline-block;
        min-width: 18px;
        height: 18px;
        padding: 0 3px;
        line-height: 18px;
        border-radius: 3px;
        background: #eee;
        text-align: center;
        margin-right: 10px;
        margin-top: -2px;
        color: #999;
        vertical-align: middle;
    }

    .brandupbox .brandupinfo ul li:nth-child(1) .boxnum {
        background: #fc4d50;
        color: #fff;
    }

    .brandupbox .brandupinfo ul li:nth-child(3) .boxnum {
        background: #ff7640;
        color: #fff;
    }

    .brandupbox .brandupinfo ul li:nth-child(5) .boxnum {
        background: #fdc45c;
        color: #fff;
    }

    .brandupbox .brandupinfo ul li em {
        margin-left: 10px;
        color: #999;
    }

    .brandupbox .brandupinfo ul li i.icon-bubian {
        color: #ccc;
        display: inline;
    }

    .brandupbox .brandupinfo ul li i.icon-jiantou-xiangshang {
        color: #ff4b00;
        display: inline;
    }

    .brandupbox .brandupinfo ul li a {
        text-decoration: none;
        display: inline;
    }

    .brandupbox .brandupinfo ul li .grey, .brandupbox .brandupinfo ul li .grey i {
        color: #ccc;
    }

    .brandupbox .brandupinfo ul li span {
        margin: 0px;
    }

.brandupbox .brandupinfo .catlist {
    padding: 5px 0px 0px 0;
}

    .brandupbox .brandupinfo .catlist .bcat {
        float: left;
        border: 1px solid rgba(190, 15, 27, 0.1);
        padding: 0 8px;
        border-radius: 8px;
        height: 34px;
        line-height: 36px;
        margin: 5px 1%;
    }

    .brandupbox .brandupinfo .catlist img.bcat {
        border: 0;
        padding: 0;
        height: 36px;
    }

    .brandupbox .brandupinfo .catlist a, .brandupbox .brandupinfo .pic .info a {
        color: #be0f1b;
    }

    .brandupbox .brandupinfo .catlist .bcat.noborder {
        border: none;
        color: #999;
        padding: 0px;
    }

    .brandupbox .brandupinfo .catlist a:hover {
        color: #fdc45c;
    }

.brandupbox .brandupinfo .pic {
    position: absolute;
    right: 20px;
    top: 7px;
}

.brandupbox.nolobo .brandupinfo .pic {
    padding: 0px 5px 0 0;
}

.brandupbox .brandupinfo .pic.gzh {
    right: 13px;
    top: 2px;
}

.brandupbox .brandupinfo .pic img {
    margin: 0 auto;
}

.brandupbox .brandupinfo .close {
    position: absolute;
    right: 4px;
    top: 4px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
    z-index: 1;
}

    .brandupbox .brandupinfo .close:after {
        content: "脳";
        font-family: '瀹嬩綋';
    }

.brandupbox #mengban {
    background: rgba(0,0,0,.4);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.brandupbox .brandupinfo ul li .attention img {
    width: 20px;
    height: 20px;
}

.brandupbox .brandupinfo ul li .iconmg.iconfont {
    margin: 0px 0px 0px 10px;
}

.brandupbox .brandupinfo .catlist a, .brandupbox .brandupinfo .pic {
    padding: 10px 0;
}

.brandupbox .brandupinfo .rongyuinfo {
    margin: 10px -20px 0px -20px;
    background: #666;
    padding: 5px 20px 15px 20px;
}

    .brandupbox .brandupinfo .rongyuinfo .li {
        float: left;
        width: 18.4%;
        margin-left: 2%;
        background: #e8d297;
        border-radius: 1em;
        text-align: center;
        margin-top: 10px;
        height: 30px;
        line-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .brandupbox .brandupinfo .rongyuinfo .li.grey {
            background: #828282
        }

        .brandupbox .brandupinfo .rongyuinfo .li:nth-child(5n+1) {
            margin-left: 0px;
        }

        .brandupbox .brandupinfo .rongyuinfo .li .iconfont {
            color: #0062ff;
            font-size: 24px;
            margin-right: 4px;
        }

        .brandupbox .brandupinfo .rongyuinfo .li.s2 .iconfont {
            color: #ff3300;
        }

        .brandupbox .brandupinfo .rongyuinfo .li.s3 .iconfont {
            color: #ff0073;
        }

        .brandupbox .brandupinfo .rongyuinfo .li.s4 .iconfont {
            color: #ff8700;
        }

        .brandupbox .brandupinfo .rongyuinfo .li.s5 .iconfont {
            color: #ff3300;
        }

        .brandupbox .brandupinfo .rongyuinfo .li.grey .iconfont {
            color: #666;
        }

        .brandupbox .brandupinfo .rongyuinfo .li.bgimg2 img {
            margin-right: 4px;
        }

        .brandupbox .brandupinfo .rongyuinfo .li.bgimg2.grey img {
            filter: grayscale(100%);
        }

.brandupbox .brandupinfo .other .oitem {
    line-height: 3em;
    display: inline-block;
    padding: 0 20px;
}

    .brandupbox .brandupinfo .other .oitem .acont {
        margin-left: 40px;
    }

        .brandupbox .brandupinfo .other .oitem .acont span {
            vertical-align: middle;
        }

    .brandupbox .brandupinfo .other .oitem .u-star {
        margin-left: 10px;
        float: none;
    }

    .brandupbox .brandupinfo .other .oitem img {
        display: inline-block;
        vertical-align: middle;
    }

    .brandupbox .brandupinfo .other .oitem .pimg img {
        height: 16px;
        width: 16px;
    }

    .brandupbox .brandupinfo .other .oitem .u-star img {
        height: 16px;
        width: 16px;
    }

    .brandupbox .brandupinfo .other .oitem .manager {
        margin-left: 10px;
    }

    .brandupbox .brandupinfo .other .oitem.glimg img {
        width: 34px;
        height: 20px;
    }

/*/public/css/maigoo/v2022/block/brand/boxinfo.css*/
.brandboxinfo {
}

    .brandboxinfo .itembox {
        padding: 0 20px;
        background-color: #FFF;
        border-radius: 6px;
    }

    .brandboxinfo .manager {
        margin-left: 10px;
    }

        .brandboxinfo .manager i, .brandboxinfo .manager span {
            display: inline-block;
            vertical-align: middle;
        }

        .brandboxinfo .manager span {
            padding-left: 4px;
        }

    .brandboxinfo .linkcolor {
        color: #7c0a12;
    }

        .brandboxinfo .linkcolor i, .brandboxinfo .linkcolor span {
            display: inline-block;
            vertical-align: middle;
        }

        .brandboxinfo .linkcolor span {
            padding-left: 4px;
        }

    .brandboxinfo .scorenum i, .brandboxinfo .scorenum em, .brandboxinfo .scorenum span {
        display: inline-block;
        vertical-align: middle;
    }

    .brandboxinfo .scorenum em {
        padding: 0 4px;
    }

    .brandboxinfo .acont i, .brandboxinfo .acont em, .brandboxinfo .acont span {
        display: inline-block;
        vertical-align: middle;
    }

    .brandboxinfo .acont em {
        padding: 0 4px;
    }

    .brandboxinfo a.linkcolor:hover {
        color: #fe741c;
    }

    .brandboxinfo .boxbg {
        background: #a32828;
        background-size: 100% auto;
        padding: 20px;
        margin: 0 -20px;
        border-radius: 6px 6px 0 0;
    }

    .brandboxinfo .topinfo {
    }

        .brandboxinfo .topinfo .number {
            background: url(/skin/images/num.png);
            width: 80px;
            height: 70px;
            background-size: 80px auto;
            display: block;
            font-family: 'oswald';
            font-size: 40px;
            text-align: center;
            line-height: 70px;
            color: #f9d788;
        }

        .brandboxinfo .topinfo .infobox1 {
            width: 700px;
            margin-left: 20px;
            position: relative;
        }

            .brandboxinfo .topinfo .infobox1 .imgbox {
                position: relative;
                display: inline-block;
            }

                .brandboxinfo .topinfo .infobox1 .imgbox .img {
                    border: solid 1px #770000;
                    display: inline-block;
                    padding: 5px;
                    background-color: #FFF;
                    position: relative;
                    z-index: 5;
                }

                .brandboxinfo .topinfo .infobox1 .imgbox:after {
                    content: "";
                    width: 219px;
                    height: 102px;
                    background: rgba(0,0,0,0.3);
                    transform: rotate(-3deg);
                    position: absolute;
                    left: 0px;
                    top: 0;
                    z-index: 1;
                }

            .brandboxinfo .topinfo .infobox1 .name {
                display: inline-block;
                vertical-align: middle;
                position: relative;
                margin-left: 20px;
            }

                .brandboxinfo .topinfo .infobox1 .name .bname {
                    font-size: 40px;
                    max-width: 300px;
                    line-height: 56px;
                }

                .brandboxinfo .topinfo .infobox1 .name .area {
                    position: absolute;
                    left: 100%;
                    top: 0;
                    line-height: 56px;
                    min-width: 60px;
                    margin-left: 20px;
                }

                .brandboxinfo .topinfo .infobox1 .name .starbox {
                    background: url(/skin/images/star_grey.png) repeat-x;
                    width: 198px;
                    height: 26px;
                    display: inline-block;
                    overflow: hidden;
                }

                    .brandboxinfo .topinfo .infobox1 .name .starbox .star {
                        background: url(/skin/images/star_orange.png) repeat-x;
                        display: block;
                        height: 26px;
                    }

            .brandboxinfo .topinfo .infobox1 .zhishu {
                position: absolute;
                right: 0;
                top: 0;
            }

                .brandboxinfo .topinfo .infobox1 .zhishu i {
                    font-size: 40px;
                    font-family: Arial, 寰蒋闆呴粦;
                    display: block;
                    text-align: center;
                }

    .brandboxinfo .btnlist {
        margin-top: 20px;
    }

        .brandboxinfo .btnlist .btn {
            width: 183px;
            margin-left: 20px;
            float: left;
            height: 2em;
            line-height: 2em;
            border-radius: 1em;
            border-style: solid;
            border-width: 1px;
        }

            .brandboxinfo .btnlist .btn .mname {
                display: inline-block;
                width: 18px;
                height: 18px;
                line-height: 18px;
                border-radius: 3px;
                text-align: center;
                text-decoration: none;
                font-family: "寰蒋闆呴粦";
                font-size: 12px;
                margin-right: 4px;
            }

            .brandboxinfo .btnlist .btn:first-child {
                margin-left: 0;
            }

            .brandboxinfo .btnlist .btn i.iconfont {
                font-size: 14px;
                margin-left: 4px;
            }

            .brandboxinfo .btnlist .btn i, .brandboxinfo .btnlist .btn em {
                display: inline-block;
                vertical-align: middle;
            }

            .brandboxinfo .btnlist .btn em {
                max-width: 75%;
            }

        .brandboxinfo .btnlist a.btn {
            color: #f9d205;
            border-color: rgba(249, 210, 5, 0.3);
        }

            .brandboxinfo .btnlist a.btn:hover {
                color: #fe741c;
                border-color: rgba(254, 116, 28, 0.3);
            }

            .brandboxinfo .btnlist a.btn .mname {
                background-color: #f9d205;
                color: #be0f1b;
            }

            .brandboxinfo .btnlist a.btn:hover .mname {
                background-color: #fe741c;
            }

        .brandboxinfo .btnlist div.btn {
            color: rgba(255,255,255,0.3);
            border-color: rgba(255,255,255,0.1);
        }

            .brandboxinfo .btnlist div.btn .mname {
                background-color: rgba(255,255,255,0.3);
                color: #9d2733;
            }

        .brandboxinfo .btnlist:after {
            content: "";
            display: block;
            clear: both;
        }

    .brandboxinfo .bottom {
        margin-top: 20px;
    }

        .brandboxinfo .bottom.haspic .leftinfo {
            width: 640px;
            float: left;
        }

        .brandboxinfo .bottom .btnlist {
            margin-bottom: 15px;
            margin-top: 0px;
        }

            .brandboxinfo .bottom .btnlist .btn {
                width: 198px;
            }

        .brandboxinfo .bottom .cname {
            display: inline-block;
            margin-right: 20px;
        }

        .brandboxinfo .bottom .phone {
            display: inline-block;
        }

            .brandboxinfo .bottom .phone i, .brandboxinfo .bottom .phone span {
                display: inline-block;
                vertical-align: middle;
            }

            .brandboxinfo .bottom .phone span {
                padding-left: 6px;
            }

        .brandboxinfo .bottom .rongyu {
            margin-top: 5px;
            text-align: justify;
        }

            .brandboxinfo .bottom .rongyu .ts {
                color: rgba(255,255,255,0.3);
            }

        .brandboxinfo .bottom .wxpic {
            width: 140px;
            background-color: #FFF;
            float: right;
        }

            .brandboxinfo .bottom .wxpic .ewmimg {
                background-size: 100% !important;
                padding: 0;
                width: 140px;
                height: 140px;
            }

            .brandboxinfo .bottom .wxpic > div {
                padding-bottom: 8px;
                line-height: 1em;
            }

    .brandboxinfo .txtlist {
        padding: 10px 0;
    }

        .brandboxinfo .txtlist li {
            width: 24%;
            float: left;
            line-height: 2em;
            height: 2em;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
        }

            .brandboxinfo .txtlist li:nth-child(3n+2) {
                margin: 0 2%;
            }

            .brandboxinfo .txtlist li .ttl {
                color: #999
            }

        .brandboxinfo .txtlist:after {
            content: "";
            display: block;
            clear: both;
        }

    .brandboxinfo .btnstyle {
        line-height: 0;
        height: 2em;
        overflow: hidden;
        border-radius: 1em;
        text-align: center;
        background: #f8e7e8;
        float: left;
    }

        .brandboxinfo .btnstyle .mgcontl {
            color: #999;
            margin: 0 4px;
            line-height: 2em;
        }

        .brandboxinfo .btnstyle span {
            line-height: 2em;
        }

        .brandboxinfo .btnstyle .icon-jiantou-xiangshang {
            color: #ff4b00;
        }

        .brandboxinfo .btnstyle img {
            display: inline-block;
            max-height: 24px;
            margin-right: 4px;
        }

    .brandboxinfo .urllist {
    }

        .brandboxinfo .urllist .btnstyle {
            width: 185px;
            margin-left: 20px;
            margin-bottom: 20px;
        }

            .brandboxinfo .urllist .btnstyle:nth-child(4n+1) {
                margin-left: 0;
            }

        .brandboxinfo .urllist:after {
            content: "";
            display: block;
            clear: both;
        }

        .brandboxinfo .urllist .btnstyle .linkcolor i, .brandboxinfo .urllist .btnstyle .linkcolor span, .brandboxinfo .urllist .btnstyle .linkcolor em {
            display: inline-block;
            vertical-align: middle;
        }

        .brandboxinfo .urllist .btnstyle .linkcolor .iconmg {
            font-size: 1em;
        }

    .brandboxinfo .rongyuinfo {
        font-size: 13px;
        background-color: #ddd;
        margin: 0 -20px;
        padding: 10px 10px;
    }

        .brandboxinfo .rongyuinfo:after {
            content: "";
            display: block;
            clear: both;
        }

        .brandboxinfo .rongyuinfo .li {
            float: left;
            text-align: center;
            line-height: 2.2em;
            height: 2.2em;
            border-radius: 2em;
            width: 18%;
            margin: 0 1%;
            background-color: #e8d297;
            margin-top: 5px;
            margin-bottom: 5px;
        }

            .brandboxinfo .rongyuinfo .li.grey {
                background: #cecece;
            }

            .brandboxinfo .rongyuinfo .li .iconfont {
                color: #0062ff;
                font-size: 24px;
                margin-right: 4px;
            }

            .brandboxinfo .rongyuinfo .li.s2 .iconfont {
                color: #ff3300;
            }

            .brandboxinfo .rongyuinfo .li.s3 .iconfont {
                color: #ff0073;
            }

            .brandboxinfo .rongyuinfo .li.s4 .iconfont {
                color: #ff8700;
            }

            .brandboxinfo .rongyuinfo .li.s5 .iconfont {
                color: #ff3300;
            }

            .brandboxinfo .rongyuinfo .li.grey .iconfont {
                color: #666;
            }

            .brandboxinfo .rongyuinfo .li.bgimg2 img {
                margin-right: 4px;
            }

            .brandboxinfo .rongyuinfo .li.bgimg2.grey img {
                filter: grayscale(100%);
            }

            .brandboxinfo .rongyuinfo .li i, .brandboxinfo .rongyuinfo .li img, .brandboxinfo .rongyuinfo .li span {
                display: inline-block;
                vertical-align: middle;
            }

            .brandboxinfo .rongyuinfo .li i, .brandboxinfo .rongyuinfo .li img {
                margin-right: 6px;
            }

    .brandboxinfo .catlist {
        padding: 20px 0;
    }

        .brandboxinfo .catlist em {
            float: left;
            width: 140px;
            line-height: 2em;
        }

        .brandboxinfo .catlist .btnstyle {
            width: 200px;
            margin-left: 20px;
        }

            .brandboxinfo .catlist .btnstyle img, .brandboxinfo .catlist .btnstyle span, .brandboxinfo .catlist .btnstyle i {
                display: inline-block;
                vertical-align: middle;
            }

        .brandboxinfo .catlist:after {
            content: "";
            display: block;
            clear: both;
        }

    .brandboxinfo .other {
        border-top: solid 1px #EEE;
        padding: 20px 0;
    }

        .brandboxinfo .other .oitem {
            width: 440px;
            height: 42px;
            display: inline-table;
            vertical-align: middle;
            line-height: 42px;
        }

            .brandboxinfo .other .oitem .bflag {
                display: inline-block;
                padding: 0px 10px;
                margin-right: 10px;
                vertical-align: middle;
                border: solid 1px #EEE;
            }

                .brandboxinfo .other .oitem .bflag.hasbg {
                    background: #f9d788;
                }

                .brandboxinfo .other .oitem .bflag img {
                    margin-right: 4px;
                }

                .brandboxinfo .other .oitem .bflag, .brandboxinfo .other .oitem .bflag a {
                    color: #d01d1d;
                    font-size: 14px;
                    font-weight: bold;
                    line-height: 1.8em;
                }

        .brandboxinfo .other .morebtn {
            width: 160px;
            height: 42px;
            line-height: 42px;
            background: -webkit-linear-gradient(to right,#fb2c19,#fe741c);
            background: -o-linear-gradient(to right,#fb2c19,#fe741c);
            background: -moz-linear-gradient(to right,#fb2c19,#fe741c);
            background: linear-gradient(to right,#fb2c19,#fe741c);
            float: right;
            text-align: center;
            border-radius: 5px;
        }

            .brandboxinfo .other .morebtn.specsbtn {
                margin-right: 20px;
            }

            .brandboxinfo .other .morebtn:hover {
                color: #ffff00;
            }

            .brandboxinfo .other .morebtn i, .brandboxinfo .other .morebtn span {
                display: inline-block;
                vertical-align: middle;
            }

            .brandboxinfo .other .morebtn i {
                font-size: 1.1em;
                padding-left: 6px;
            }

.ratio125 .brandboxinfo .topinfo .infobox1 .imgbox .img img {
    width: 166px !important;
    height: 72px !important;
}

.ratio125 .brandboxinfo .topinfo .infobox1 .imgbox:after {
    width: 178px;
    height: 84px;
}

.ratio125 .brandboxinfo .topinfo .infobox1 .name .bname {
    font-size: 36px;
    max-width: 350px;
}

.ratio125 .brandboxinfo .topinfo .infobox1 .name .starbox {
    width: 150px;
    height: 20px;
    background-size: auto 20px;
}

    .ratio125 .brandboxinfo .topinfo .infobox1 .name .starbox .star {
        height: 20px;
        background-size: auto 20px;
    }

/*/public/css/maigoo/v2022/block/publicblock/navlist.css*/
.navlist {
    padding: 10px 0;
}

    .navlist.bgf6f6 {
        background: #f6f6f6;
    }

    .navlist.col2 ul .item {
        width: 30%;
        margin: 0 10%;
    }

    .navlist.col3 ul .item {
        width: 31.333%;
        margin: 0 1%;
    }

    .navlist.col4 ul .item {
        width: 23%;
        margin: 0 1%;
    }

    .navlist.col5 ul .item {
        width: 18%;
        margin: 0 1%;
    }

    .navlist.col6 ul .item {
        width: 14.6667%;
        margin: 0 1%;
    }

    .navlist.col7 ul .item {
        width: 12.2857%;
        margin: 0 1%;
    }

    .navlist.col8 ul .item {
        width: 10.5%;
        margin: 0 1%;
    }

    .navlist.col9 ul .item {
        width: 11.1111%;
    }

    .navlist.col10 ul .item {
        width: 10%;
    }

    .navlist.col11 ul .item {
        width: 9.1111%;
    }

    .navlist.col12 ul .item {
        width: 8.3333%;
    }

    .navlist.col13 ul .item {
        width: 7.6923%;
    }

    .navlist.nopic.col2 ul .item {
        width: 50%;
        margin: 0;
    }

    .navlist.nopic.col3 ul .item {
        width: 33.333%;
        margin: 0;
    }

    .navlist.nopic.col4 ul .item {
        width: 25%;
        margin: 0;
    }

    .navlist.nopic.col5 ul .item {
        width: 20%;
        margin: 0;
    }

    .navlist.nopic.col6 ul .item {
        width: 16.6667%;
        margin: 0;
    }

    .navlist.nopic.col7 ul .item {
        width: 14.2857%;
        margin: 0;
    }

    .navlist.nopic.col8 ul .item {
        width: 12.5%;
        margin: 0;
    }

    .navlist ul .item {
        float: left;
        box-sizing: border-box;
        padding: 10px 0;
        min-width: 80px;
        text-align: center;
    }

        .navlist ul .item .icon {
            display: block;
            width: 60px;
            height: 60px;
            color: #fff;
            margin: 0 auto;
            font-size: 30px;
            border-radius: 50%;
            line-height: 60px;
            overflow: hidden;
        }

            .navlist ul .item .icon.shadow {
                box-shadow: 0 0 0 6px rgba(255,255,255,.1)
            }

            .navlist ul .item .icon img {
                display: block;
                width: 100%;
                border-radius: 50%;
            }

        .navlist ul .item .name {
            line-height: 2em;
        }

    .navlist.col5 ul .item .icon {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 40px;
    }

    .navlist.col4 ul .item .icon {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 40px;
    }
    /* .navlist ul .item .icon .iconfont{ line-height:60px;height: 60px; width:60px; display:block; margin:0 auto;} .navlist.col5 ul .item .icon .iconfont{ line-height:80px;} .navlist.col4 ul .item .icon .iconfont{ line-height:80px;} */

    .navlist ul .item.s1 .icon {
        background: linear-gradient(135deg, #f87b93, #f3113c);
    }

    .navlist ul .item.s2 .icon {
        background: linear-gradient(135deg, #ffd27f, #ffae1a);
    }

    .navlist ul .item.s3 .icon {
        background: linear-gradient(135deg, #95d9e9, #40bbd7);
    }

    .navlist ul .item.s4 .icon {
        background: linear-gradient(135deg, #cb99ee, #a147e0);
    }

    .navlist ul .item.s5 .icon {
        background: linear-gradient(135deg, #a09be1, #544bca);
    }

    .navlist ul .item.s6 .icon {
        background: linear-gradient(135deg, #fb9ebb, #f85084);
    }

    .navlist ul .item.s7 .icon {
        background: linear-gradient(135deg, #ffba7c, #ff8415);
    }

    .navlist ul .item.s8 .icon {
        background: linear-gradient(135deg, #93ccfe, #3fa4fe);
    }

    .navlist ul .item.s9 .icon {
        background: linear-gradient(135deg, #71d7ca, #00b8a0);
    }

    .navlist ul .item.s10 .icon {
        background: linear-gradient(135deg, #f08c88, #e4312a);
    }

    .navlist ul .item.s11 .icon {
        background: linear-gradient(135deg, #a1adea, #586dda);
    }

    .navlist ul .item.s12 .icon {
        background: linear-gradient(135deg, #cde79a, #a5d54b);
    }

    .navlist ul .item.s13 .icon {
        background: linear-gradient(135deg, #97ebe2, #45dccb);
    }

    .navlist ul .item.s14 .icon {
        background: linear-gradient(135deg, #b5ebaf, #7bdc71);
    }

    .navlist ul .item.s15 .icon {
        background: linear-gradient(135deg, #ffb8dd, #ff80c2);
    }

    .navlist ul .item.s16 .icon {
        background: linear-gradient(135deg, #fee58b, #fed030);
    }

    .navlist ul .item.s17 .icon {
        background: linear-gradient(135deg, #9bdff5, #4dc6ee);
    }

    .navlist ul .item.s18 .icon {
        background: linear-gradient(135deg, #bdc1fc, #8a90fa);
    }

    .navlist ul .item.s19 .icon {
        background: linear-gradient(135deg, #a2c9f4, #599eec);
    }

    .navlist ul .item.s20 .icon {
        background: linear-gradient(135deg, #ffaaaa, #ff6767);
    }

    .navlist ul .item.c1 .icon {
        background: #fdddd1;
    }

    .navlist ul .item.c2 .icon {
        background: #dbf3fa;
    }

    .navlist ul .item.c3 .icon {
        background: #fed1e4;
    }

    .navlist ul .item.c4 .icon {
        background: #dfe2fa;
    }

    .navlist ul .item.c5 .icon {
        background: #c0e2ff;
    }

    .navlist ul .item.c6 .icon {
        background: #f8f9cb;
    }

    .navlist ul .item.c7 .icon {
        background: #dfe2fa;
    }

    .navlist ul .item.c8 .icon {
        background: #d4e4fc;
    }

    .navlist ul .item.c9 .icon {
        background: #f7cbaf;
    }

    .navlist ul .item.c10 .icon {
        background: #ddefe2;
    }

    .navlist ul .item.c11 .icon {
        background: #fff2c9;
    }

    .navlist ul .item.c12 .icon {
        background: #fee4e8;
    }

    .navlist ul .item.c13 .icon {
        background: #f3dcd4;
    }

    .navlist ul .item.c14 .icon {
        background: #f3e6d3;
    }

    .navlist ul .item.c15 .icon {
        background: #f9e7e4;
    }

    .navlist ul .item.c16 .icon {
        background: #e5dbfc;
    }

    .navlist.nobg ul .item .icon {
        background: none;
        color: #7878E7;
    }

    .navlist ul .item.b1 .icon {
        background: #EDF5D4
    }

    .navlist ul .item.b2 .icon {
        background: #DFE2FA
    }

    .navlist ul .item.b3 .icon {
        background: #FDDDD1
    }

    .navlist ul .item.b4 .icon {
        background: #FED1E4
    }

    .navlist ul .item.b5 .icon {
        background: #D4E4FC
    }

    .navlist ul .item.b6 .icon {
        background: #F8F9CB
    }

    .navlist ul .item.b7 .icon {
        background: #FFFCEC
    }

    .navlist ul .item.b8 .icon {
        background: #EDFDF2
    }

    .navlist.style2 ul .item .icon {
        background-color: #F4F4F4;
        border-radius: 20px;
    }

    .navlist.style4 .icon {
        background: none !important;
        box-shadow: none !important;
    }

    .navlist.style4 .item.s1 .iconfont {
        color: #f87b93;
    }

    .navlist.style4 .item.s2 .iconfont {
        color: #ffd27f;
    }

    .navlist.style4 .item.s3 .iconfont {
        color: #95d9e9;
    }

    .navlist.style4 .item.s4 .iconfont {
        color: #cb99ee;
    }

    .navlist.style4 .item.s5 .iconfont {
        color: #a09be1;
    }

    .navlist.style4 .item.s6 .iconfont {
        color: #fb9ebb;
    }

    .navlist.style4 .item.s7 .iconfont {
        color: #ffba7c;
    }

    .navlist.style4 .item.s8 .iconfont {
        color: #93ccfe;
    }

    .navlist.style4 .item.s9 .iconfont {
        color: #71d7ca;
    }

    .navlist.style4 .item.s10 .iconfont {
        color: #f08c88;
    }

    .navlist.style4 .item.s11 .iconfont {
        color: #a1adea;
    }

    .navlist.style4 .item.s12 .iconfont {
        color: #cde79a;
    }

    .navlist.style4 .item.s13 .iconfont {
        color: #97ebe2;
    }

    .navlist.style4 .item.s14 .iconfont {
        color: #b5ebaf;
    }

    .navlist.style4 .item.s15 .iconfont {
        color: #ffb8dd;
    }

    .navlist.style4 .item.s16 .iconfont {
        color: #fee58b;
    }

    .navlist.style4 .item.s17 .iconfont {
        color: #9bdff5;
    }

    .navlist.style4 .item.s18 .iconfont {
        color: #bdc1fc;
    }

    .navlist.style4 .item.s19 .iconfont {
        color: #a2c9f4;
    }

    .navlist.style4 .item.s20 .iconfont {
        color: #ffaaaa;
    }

    .navlist.style4 .item.s21 .iconfont {
        color: #f87b93;
    }

    .navlist.style4 .item.s22 .iconfont {
        color: #ffd27f;
    }

    .navlist.style4 .item.s23 .iconfont {
        color: #95d9e9;
    }

    .navlist.style4 .item.s24 .iconfont {
        color: #cb99ee;
    }

    .navlist.style4 .item.s25 .iconfont {
        color: #a09be1;
    }

    .navlist.style4 .item.s26 .iconfont {
        color: #fb9ebb;
    }

    .navlist.style4 .item.s27 .iconfont {
        color: #ffba7c;
    }

    .navlist.style4 .item.s28 .iconfont {
        color: #93ccfe;
    }

    .navlist.style4 .item.s29 .iconfont {
        color: #71d7ca;
    }

    .navlist.style4 .item.s30 .iconfont {
        color: #f08c88;
    }

    .navlist.style4 .item.scolor .iconfont {
        color: #898dc2;
    }

    .navlist ul .item.m1 .icon {
        background: linear-gradient(0deg,rgba(33,130,255,.2),rgba(60,177,255,.2),rgba(86,224,255,.2)) !important;
    }

    .navlist ul .item.m2 .icon {
        background: linear-gradient(0deg,rgba(108,48,255,.2),rgba(144,95,255,.2),rgba(179,141,255,.2)) !important;
    }

    .navlist ul .item.m3 .icon {
        background: linear-gradient(0deg,rgba(255,46,42,.2),rgba(255,136,136,.2)) !important;
    }

    .navlist ul .item.m4 .icon {
        background: linear-gradient(0deg,rgba(255,130,30,.2),rgba(255,169,83,.2),rgba(255,208,135,.2)) !important;
    }

    .navlist ul .item.m1 .iconfont {
        background-image: linear-gradient(0deg, #2182ff, #3cb1ff,#56e0ff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .navlist ul .item.m2 .iconfont {
        background-image: linear-gradient(0deg, #6c30ff, #905fff,#b38dff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .navlist ul .item.m3 .iconfont {
        background-image: linear-gradient(0deg, #ff2e2a,#ff8888);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .navlist ul .item.m4 .iconfont {
        background-image: linear-gradient(0deg, #ff821e, #ffa953,#ffd087);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.pdimg.navlist ul .item .icon {
    width: 70px;
    height: 70px;
}

.navlist.nopic .slice {
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
}

.navlist.nopic .item {
    border: 1px solid #eee;
    border-left: 0;
    padding: 5px 0;
    border-top: none;
}

.navlist .swipe {
    padding-bottom: 20px;
}

/*/public/css/maigoo/v2022/block/brand10/bangtitle.css*/
.bangtitle .vipbox {
    background: url(/skin/images/vipbg.gif) no-repeat;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: block;
    margin-top: 10px;
}

    .bangtitle .vipbox .vip_title {
        display: inline-block;
        margin: 0px auto;
        padding: 0 0.4em;
        position: relative;
        font-size: 26px;
    }

        .bangtitle .vipbox .vip_title .ttl {
            letter-spacing: 2px;
        }

        .bangtitle .vipbox .vip_title .year {
            font-weight: bold;
            padding-right: 0.5em;
            line-height: 30px;
            border-right: solid 1px #c7962f;
            position: absolute;
            top: 15px;
            right: 100%;
            white-space: nowrap;
        }

        .bangtitle .vipbox .vip_title .vip_img {
            width: 210px;
            height: 60px;
            position: absolute;
            top: 0px;
            left: 100%;
        }

            .bangtitle .vipbox .vip_title .vip_img img {
                vertical-align: middle;
            }

            .bangtitle .vipbox .vip_title .vip_img .look {
                margin-left: 30px;
            }

    .bangtitle .vipbox .gradient {
        color: #c7962f;
        background-image: -webkit-linear-gradient(left, #c7962f, #f9f3c3,#c7962f);
        background-image: -o-linear-gradient(left, #c7962f, #f9f3c3,#c7962f);
        background-image: -moz-linear-gradient(left, #c7962f, #f9f3c3,#c7962f);
        background-image: linear-gradient(left, #c7962f, #f9f3c3,#c7962f);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

/*/public/css/maigoo/v2022/block/brand10/brand10xgbangdan.css*/
.brand10xgbangdan {
    padding: 20px 0;
}

    .brand10xgbangdan .twoxgbrand10 {
        width: 410px;
        float: left;
    }

        .brand10xgbangdan .twoxgbrand10:nth-child(2) {
            float: right;
        }

    .brand10xgbangdan .brand10ttl {
        background: url(../../../images/maigoo/v2019/brand10/maxtitlebg.jpg) repeat;
        line-height: 1.5em;
        padding: 0.5em 10px;
        padding-left: 50px;
        display: table-cell;
        vertical-align: middle;
        position: relative;
        width: 410px;
        box-sizing: border-box;
        height: 4em;
    }

        .brand10xgbangdan .brand10ttl:before {
            content: "";
            width: 30px;
            height: 30px;
            position: absolute;
            left: 10px;
            top: 50%;
            margin-top: -15px;
            background: url(../../../images/china10/brand10/harticle_title_icon.png) no-repeat;
            background-size: 100%;
        }

    .brand10xgbangdan .brandlist {
        border: solid 1px #ddd;
        border-top: none;
        padding: 0 15px;
        height: 462px;
    }

        .brand10xgbangdan .brandlist .item {
            border-top: solid 1px #ddd;
            padding: 10px 0;
            line-height: 1.5em;
        }

            .brand10xgbangdan .brandlist .item:nth-child(1) {
                border-top: none;
            }

            .brand10xgbangdan .brandlist .item .num {
                font-weight: bold;
                font-size: 16px;
                color: #666;
                width: 30px;
                text-align: center;
                float: left;
            }

            .brand10xgbangdan .brandlist .item:nth-child(1) .num {
                color: #fe741c;
            }

            .brand10xgbangdan .brandlist .item:nth-child(2) .num {
                color: #FDB80C;
            }

            .brand10xgbangdan .brandlist .item:nth-child(3) .num {
                color: #ffdc00;
            }

            .brand10xgbangdan .brandlist .item .imgbox {
                width: 100px;
                float: left;
                display: none;
            }

                .brand10xgbangdan .brandlist .item .imgbox img {
                    width: 100px;
                    height: 43px;
                }

            .brand10xgbangdan .brandlist .item .desc {
                width: 340px;
                float: right;
            }

                .brand10xgbangdan .brandlist .item .desc .info {
                    height: 1.5em;
                }

                    .brand10xgbangdan .brandlist .item .desc .info .name {
                    }

                .brand10xgbangdan .brandlist .item .desc .phone {
                    display: inline-block;
                    vertical-align: top;
                }

                .brand10xgbangdan .brandlist .item .desc .score {
                    float: right;
                }

                    .brand10xgbangdan .brandlist .item .desc .score img {
                        margin-left: 5px;
                    }

                .brand10xgbangdan .brandlist .item .desc .txt {
                    line-height: 1.5em;
                    height: 3em;
                    overflow: hidden;
                    margin-top: 5px;
                    display: none;
                }

            .brand10xgbangdan .brandlist .item:after {
                content: "";
                height: 0;
                display: block;
                clear: both;
            }

            .brand10xgbangdan .brandlist .item .desc .brandud {
                height: 21px;
                width: 21px;
                margin-left: 10px;
                vertical-align: top;
            }

                .brand10xgbangdan .brandlist .item .desc .brandud i {
                    width: 8px;
                    height: 8px;
                }

                    .brand10xgbangdan .brandlist .item .desc .brandud i:before {
                        display: block;
                        transform: scale(0.5);
                        position: relative;
                        left: -1px;
                        top: -4px;
                    }

                .brand10xgbangdan .brandlist .item .desc .brandud > i.down {
                    background: url(../../../images/icon/down3.png) center center no-repeat;
                }

                .brand10xgbangdan .brandlist .item .desc .brandud > i.up {
                    background: url(../../../images/icon/up3.png) center center no-repeat;
                }

            .brand10xgbangdan .brandlist .item.active .desc .phone {
                display: none;
            }

            .brand10xgbangdan .brandlist .item.active .desc .txt {
                display: block;
                text-align: justify;
            }

            .brand10xgbangdan .brandlist .item.active.item1 .num {
                display: table-cell;
                vertical-align: middle;
                float: none;
            }

            .brand10xgbangdan .brandlist .item.active.item1 .imgbox {
                display: table-cell;
                vertical-align: middle;
                float: none;
            }

            .brand10xgbangdan .brandlist .item.active.item1 .desc {
                width: 248px;
                padding-left: 10px;
                box-sizing: border-box;
                display: table-cell;
                vertical-align: middle;
                float: none;
            }

            .brand10xgbangdan .brandlist .item.item1 .desc .info .name {
                display: inline-block;
                max-width: 130px;
            }

            .brand10xgbangdan .brandlist .item.item2 .desc .info .name {
                position: relative;
            }

                .brand10xgbangdan .brandlist .item.item2 .desc .info .name i.kuohao {
                    position: absolute;
                    right: 0px;
                    top: 0px;
                }

            .brand10xgbangdan .brandlist .item.active.item2 .desc .info .name > span {
                display: none;
            }

.blockstyle2 .brand10xgbangdan .brand10ttl {
    background-image: url(../../../images/china10/public/maxtitlebg.jpg);
}

.brand10xgbangdan .onexgbrand10 {
    width: 300px;
    float: left;
    font-size: 12px;
    margin-right: 20px;
}

    .brand10xgbangdan .onexgbrand10 .brandlist {
        height: 245px;
        padding: 0 5px;
    }

        .brand10xgbangdan .onexgbrand10 .brandlist .item .desc .score {
            display: none !important;
        }

        .brand10xgbangdan .onexgbrand10 .brandlist .item {
            padding: 3px 0;
            border: 0;
            position: relative;
        }

            .brand10xgbangdan .onexgbrand10 .brandlist .item.item1 .desc {
                width: 265px;
            }

            .brand10xgbangdan .onexgbrand10 .brandlist .item .desc .brandud {
                position: absolute;
                right: 0;
                top: 4px;
            }

            .brand10xgbangdan .onexgbrand10 .brandlist .item.active .desc .phone {
                display: inline-block;
            }

            .brand10xgbangdan .onexgbrand10 .brandlist .item.item1 .num {
                line-height: inherit;
                font-size: 12px;
                font-weight: normal;
                width: 20px;
            }

            .brand10xgbangdan .onexgbrand10 .brandlist .item .imgbox {
                display: none !important;
            }

            .brand10xgbangdan .onexgbrand10 .brandlist .item.active .desc .txt {
                display: none !important;
            }

.brand10xgbangdan .rightads.twolist {
    width: 200px;
    float: right;
}

.brand10xgbangdan .rightads.oneads {
    width: 300px;
    float: right;
}

    .brand10xgbangdan .rightads.oneads .ads {
        width: 300px;
        height: 250px;
        padding-top: 5px;
        background: #fff;
    }

        .brand10xgbangdan .rightads.oneads .ads:nth-child(2) {
            margin-top: 7px;
        }

.brand10xgbangdan .twoxgbrand10.oneads, .brand10xgbangdan .twoxgbrand10.oneads .brand10ttl {
    width: 520px;
}

    .brand10xgbangdan .twoxgbrand10.oneads .brandlist .item.active.item1 .desc, .brand10xgbangdan .brandlist .item .desc {
        width: 340px;
    }

    .brand10xgbangdan .twoxgbrand10.oneads .brandlist .item .desc {
        width: 450px;
    }

/*/public/css/maigoo/v2022/block/category/col4.css*/
.categorycol4 .itembox {
    padding: 10px 0;
    margin: 0 -10px;
}

.categorycol4.bgf6f6 {
    background: #f6f6f6;
}

    .categorycol4.bgf6f6 .itembox {
        margin: 0 10px;
    }

.categorycol4.bg {
    padding: 10px 0 30px 0;
}

    .categorycol4.bg .itembox {
        background: url(../../../images/maigoo/v2019/brand10/bangdanbg1.jpg);
        background-size: contain;
        border-radius: 10px;
        padding: 20px 10px;
    }

.blockstyle2 .categorycol4.bg .itembox {
    background: url(../../../images/maigoo/v2019/brand10/bangdanbg2.jpg);
}

.categorycol4 .item {
    float: left;
    text-align: center;
}

    .categorycol4 .item a {
        display: block;
        line-height: 2.5em;
        margin: 0 10px;
        padding: 0 10px;
    }

    .categorycol4 .item.hide {
        display: none;
    }

.categorycol4 .itembox.open .item.hide {
    display: block;
}

.categorycol4 .item .openbtn::after {
    content: "灞曞紑>>"
}

.categorycol4 .item .openbtn.open::after {
    content: "<<鏀惰捣"
}

.categorycol4.col5 .item {
    width: 20%;
}

    .categorycol4.col5 .item:nth-child(n+6) {
        margin-top: 15px;
    }

.categorycol4.col10 .item {
    width: 10%;
}

    .categorycol4.col10 .item:nth-child(n+11) {
        margin-top: 15px;
    }

.categorycol4.col6 .item {
    width: 16.6%;
}

    .categorycol4.col6 .item:nth-child(n+7) {
        margin-top: 15px;
    }

.categorycol4.style1 .item a {
    border: 1px solid #eee;
    border-radius: 1.5em;
}

.blockstyle2 .categorycol4.style1 .item a {
    border-color: #eed5ca;
}

.categorycol4.style2 .item a {
    border-radius: 10px;
    background: #FFF;
}

.categorycol4.style3 .item a {
    background: #FFF;
}

.categorycol4.style4 .item a {
    border: 1px solid #eee;
}

.blockstyle2 .categorycol4.style4 .item a {
    border-color: #eed5ca;
}

/*/public/css/maigoo/v2022/block/publicblock/articlelist.css*/
.articlelist .blocktitle {
    margin-bottom: -20px;
}

.articlelist.nomtop .itembox {
    margin-top: 0px;
}

.articlelist > ul > .item {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
    position: relative;
}

.blockstyle2 .articlelist > ul > .item {
    border-bottom-color: #eae5cb;
}

.articlelist .img {
    display: table-cell;
    padding-left: 15px;
    position: relative;
}

    .articlelist .img a {
        display: block;
        width: 220px;
        height: 137px;
        overflow: hidden;
    }

    .articlelist .img img {
        width: 220px;
        display: block;
        transition: all ease-in-out 300ms;
    }

    .articlelist .img a:hover img {
        transform: scale(1.1);
        position: absolute;
        box-shadow: 0 0 15px #666;
        z-index: 1;
    }

.articlelist .tablecell {
    display: table-cell;
    width: 90%;
    vertical-align: middle;
    text-align: left;
}

.articlelist .contbox {
    width: 600px;
}

.searchselect .articlelist .contbox {
    width: 560px;
}

.articlelist .contbox .title {
    line-height: 1.8em;
    max-height: 1.8em;
    padding-bottom: 6px;
}

.articlelist .contbox .description {
    max-height: 3.6em;
    overflow: hidden;
}

.articlelist > ul > .item.nopic .contbox .title {
    height: auto;
}

.articlelist > ul > .item .biaoshibox {
    display: inline-block;
    position: absolute;
    left: 7px;
    top: 0;
    line-height: 2em;
    z-index: 1;
    padding: 0px 6px 0px 10px;
}

    .articlelist > ul > .item .biaoshibox .name {
        color: #fff;
    }

    .articlelist > ul > .item .biaoshibox:before {
        contboxent: "";
        display: inline-block;
        border-top: 16px solid;
        border-right: 10px solid transparent;
        position: absolute;
        right: -10px;
        top: 0px;
    }

    .articlelist > ul > .item .biaoshibox:after {
        contboxent: "";
        display: inline-block;
        border-bottom: 16px solid;
        border-right: 10px solid transparent;
        position: absolute;
        right: -10px;
        bottom: 0px;
    }

    .articlelist > ul > .item .biaoshibox .sjx {
        display: inline-block;
        border-top: 8px solid;
        border-left: 8px solid transparent;
        position: absolute;
        left: 0px;
        bottom: -8px;
    }

.articlelist .contbox .piclist {
    margin-top: 10px;
    position: relative;
}

.articlelist > ul > .item .piclist .biaoshibox {
    top: 10px;
}

.articlelist .contbox .piclist .picimg {
    width: 32%;
    height: 170px;
    float: left;
    margin-left: 2%;
    background-position: center center;
    background-size: cover;
}

.articlelist.tukupiclist .contbox .piclist .picimg {
    height: 260px;
}

.articlelist .contbox .piclist .picimg.first {
    margin-left: 0px;
}

.articlelist .contbox .piclist .picimg img {
    display: block;
    margin: 0px auto;
    max-width: 100%;
}

.articlelist .contbox .other {
    padding-top: 22px;
    position: relative;
    padding-right: 100px;
}

    .articlelist .contbox .other .isyuan {
        display: inline-block;
        padding: 1px 8px;
        line-height: 1.8em;
        border-radius: 1px;
        margin-right: 3px;
    }

    .articlelist .contbox .other a.biaoqian {
        display: inline-block;
        border-width: 1px;
        border-style: solid;
        padding: 0 5px;
        line-height: 24px;
        margin-right: 3px;
    }

        .articlelist .contbox .other a.biaoqian:hover {
            color: #f60
        }

    .articlelist .contbox .other a.zoneinfo {
        display: inline-block;
        line-height: 1.5em;
        height: 2em;
    }

        .articlelist .contbox .other a.zoneinfo img {
            width: 1.4em;
            height: 1.4em;
            border-radius: 50%;
            vertical-align: middle;
            margin-right: 10px;
        }

    .articlelist .contbox .other .attention {
        position: absolute;
        right: 0;
        bottom: 0;
        min-width: 100px;
        color: #ccc;
        line-height: 2em;
        text-align: right;
    }

        .articlelist .contbox .other .attention span {
            display: inline-block;
            vertical-align: middle;
            margin-left: 5px;
        }

            .articlelist .contbox .other .attention span:after {
                content: "";
                display: block;
                clear: both;
            }

            .articlelist .contbox .other .attention span i {
                font-size: 13px;
                float: left;
                line-height: 1em;
            }

                .articlelist .contbox .other .attention span i.iconfont {
                    margin-right: 3px;
                }

.articlelist .contbox .specslist {
    width: 340px;
    display: inline-block;
    vertical-align: bottom;
}

.articlelist .contbox .specsttl {
    line-height: 26px;
    display: inline-block;
    vertical-align: bottom;
}

.articlelist > ul > .item.nopic .tablecell {
    display: block;
    width: 100%;
}

.articlelist > ul > .item.nopic .contbox {
    width: auto;
}

.articlelist.zhaoshang .contbox .title {
    color: #333;
}

.articlelist ul {
    counter-reset: li;
}

.articlelist > ul > .item .productbox {
    display: none;
}

.articlelist > ul > .item .probtn {
    border-top: solid 1px #EEE;
    margin-top: 15px;
    padding-top: 15px;
    color: #fc8142
}

    .articlelist > ul > .item .probtn:after {
        content: "鐑攢浜у搧鈭�";
    }

.articlelist > ul > .item.active .productbox {
    display: block;
}

.articlelist > ul > .item.active .probtn:after {
    content: "鏀惰捣浜у搧鈭�";
}

.articlelist > ul > .item.active .productbox:after {
    content: "";
    clear: both;
    display: block;
}

.articlelist > ul > .item .productbox .productcol {
    padding: 10px 0 0 0;
}

.articlelist > ul > .item.hasbg:hover {
    background-color: #f7f7f7;
    margin: 0 -12px;
    border: solid 2px #fc8142;
    padding: 13px 10px 14px 10px;
}

.articlelist .item .brandlist {
    display: inline-block;
    margin-left: 10px;
}

.articlelist .item .zsbrandlist {
    display: flex;
    align-items: center;
}

    .articlelist .item .zsbrandlist .icon-gonggao {
        margin-left: 5px;
    }

    .articlelist .item .zsbrandlist .zslist {
        height: 2em;
        overflow: hidden;
    }

        .articlelist .item .zsbrandlist .zslist a {
            display: inline-block;
            margin: 0px 5px;
            vertical-align: middle;
        }

    .articlelist .item .zsbrandlist img {
        max-height: 1.5em;
        display: inline-block;
        vertical-align: middle;
    }

.articlelist .item .alevel {
    height: 25px;
    line-height: 22px;
    display: inline-block;
    vertical-align: middle;
}

.articlelist .itemscroll {
    overflow: hidden;
}

.articlelist.col2 .itembox {
    margin-top: 15px;
}

.articlelist.col2 .item {
    width: 49.4%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    background-color: #FFF;
    height: 130px;
}

    .articlelist.col2 .item:nth-child(2n) {
        float: right
    }

.articlelist.col2 .contbox {
    width: 400px;
}

    .articlelist.col2 .contbox .title {
        font-size: 16px;
        padding-bottom: 0;
    }

.articlelist.col2 .other .bq:nth-child(3) {
    display: none;
}

.articlelist.col2 .img {
    vertical-align: middle;
    padding-left: 10px;
}

    .articlelist.col2 .img a {
        width: 150px;
        height: 93px;
    }

    .articlelist.col2 .img img {
        width: 150px;
    }

.articlelist.col2 ul:after {
    content: "";
    clear: both;
    display: block;
}

/*/public/css/maigoo/v2022/block/publicblock/articletitle.css*/
.articletitle {
    margin-bottom: 20px;
    margin-top: 20px;
}

    .articletitle .itembox {
        padding: 0 20px;
        overflow: auto;
        position: relative;
    }

        .articletitle .itembox::-webkit-scrollbar {
            width: 4px;
            height: 20px;
            border-radius: 2px;
        }

        .articletitle .itembox::-webkit-scrollbar-thumb {
            background: #f3c186;
        }

        .articletitle .itembox li {
            width: 48%;
            float: left;
            line-height: 3em;
            border-bottom: solid 1px #eae5cb;
            padding-left: 12px;
            box-sizing: border-box;
            position: relative;
        }

            .articletitle .itembox li:nth-child(2n) {
                float: right;
            }

            .articletitle .itembox li:before {
                content: "";
                display: inline-block;
                width: 6px;
                height: 6px;
                background: #666;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                position: absolute;
                left: 1px;
                top: 50%;
                margin-top: -2px;
            }

/*/public/css/maigoo/v2022/block/publicblock/miaodian.css*/
#container .miaodian {
    position: fixed;
    left: auto;
    top: 111px;
    margin-left: -122px;
    display: none;
}

    #container .miaodian li {
        width: 30px;
        letter-spacing: 1px;
        line-height: 1.5em;
        padding: 5px 10px;
        background-color: #FFF;
        border-bottom: solid 1px #faf7e7;
        text-align: center;
        table-layout: fixed;
        word-break: break-all;
        overflow: hidden;
    }

        #container .miaodian li.active {
            background-color: #be0f1b;
        }

            #container .miaodian li.active a {
                display: block;
                color: #FFF;
            }

        #container .miaodian li.gotop {
            border-bottom: none;
        }

        #container .miaodian li a {
            display: block;
        }

    #container .miaodian.widthmd {
        padding: 0px 8px;
        background-color: #FFF;
        margin-left: -192px;
    }

        #container .miaodian.widthmd li {
            width: 110px;
            text-align: justify;
            border-bottom: none;
            line-height: 40px;
            margin: 5px 0;
            padding: 0 23px;
        }

            #container .miaodian.widthmd li .iconfont {
                display: inline-block;
                color: #d4d4d4;
                margin-right: 10px;
            }

            #container .miaodian.widthmd li span {
                display: inline-block;
            }

            #container .miaodian.widthmd li.active {
                background-color: #ffd500;
                border-radius: 4px;
            }

                #container .miaodian.widthmd li.active a {
                    display: block;
                    color: #555;
                }

                #container .miaodian.widthmd li.active .iconfont {
                    color: #333;
                }

            #container .miaodian.widthmd li.gotop a, #container .miaodian.widthmd li.gotop a .iconfont {
                color: #f8aa00;
            }

/*/public/css/maigoo/v2022/block/brand10/brand10zhishidesc.css*/
.brand10zhishidesc {
    padding: 20px 0;
    position: relative;
}

    .brand10zhishidesc .itembox {
        padding: 0 20px;
    }

    .brand10zhishidesc .zhishidesc {
        color: #666;
    }

    .brand10zhishidesc .desctxt {
        max-height: 9em;
        overflow: hidden;
        line-height: 1.8em;
    }

        .brand10zhishidesc .desctxt .more {
            background: url(/skin/images/addmore.gif) center center no-repeat;
            width: 100px;
            height: 40px;
            position: absolute;
            bottom: 0;
            left: 50%;
            margin-left: -50px;
            cursor: pointer;
            z-index: 1;
        }

.rightlay .brand10zhishidesc .desctxt {
    max-height: none;
}

    .rightlay .brand10zhishidesc .desctxt .more {
        display: none
    }

.rightlay .brand10zhishidesc .itembox {
    max-height: 18em;
    padding: 0 15px;
    overflow: auto;
}

    .rightlay .brand10zhishidesc .itembox::-webkit-scrollbar {
        width: 4px;
        height: 20px;
    }

    .rightlay .brand10zhishidesc .itembox::-webkit-scrollbar-thumb {
        background: #E3CEAE;
    }