.mod-floor {
    width: 1184px;
    margin: 0 auto 16px;
    font-size: 0
}

.mod-floor .mod-title {
    font-size: 20px;
    font-weight: 500;
    color: #353535
}

.mod-floor .mod-title .dot {
    padding: 0 4px
}

.carousel {
    position: relative;
    width: 100%;
    height: 400px;
    text-align: center
}

.carousel li {
    list-style: none
}

.carousel-indicators {
    display: inline-block;
    position: relative;
    bottom: 32px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    font-size: 0;
    white-space: nowrap
}

.default .carousel-indicators>li {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 2px;
    background: hsla(0,0%,88.2%,.25);
    border-radius: 100%;
    vertical-align: middle
}

.default .carousel-indicators>li:last-child {
    margin-right: 0
}

.default .carousel-indicators>li.active {
    background: #f5f5f5;
    border-radius: 5px;
    width: 18px;
    opacity: .5
}

.promove .carousel-indicators>li {
    display: inline-block;
    width: 32px;
    height: 2px;
    margin-right: 8px;
    background: hsla(0,0%,88.2%,.6);
    vertical-align: middle
}

.promove .carousel-indicators>li:last-child {
    margin-right: 0
}

.promove .carousel-indicators>li.active i {
    display: block;
    width: 0;
    height: 100%;
    background: #fff
}

.carousel-linner {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.carousel-linner img {
    display: block;
    width: 100%
}

.carousel-linner .linner-panel {
    position: relative;
    width: 100%;
    height: 100%;
    padding-left: 0;
    font-size: 0;
    white-space: nowrap
}

.carousel-linner .linner-panel .item {
    display: inline-block;
    font-size: 12px;
    vertical-align: top
}

.carousel-linner.unslide {
    overflow: hidden
}

.carousel-linner.unslide .linner-panel .item {
    display: inline-block
}

.carousel .handle {
    display: none;
    position: absolute;
    top: 50%;
    display: block;
    width: 50px;
    height: 50px;
    background: rgba(0,0,0,.5);
    border-radius: 100%;
    border: 2px solid #f5f5f5;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3
}

.carousel .handle>i {
    color: #fff
}

.carousel .handle.prev {
    left: 50px
}

.carousel .handle.next {
    right: 50px
}

@-webkit-keyframes proactive {
    0% {
        width: 0
    }

    5% {
        width: 5%
    }

    10% {
        width: 10%
    }

    15% {
        width: 15%
    }

    20% {
        width: 20%
    }

    25% {
        width: 25%
    }

    30% {
        width: 30%
    }

    35% {
        width: 35%
    }

    40% {
        width: 40%
    }

    45% {
        width: 45%
    }

    50% {
        width: 50%
    }

    55% {
        width: 55%
    }

    60% {
        width: 60%
    }

    65% {
        width: 65%
    }

    70% {
        width: 70%
    }

    75% {
        width: 75%
    }

    80% {
        width: 80%
    }

    85% {
        width: 85%
    }

    90% {
        width: 90%
    }

    95% {
        width: 95%
    }

    to {
        width: 100%
    }
}

@-moz-keyframes proactive {
    0% {
        width: 0
    }

    5% {
        width: 5%
    }

    10% {
        width: 10%
    }

    15% {
        width: 15%
    }

    20% {
        width: 20%
    }

    25% {
        width: 25%
    }

    30% {
        width: 30%
    }

    35% {
        width: 35%
    }

    40% {
        width: 40%
    }

    45% {
        width: 45%
    }

    50% {
        width: 50%
    }

    55% {
        width: 55%
    }

    60% {
        width: 60%
    }

    65% {
        width: 65%
    }

    70% {
        width: 70%
    }

    75% {
        width: 75%
    }

    80% {
        width: 80%
    }

    85% {
        width: 85%
    }

    90% {
        width: 90%
    }

    95% {
        width: 95%
    }

    to {
        width: 100%
    }
}

@keyframes proactive {
    0% {
        width: 0
    }

    5% {
        width: 5%
    }

    10% {
        width: 10%
    }

    15% {
        width: 15%
    }

    20% {
        width: 20%
    }

    25% {
        width: 25%
    }

    30% {
        width: 30%
    }

    35% {
        width: 35%
    }

    40% {
        width: 40%
    }

    45% {
        width: 45%
    }

    50% {
        width: 50%
    }

    55% {
        width: 55%
    }

    60% {
        width: 60%
    }

    65% {
        width: 65%
    }

    70% {
        width: 70%
    }

    75% {
        width: 75%
    }

    80% {
        width: 80%
    }

    85% {
        width: 85%
    }

    90% {
        width: 90%
    }

    95% {
        width: 95%
    }

    to {
        width: 100%
    }
}

.group-act .group-inner,.group-service .group-inner {
    margin: 0 auto;
    width: 1184px
}

.part-banner {
    width: 584px;
    margin: 0 16px
}

.part-banner .carousel {
    position: relative;
    width: 100%;
    height: 304px;
    text-align: center;
    background: #fff
}

.part-banner .carousel:hover .handle.in {
    display: block
}

.part-banner .carousel-linner {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.part-banner .carousel-linner img {
    display: block;
    width: 100%
}

.part-banner .carousel-linner .linner-panel {
    position: relative;
    width: 100%;
    height: 100%;
    padding-left: 0;
    font-size: 0;
    white-space: nowrap
}

.part-banner .linner-panel .item {
    float: left;
    width: 584px;
    font-size: 12px
}

.part-banner .carousel-linner .linner-panel:after {
    display: block;
    clear: both;
    content: ""
}

.part-banner .carousel-linner .linner-panel .item a {
    display: block;
    width: 100%;
    height: 100%
}

.part-banner .carousel-linner.unslide {
    overflow: hidden
}

.part-banner .carousel-linner.unslide .linner-panel .item {
    display: inline-block
}

.part-banner .carousel .handle {
    display: none;
    position: absolute;
    top: 50%;
    width: 32px;
    height: 48px;
    line-height: 48px;
    background: rgba(53,53,53,.3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-radius: inherit;
    cursor: pointer;
    color: #fff;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3
}

.part-banner .carousel .handle:hover {
    background: rgba(53,53,53,.6)
}

.part-banner .carousel .handle.prev {
    left: 0
}

.part-banner .carousel .handle.next {
    right: 0
}

.part-banner .produ-group {
    padding-top: 16px
}

.part-banner .produ-group>li {
    width: 284px;
    height: 160px;
    margin-right: 16px;
    background: #cae4fa
}

.part-banner .produ-group>li img {
    width: 100%;
    height: 100%
}

.part-banner .produ-group>li:last-child {
    margin-right: 0
}

.part-tablist {
    width: 284px;
    height: 480px;
    background-color: #fff
}

.part-tablist .tab-content {
    position: relative;
    height: 102px;
    margin-bottom: 18px
}

.part-tablist .tab-con-list {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff
}

.part-tablist ol.tab-bar {
    background: #fafafa
}

.part-tablist ol.tab-bar>li {
    width: 142px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    text-align: center;
    opacity: .9;
    font-size: 12px;
    color: #959595;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.part-tablist ol.tab-bar>li.active {
    color: #353535;
    border-bottom-color: #fff;
    background: #fff;
    font-weight: 700
}

.part-tablist ol.tab-bar>li:last-child {
    border-right: none
}

.part-tablist .tab-con-list {
    padding: 28px 24px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.part-tablist .handle-style>li {
    text-align: center
}

.part-tablist .handle-style>li>a {
    display: inline-block;
    width: 50px;
    margin: auto;
    text-decoration: none;
    cursor: pointer
}

.part-tablist .handle-style>li>a:hover p {
    color: #316ccb;
    border-color: #316ccb
}

.part-tablist .handle-style>li:first-of-type {
    width: 50px
}

.part-tablist .handle-style>li:nth-of-type(2) {
    width: 136px
}

.part-tablist .handle-style>li:nth-of-type(3) {
    width: 48px
}

.part-tablist .handle-style .icon-box {
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 0 auto 8px;
    opacity: .9;
    border: 1px solid #e1e1e1;
    text-align: center
}

.part-tablist .handle-style .icon-box>i {
    color: #316ccb
}

.part-tablist .handle-style .icon-text {
    opacity: .9;
    font-size: 12px;
    color: #353535;
    line-height: 18px
}

.part-tablist .agreeOnce {
    line-height: 18px;
    font-size: 12px;
    text-align: center
}

.part-tablist .agreeOnce a {
    color: #353535
}

.part-tablist .agreeOnce>i {
    display: block;
    width: 32px;
    height: 2px;
    margin: 8px auto 0;
    background: #f1f1f1
}

.part-tablist .progress-box {
    padding-bottom: 16px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f1f1f1
}

.part-tablist .marquee-panel {
    max-height: 90px;
    margin-top: 10px;
    padding: 0 24px;
    overflow: hidden;
    background-color: #fff
}

.part-tablist .marquee-box {
    position: relative
}

.part-tablist .marquee-panel .item {
    height: 30px;
    line-height: 30px;
    font-size: 0;
    cursor: default
}

.part-tablist .marquee-panel .item>a {
    display: block
}

.part-tablist .marquee-panel span {
    display: inline-block;
    margin-right: 16px;
    font-size: 12px;
    color: #959595;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Arial
}

.part-tablist .marquee-panel a:hover span {
    color: #316ccb
}

.part-tablist .marquee-panel span:first-of-type,.part-tablist .marquee-panel span:nth-of-type(2) {
    width: 72px
}

.part-tablist .marquee-panel span:nth-of-type(3) {
    width: 60px;
    margin-right: 0;
    text-align: right
}

.part-tablist .needed {
    margin-bottom: 5px
}

.part-tablist .needed li>a p:first-child {
    height: 32px
}

.part-tablist .wuagemaster {
    padding: 0 24px;
    line-height: 45px;
    border-top: 1px solid #f1f1f1;
    font-size: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.part-tablist .wuagemaster span {
    display: inline-block
}

.part-tablist .wuagemaster span.first {
    width: 72px;
    margin-right: 16px;
    font-size: 14px;
    color: #316ccb;
    letter-spacing: 0;
    font-weight: 700;
    vertical-align: middle
}

.part-tablist .wuagemaster span.firtext {
    width: 148px
}

.part-tablist .wuagemaster span.firtext>a {
    font-size: 12px;
    color: #353535;
    text-decoration: none;
    width: 148px;
    overflow: hidden;
    display: inline-block;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.part-tablist .needed>li {
    width: 33.333333%;
    height: 74px;
    padding: 10px 0 12px;
    text-align: center;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.part-tablist .needed>li a {
    color: #353535;
    text-decoration: none
}

.part-tablist .needed>li i {
    color: #316ccb;
    font-size: 24px
}

.part-speciactive h2.tit {
    margin-top: 48px;
    margin-bottom: 8px;
    font-size: 20px;
    color: #353535;
    line-height: 30px
}

.part-speciactive .specactive>li {
    width: 284px;
    height: 160px;
    margin-right: 16px;
    background: #fff
}

.part-speciactive li img {
    width: 100%;
    height: 100%
}

.part-speciactive li:last-child {
    margin-right: 0
}

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

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.part-service {
    margin: 32px 0 48px
}

.part-service .marquee-box {
    position: relative
}

.part-service .logimess>li {
    height: 320px
}

.part-service .ov {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.part-service h2.tit {
    margin-bottom: 8px;
    font-size: 20px;
    color: #353535;
    line-height: 30px
}

.part-service .logimess>li {
    width: 284px;
    margin-right: 16px;
    background: #fff
}

.part-service .logimess>li img {
    width: 100%;
    height: 100%
}

.part-service .logimess>li:last-child {
    margin-right: 0
}

.part-service li {
    height: auto
}

.part-service .pro-picture {
    height: 160px;
    margin-bottom: 28px
}

.part-service .pro-intro {
    height: 110px;
    padding: 0 24px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.part-service .pro-intro span:last-child {
    color: #959595;
    text-align: right
}

.part-service .pro-intro span.tit,.part-service .pro-intro span.titmes,.part-service .pro-intro span.weight {
    display: inline-block;
    width: 170px;
    color: #656565;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.part-service .pro-intro span.city {
    width: 109px;
    padding-right: 16px;
    color: #656565;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.part-service .pro-intro span.weight {
    width: 90px;
    padding-right: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.part-service .pro-intro span.titmes {
    width: 240px;
    color: #656565;
    text-align: left!important
}

.part-service .pro-intro a:hover span {
    color: #316ccb;
    cursor: pointer
}

.part-service .pro-intro li {
    height: 36px;
    line-height: 36px;
    font-size: 12px
}

.part-service .pro-intro li span.btn {
    color: #316ccb
}

.part-service .pro-intro li i {
    display: inline-block;
    margin-right: 8px;
    margin-top: -3px;
    font-style: normal
}

.part-user {
    position: relative;
    width: 100%;
    height: 116px;
    background: #fff;
    overflow: hidden;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.part-user .part-user-logged-in,.part-user .part-user-not-login {
    display: none
}

.part-user .part-user-logged-in.active,.part-user .part-user-not-login.active {
    display: block
}

.part-user .part-user-not-login {
    margin-top: 24px
}

.part-user .part-user-logged-in {
    padding: 20px 24px 16px;
    text-align: left
}

.part-user .part-user-logged-in.buyer {
    background: #f8faff
}

.part-user .part-user-logged-in.buyer .part-user-identity-label {
    background: #e3ecfd;
    color: #316ccb;
    border: 1px solid #e3ecfd
}

.part-user .part-user-logged-in.buyer .part-user-identity-label .label {
    position: relative
}

.part-user .part-user-logged-in.buyer .part-user-identity-label .label:after,.part-user .part-user-logged-in.buyer .part-user-identity-label .label:before {
    content: " ";
    border: 4px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -4px
}

.part-user .part-user-logged-in.buyer .part-user-identity-label .label:after {
    right: -12px;
    border-left-color: #e3ecfd
}

.part-user .part-user-logged-in.buyer .part-user-identity-label .label:before {
    right: -13px;
    border-left-color: #316ccb
}

.part-user .part-user-logged-in.buyer .part-user-identity-label .label:hover:after {
    border-left-color: #e3ecfd
}

.part-user .part-user-logged-in.buyer .part-user-identity-label .label:hover:before {
    border-left-color: #316ccb
}

.part-user .part-user-logged-in.buyer .part-user-identity-label:hover {
    border-color: #407fe7
}

.part-user .part-user-logged-in.seller {
    background: #fff7ed
}

.part-user .part-user-logged-in.seller .part-user-identity-label {
    background: #ffe9cc;
    color: #ff7300;
    border: 1px solid #ffe9cc
}

.part-user .part-user-logged-in.seller .part-user-identity-label .label {
    position: relative
}

.part-user .part-user-logged-in.seller .part-user-identity-label .label:after,.part-user .part-user-logged-in.seller .part-user-identity-label .label:before {
    content: " ";
    border: 4px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -4px
}

.part-user .part-user-logged-in.seller .part-user-identity-label .label:after {
    right: -12px;
    border-left-color: #ffe9cc
}

.part-user .part-user-logged-in.seller .part-user-identity-label .label:before {
    right: -13px;
    border-left-color: #ff7300
}

.part-user .part-user-logged-in.seller .part-user-identity-label .label:hover:after {
    border-left-color: #ffe9cc
}

.part-user .part-user-logged-in.seller .part-user-identity-label .label:hover:before {
    border-left-color: #ff7300
}

.part-user .part-user-logged-in.seller .part-user-identity-label:hover {
    border-color: #ff7300
}

.part-user .part-user-info {
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 12px;
    font-size: 0
}

.part-user .part-user-logo>img {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 100%
}

.part-user .part-user-contact,.part-user .part-user-logo {
    display: inline-block;
    vertical-align: middle
}

.part-user .part-user-contact {
    width: 176px;
    line-height: 22px;
    margin-left: 12px;
    font-size: 16px;
    color: #353535;
    text-align: left
}

.part-user .part-user-contact .part-user-company {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 4px
}

.part-user .part-user-contact .part-user-mobile {
    line-height: 16px;
    font-size: 12px;
    color: #656565
}

.part-user .part-user-identity .part-user-identity-label {
    display: block;
    width: 236px;
    height: 24px;
    line-height: 22px;
    border-radius: 12px;
    font-size: 12px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .5s;
    -o-transition: border-color .5s;
    transition: border-color .5s;
    cursor: pointer
}

.part-user .part-user-identity .part-user-identity-label .label {
    display: inline-block
}

.part-user .welcome-slogan {
    line-height: 22px;
    margin-bottom: 18px;
    font-size: 16px;
    color: #353535
}

.part-user .part-user-btn {
    display: inline-block;
    width: 110px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #316ccb;
    text-align: center;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.part-user .part-user-btn.login {
    margin-right: 16px;
    color: #fff;
    background: #316ccb
}

.part-user .part-user-btn.login:hover {
    background: #407fe7;
    border-color: #407fe7
}

.part-user .part-user-btn.register {
    color: #316ccb;
    background: #fff
}

.part-user .part-user-btn.register:hover {
    color: #fff;
    background: #316ccb
}

.mod-link {
    width: 100%;
    background: #fff;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1
}

.mod-link.wag-box:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.mod-link .line {
    width: 32px;
    height: 2px;
    background: #f1f1f1;
    position: absolute;
    display: inline-block;
    bottom: 0;
    left: 0
}

.mod-link .link-head {
    font-size: 0
}

.mod-link .link-head li {
    display: inline-block;
    width: 142px;
    height: 40px;
    line-height: 40px;
    padding: 0 27px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #353535;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mod-link .link-head li.active {
    color: #353535
}

.mod-link .link-head li.active .label {
    border-bottom: 2px solid #316ccb
}

.mod-link .main {
    position: relative;
    padding: 20px 38px 16px 32px
}

.mod-link .main .inner-content .role-center {
    line-height: 16px;
    text-align: center;
    font-size: 12px
}

.mod-link .main .inner-content .role-center .role-center-link {
    color: #316ccb;
    position: relative
}

.mod-link .main .inner-content .role-center .role-center-link:after,.mod-link .main .inner-content .role-center .role-center-link:before {
    content: " ";
    border: 4px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -4px
}

.mod-link .main .inner-content .role-center .role-center-link:after {
    right: -12px;
    border-left-color: #fff
}

.mod-link .main .inner-content .role-center .role-center-link:before {
    right: -13px;
    border-left-color: #316ccb
}

.mod-link .main .inner-content .role-center .role-center-link:hover:after {
    border-left-color: #fff
}

.mod-link .main .inner-content .role-center .role-center-link:hover:before {
    border-left-color: #316ccb
}

.mod-link .main .link {
    margin-bottom: 46px;
    font-size: 0
}

.mod-link .main .link li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    height: 48px;
    font-size: 12px;
    text-align: center
}

.mod-link .main .link li .icon-box {
    position: relative;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap
}

.mod-link .main .link li .icon-box .service-icon {
    display: inline-block;
    vertical-align: -7px;
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAAAwCAMAAABwkIUsAAAAXVBMVEUAAAAxbcwxbcw3bdExbcw0bM4xbcwybswzb80xbcsybc0xb84xbcw0bcs3c9MxbswxbcwybM03ctM8h+kxbMwxbcwybsw0bs4xbcwybcwybM0ybs0xbMwybMsxbMuXHrWfAAAAHnRSTlMA5e8cpkmrfzfjdT71VBeNwmERBPrLcivc0YuJtZkSiGhfAAACmElEQVRo3u2ZaZOyMBCECYeCyiHise+R//8zl0BB125Xko2zUFJlf0oyA/QTJgQ0+iW1bbRp3bTeR68h/U3RT3TQemWCvBIBsP91CS6NPh0FAOzfQ5CkCmdUaWIZDalYvZMAsP9T7CBIhiAUJ5bRH6oyR/6xzBABYYZc/o+5gyDV35TaR9kRVGRj8L/BrWiGrAA8Q+w/ihwE5EXZRr86YoIheO/65o1myK/U5d9FYMa5x6NORwBo+tbjQjPkl3L5B4EEgB1xCZWmmVkuoDULEad/EMgB0GNdHn3sXyQGYP8gWBRg34e6u+0CLM5h/0SwIEBywiNUCAD/TLAEAJa3amUA7J8JlgLITeQcCQHYPxMsBHDtA9dIAMD+73+nCTFNECwCcDeBowCA/bdxbxavKAcQLAGQdFrvXOYy3t8z5LD/sSi7ZF5fO6qi8FcJBoDO17Q1PosiIwDLDqiQA/+4kxc128b6yjUIgl/mGIBVaF08AwD/6J0nGLO+Pi7IBkHY6zSulhV4ieCaeaKE4B+9yThAAKD3QR805KhAuGCAZxfxTWsAoHRQSgAAQYCWBmg7s37nI/KyLD/6TjPcl0NZ5nP2UCGVAGCZEmqH58/UqzWpnrJzQ5AIADzxZxfx7fQ4zr2Y8+M5O390++j1AL70Gs5vKBv31SmVhQEINjL0qno3yPTHVl0hHvrFJwPwiAFsURkAL2Is5JUB5CVU0Ce9oIQEAOHyA8gXMfYBI9MfW7kcwF9CcgDXPiAAWO8p5N8H1gewalP7AAS994HtA7xwCU1qhtoftalFPKmq62rTAEZvgFAAyVNCBWQHLOKg84v+YkoDsgMmKPz8+N3GrzihI5zZAoCA8+MXGo9USkd4ssNLKOz8b72GPgGiNWAMd1GfEAAAAABJRU5ErkJggg==) no-repeat 0 0;background-size: 96px 24px
}

.mod-link .main .link li .icon-box .service-icon.buyer-first,.mod-link .main .link li .icon-box .service-icon.seller-first,.mod-link .main .link li .icon-box .service-icon.seller-second {
    background-position: -72px 0
}

.mod-link .main .link li .icon-box .service-icon.buyer-second {
    background-position: 0 0
}

.mod-link .main .link li .icon-box .service-icon.buyer-third {
    background-position: -24px 0
}

.mod-link .main .link li .icon-box .service-icon.seller-second {
    background-position: -48px 0
}

.mod-link .main .link li .icon-text {
    position: absolute;
    width: 100%;
    line-height: 16px;
    top: 56px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.mod-link .main .link li:nth-child(2) a {
    margin: 0 auto
}

.mod-link .main .link li:nth-child(3) a {
    float: right
}

.mod-link .main .link a {
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #e1e1e1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.mod-link .main .link a:hover {
    border-color: #316ccb
}

.mod-link .main .link .icon-box {
    width: 100%;
    text-align: center
}

.mod-link .main .link .wag-icon {
    color: #316ccb
}

.mod-link .main .hrd-info {
    margin-top: 32px
}

.mod-link .main .hrd-info .title {
    color: #353535;
    font-weight: 700;
    position: relative;
    height: 28px
}

.mod-link .main .hrd-info .title a {
    color: #353535
}

.mod-link .main .hrd-info .title a:hover {
    color: #316ccb
}

.mod-link .main .hrd-info .hrd-list {
    margin-top: 16px;
    height: 90px;
    overflow: hidden
}

.mod-link .main .hrd-info .hrd-list ul {
    position: relative
}

.mod-link .main .hrd-info .hrd-list a {
    display: block;
    height: 30px;
    line-height: 30px
}

.mod-link .main .hrd-info .hrd-list a:hover span {
    color: #316ccb
}

.mod-link .main .seller-info {
    margin-top: 32px
}

.mod-link .main .seller-info .title {
    color: #353535;
    font-weight: 700;
    position: relative;
    height: 28px
}

.mod-link .main .seller-info .title .page {
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 20px
}

.mod-link .main .seller-info .title .page span {
    height: 10px;
    line-height: 10px;
    position: absolute;
    cursor: pointer
}

.mod-link .main .seller-info .title .page span:hover .wag-icon {
    color: #316ccb
}

.mod-link .main .seller-info .title .page .up {
    top: 0
}

.mod-link .main .seller-info .title .page .down {
    bottom: 0
}

.mod-link .main .seller-info .title .page .end .wag-icon,.mod-link .main .seller-info .title .page .end:hover .wag-icon {
    color: #c5c5c5
}

.mod-link .main .seller-info .seller-list {
    margin-top: 16px;
    height: 90px;
    overflow: hidden;
    position: relative
}

.mod-link .main .seller-info .seller-list .inner {
    width: 100%;
    height: 100%;
    position: absolute
}

.mod-link .main .seller-info .seller-list ul {
    position: relative;
    height: 90px
}

.mod-link .main .seller-info .seller-list a {
    display: block;
    height: 30px;
    line-height: 30px
}

.mod-link .main .seller-info .seller-list a:hover span {
    color: #316ccb
}

.mod-link .main .item {
    height: 30px;
    line-height: 30px;
    white-space: nowrap
}

.mod-link .main .item span {
    display: inline-block;
    margin-right: 16px;
    font-size: 12px;
    color: #959595;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Arial
}

.mod-link .main .item .company,.mod-link .main .item .name {
    width: 72px
}

.mod-link .main .item .num {
    width: 60px
}

.mod-link .brands {
    border-color: #f1f1f1;
    border-style: solid;
    border-width: 1px 0;
    padding-top: 18px;
    height: 130px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mod-link .brands .title {
    color: #353535;
    font-weight: 700;
    padding: 0 24px;
    height: 28px;
    position: relative
}

.mod-link .brands .title .line {
    left: 24px
}

.mod-link .brands ul {
    font-size: 0;
    margin: 16px 0
}

.mod-link .brands li {
    display: inline-block;
    width: 33.3333%;
    font-size: 12px;
    text-align: center
}

.mod-link .brands a {
    color: #353535
}

.mod-link .brands a:hover {
    color: #316ccb
}

.mod-link .brands .icon-item {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-bottom: 4px;
    width: 20px;
    overflow: hidden
}

.mod-link .brands .icon-item .wag-icon {
    color: #316ccb;
    font-size: 20px
}

.mod-link .headline {
    padding: 0 24px;
    height: 48px;
    line-height: 48px;
    font-size: 0
}

.mod-link .headline .title {
    color: #316ccb;
    font-size: 14px;
    display: inline-block;
    margin-right: 16px
}

.mod-link .headline .cont {
    width: 148px;
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.part-news {
    width: 100%;
    padding: 16px 24px 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.part-news .part-head {
    margin-bottom: 12px;
    line-height: 22px
}

.part-news .part-title {
    float: left;
    font-size: 16px;
    color: #353535
}

.part-news .part-link {
    float: right;
    margin-right: 8px;
    position: relative
}

.part-news .part-link:after,.part-news .part-link:before {
    content: " ";
    border: 4px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -4px
}

.part-news .part-link:after {
    right: -12px;
    border-left-color: #fff
}

.part-news .part-link:before {
    right: -13px;
    border-left-color: #959595
}

.part-news .part-link:hover:after {
    border-left-color: #fff
}

.part-news .part-link:hover:before {
    border-left-color: #316ccb
}

.part-news .part-content {
    height: 112px;
    overflow: hidden
}

.part-news .part-content .news-list {
    font-size: 12px
}

.part-news .part-content .news-item {
    position: relative;
    margin-bottom: 8px;
    padding-left: 34px;
    line-height: 16px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.part-news .part-content .news-item .news-link {
    color: #353535
}

.part-news .part-content .news-item .news-link:hover {
    color: #316ccb
}

.part-news .part-content .news-item .news-icon {
    position: absolute;
    left: 0;
    width: 28px;
    height: 16px;
    background: url(data:image/png;base64,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) no-repeat 0 0;background-size: 140px 16px
}

.part-news .part-content .news-item .news-icon.notice {
    background-position: -28px 0
}

.part-news .part-content .news-item .news-icon.activity {
    background-position: -84px 0
}

.part-news .part-content .news-item .news-icon.trends {
    background-position: 0 0
}

.part-news .part-content .news-item .news-icon.info {
    background-position: -112px 0
}

.part-news .part-content .news-item .news-icon.rule {
    background-position: -56px 0
}

.mod-manage {
    position: relative;
    float: left;
    width: 284px;
    background: #fff
}

.mod-manage .loading.active {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -17.5px;
    margin-left: -17.5px;
    display: block;
    width: 35px;
    height: 35px;
    background: url(//img.wuage.com/public/155192562986287490221_70_70.png) no-repeat;
    background-size: 100%;
    z-index: 1;
    -webkit-animation: loading-rotate .6s steps(12,start) infinite;
    animation: loading-rotate .6s steps(12,start) infinite
}

body {
    min-width: 1184px!important
}

.group-first-screen {
    margin-top: 16px;
    margin-bottom: 16px
}

.group-first-screen .group-inner {
    width: 1184px;
    height: 304px;
    margin: 0 auto
}

.group-first-screen .group-inner .mod-banner,.mod-category {
    float: left;
    position: relative
}

.mod-category {
    z-index: 2;
    -webkit-transition: top .3s ease-out;
    -o-transition: top .3s ease-out;
    transition: top .3s ease-out
}

.mod-category.top .part-category-title {
    display: block
}

.mod-category.fixed {
    position: fixed;
    z-index: 2;
    top: 0
}

.mod-category.fixed .part-category {
    display: none
}

.mod-category .hrd-panel {
    position: relative;
    width: 344px!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 4px 40px!important;
    overflow: inherit!important
}

.mod-category .hrd-form-modal-root {
    position: absolute!important;
    left: 0;
    top: 0;
    width: 100%
}

.mod-category .hrd-form-modal-root.hrd__open {
    -webkit-animation-name: none!important;
    animation-name: none!important;
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)
}

.mod-category .hrd-form-modal-root .hub-search-success {
    padding-top: 22px;
    height: 100%
}

.mod-category .hrd-form-modal-root .hub-search-success .app-qrcode {
    margin-left: auto
}

.mod-category .hrd-form-modal-root .hub-search-box {
    -webkit-box-shadow: none;
    box-shadow: none
}

.mod-category .hrd-form-modal-root .hub-search-box .city.mod-wcity .input-box,.mod-category .hrd-form-modal-root .hub-search-box .input-normal {
    width: 288px
}

.mod-category .hrd-form-modal-root .close-btn {
    display: none
}

.mod-category .hrd-form-modal-root .hub-search-container {
    padding: 0
}

.mod-category .hrd-form-modal-root .hub-search-body {
    padding: 0;
    margin-top: 24px
}

.mod-category .hrd-form-modal-root .hub-search-body .captcha {
    margin: 10px 0 -18px 56px
}

.mod-category .hrd-form-modal-root .supplement-box {
    border: none;
    padding-top: 16px;
    position: relative
}

.mod-category .hrd-form-modal-root .mobile-err {
    position: absolute;
    right: 0;
    bottom: 6px;
    margin: 0
}

.mod-category .hrd-form-modal-root .header h3 {
    padding: 0;
    margin: 0;
    text-align: left;
    display: none
}

.mod-category .hrd-form-modal-root .header .tips,.mod-category .hrd-form-modal-root .header hr {
    display: none
}

.mod-category .hrd-form-modal-root .hub-search-box {
    width: 100%
}

.mod-category .hrd-form-modal-root .sku-box .input-normal {
    width: 288px
}

.mod-category .hrd-form-modal-root .sku-box .input-normal.category,.mod-category .hrd-form-modal-root .sku-box .input-normal.productname {
    width: 140px
}

.mod-category .hrd-form-modal-root .sku-box .input-normal.amount {
    width: 212px
}

.mod-category .hrd-form-modal-root .sku-box .input-normal.unit {
    width: 68px
}

.mod-category .hrd-form-modal-root .footer .is-agree {
    margin-top: 32px
}

.mod-category .hrd-form-modal-root .footer .submit-btn {
    width: 344px
}

.mod-category .hrd-form-modal-root .footer .mobile-err {
    bottom: -22px;
    left: 42px
}

.mod-category .hrd-form-modal-root #risk-side-management,.mod-category .hrd-form-modal-root #risk-side-management .nc_wrapper {
    width: 344px!important
}

.part-category-title {
    display: none;
    width: 125px;
    height: 56px;
    line-height: 56px;
    background: #fff
}

.part-category-title .all-title {
    float: left;
    width: 125px;
    height: 56px;
    text-align: center
}

.part-category-title .all-title span {
    color: #316ccb;
    font-size: 14px
}

.part-category-title .all-title .wag-icon {
    display: inline-block;
    color: #316ccb;
    font-size: 20px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.part-category {
    position: relative;
    width: 284px;
    height: 304px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.part-category .cate-title {
    width: 186px;
    height: 60px;
    background: #fff
}

.part-category .cate-menu {
    width: 100%
}

.part-category .cate-menu ul {
    height: 480px;
    overflow: hidden
}

.part-category .cate-menu ul li {
    position: relative;
    padding: 10px 16px 10px 40px
}

.part-category .cate-menu ul li .cate-menu-icon {
    position: absolute;
    left: 16px;
    top: 14px;
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAAAgCAMAAABzRoe3AAAAgVBMVEUAAAA1NTU1NTU1NTU1NTU7OztISEg1NTU+Pj5BQUE1NTU1NTU1NTU/Pz83Nzc3Nzc2NjY1NTU1NTU1NTU1NTU2NjY2NjY1NTU2NjY1NTU0NDQ2NjY1NTU1NTU3Nzc2NjY5OTk2NjY2NjY2NjY2NjY2NjY3Nzc3Nzc0NDQ9PT01NTXOEdmyAAAAKnRSTlMA8vrovAkH4yEPjO20GCpBmNzPfK0vJmo0wlRk16WDXTmdyHSiTG9GkhzK1u7lAAAHTElEQVRYw6WYibLiIBBFA9m3l13N5q6j9/8/cGhCMIuONTNd9epJEuBc6G46Mea2K6yMsS66e8YH84OaZX2yuHqzTMzMtG4f+rdlJ2YoD/6bmwGWxoy/saSGtujn7SONAk3tyUU7whuL7HV3u2BQFl6c5d09unNtRVFZ9tfTKb3+pQCbOiArH2lElHxvrG0L5M0meQDppKMFto11U7biLYO1UuDlAEvbX8nhFALneMkfTTX5Zzz+RsCzA1iwGRrHHkDkv+F/yDl+Aclk411vgqFanotg0X3jAtzqg5tPe8Hhxn/iz1H4fyHgmQH1cxINol2u+DXTA/149QhO7rZq/XAcl/zK2OMpngxxdj7yx4Lf0ALWLg78mg0eE6/3nAzh18D+E7+RINMuM3sserX2sGb8JoA8fQQWB9hNKOC4vPjnHhd3KGjGxyd8IDfmzw9m9o09KsjAN0t+TaPXZgc2mflHtgrTFNPbDLsZP/n/0aFMFAJ38RhCX/PXU/6n5G+RzvDDQj5u7znMg4vDil9paJ0RDeWMP2y1oAa1+pVqWbqVAjLKA6Qzfmm8rASgBdwMO8ThPX9G/AecVvgUfxmQ+uKua8/4ubW/3/cRwys9lMBzwk92GgZxco1tQvm8biVgxyNDIrbDnPGzLO/kILbMVbFxQqn4z1N+T/FfqSGZF84jYyvXDuh3Sh6Z3ZqAWamAxF2vOMw+sIDMH2LY9MdtcqdTU6vGVgimLXKxe/FbjUOLdaiB/Gk8QwSCsVP8/izYib/hvY7IHFMrbKUq9Md8hSienwfm0DYRKY0mep9wXZyGE7MZd4YuaGtxojAQMztM7MUJ26n/hNGFBik4cls8yvwETPLnU/4fc+AvNf/UW+yX71vKCwQvaZ1YAZXgInRjqs+dMS42xL/VTk8/tRHxHeXgf3fxM1VIo7HApvQjdPocNxKw5K/CgZ/vb/GUea2mAvdkQoQ1wPlV5RujpnagC4cLNRotu1X8451pXWSJVj/0bdGLsWvF7wa3XXULMiD35ApVomfQolvy7yT/jctgcUty88srY859v8dVttlTbnPEAR55UrMJk2Tqo5xho4/dkPi1ZfBmg3tCxHEIIMvwkAn+EGyrttjZMoSiwxk9nYUpoj262HnZkQ38fZR5xxNofj/UZ9bc9w2PozI2Kru3TO2xWj400g2yETPRqonfuVihWzYyTKb1gItYSZLwMUzD6eD+TDzcpQA4gDuCnqHFyoi/jLKniBxGAgJ9Hi58v4oAi3ZTORL6ti0BviNvYnJ3OtQj9mOMZuKvVFoofYNjGj8Mjviz5S6CGQ64sQeT/FoBQyCUQawvB4sBPjPASFhkuZ7gN49gwzIrm/q+dwVIgIWMZsvA5BonHB0RRZQPn7qYSFTp4fTEv2PImnhzZyi/CvAZ7suKivlGh7YDDQ/M7wIJsxT/hmqhK3pDm/Z9P+DgEYVSh3JI83edgW7S1blDvxOdbPBINk2u+CPJ6DE031xoS9E0M8fFRUx7AtDZbwSwujY3kp/6y+VemCfggasng5jhIXlHDg8oxL87EPshOp1+U0gzG8mvVv2O8lsQl0jX712RUMqA0JPAVtDIMW7F6cyAM/H/EL8TsUQ6/HoERJVyJSYnSHVt5nDZ4wLEJUWytqTPWB34xJ/buqRzv6VRyuELu8G0GYCwIoe6ZsBwmtO17lqcp/zGBwGWDuYO0eA4m7GcRDFoLEC3COXM2Lkd8zRNw6Jh2WOE6czFT7gvDjKmBWrbgR8Uv7R4OwgIeeIbthX+CH5X8JdcOPMHF6p0Oo1k5wRI9Rl2lOqAod6JLUizpI9VtPMuwJqhQrK+lRLvBdQTfoKUAkxmEH815Tc+BPHrQLsAuwG4oGn3w7L7XC+RBaRNkwLWUIXmOyGqBPNk7rp8K+a6dy6kBl8K4IZdE3/oepr/UxrVJYUHKefJgKwvXSCMB5eC+aOOtF+qom1JbmarSjsSPorc+VZOlzitPVjWuysBLuya7RR/z1X8vT3IpgVSBKlw10FaTjgxG/mN8+hbKc7UVw0bg9kRWPX1heaAcJlGTTn4WkAGzW9cNf/7UsJPkRs6ajufxr3kIlYvDv20AFMFNRuRG0pUIWKd8XOw3fdXSp+Ks5ndl/ybYhSAR7WT/CfN/7aY84sQL1UBYPmzJeoBEUXvBLgYr4eQ/N9f6i/gx3kpMeMPLDamUeUDxK/c4305He5DoE6mc6KrJoFYAxmlrjcuVI5Jc6f4v39Wcc4IJ5Pt3Pn6A5mVXm7yVhtEGUBTKeD3LzRQ+Nr8CMBV4fwEXL7yka2DuAEb6m3yn/cftorlh604Ay8UgH1hc/43pcScf/1KSfjv8gLcKH2UGf3qtd5lGjVKsPsmbrIX//dPi/EZCE+HJDmkpnyh+bOAB9ol36+P+NoxI2g7Tx5YHWR+qZJV9Rcfd51LCGVsby+A17Y1/sW8S9QxllnF7NRYlxJGU7qhdXH+7vO6fyhp9LKNl4P/L/9vIrQfX7W/XRgAAAAASUVORK5CYII=) no-repeat 0 0;background-size: 96px 16px
}

.part-category .cate-menu ul li .cate-menu-icon.cate-icon-1 {
    background-position: 0 0
}

.part-category .cate-menu ul li .cate-menu-icon.cate-icon-2 {
    background-position: -16px 0
}

.part-category .cate-menu ul li .cate-menu-icon.cate-icon-3 {
    background-position: -64px 0
}

.part-category .cate-menu ul li .cate-menu-icon.cate-icon-4 {
    background-position: -32px 0
}

.part-category .cate-menu ul li .cate-menu-icon.cate-icon-5 {
    background-position: -48px 0
}

.part-category .cate-menu ul li .cate-menu-icon.cate-icon-6 {
    background-position: -80px 0
}

.part-category .cate-menu ul li h2 {
    margin-bottom: 6px;
    font-size: 0;
    color: #353535
}

.part-category .cate-menu ul li h2 .separator,.part-category .cate-menu ul li h2 a {
    font-size: 16px
}

.part-category .cate-menu ul li h2 a {
    color: #353535;
    font-weight: 500
}

.part-category .cate-menu ul li h2 a:hover,.part-category .cate-menu ul li h2 a:hover .wag-icon {
    color: #316ccb
}

.part-category .cate-menu ul li .cate-item {
    overflow: hidden;
    margin-left: -16px;
    font-size: 0
}

.part-category .cate-menu ul li .cate-item a,.part-category .cate-menu ul li .cate-item span {
    margin: 0 0 0 16px;
    display: inline-block;
    font-size: 12px
}

.part-category .cate-menu ul li .cate-item a.act,.part-category .cate-menu ul li .cate-item span.act {
    color: #316ccb
}

.part-category .cate-menu ul li.act {
    position: relative;
    z-index: 1;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s
}

.part-category .cate-cont,.part-category .cate-menu ul li.act {
    -webkit-box-shadow: 0 0 16px 0 hsla(0,0%,77.3%,.5);
    box-shadow: 0 0 16px 0 hsla(0,0%,77.3%,.5);
    background: #fff
}

.part-category .cate-cont {
    display: none;
    position: absolute;
    top: 0;
    left: 284px;
    width: 600px;
    height: 480px
}

.part-category .cate-cont .item-main {
    display: none
}

.part-category .cate-cont .item-main .part-hot-word {
    width: 361px;
    height: 432px;
    float: left;
    margin: 24px 32px;
    overflow: hidden
}

.part-category .cate-cont .item-main .part-hot-word .item {
    margin-bottom: 40px
}

.part-category .cate-cont .item-main .part-hot-word .title {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 8px;
    margin-bottom: 16px
}

.part-category .cate-cont .item-main .part-hot-word .title h2 {
    font-size: 14px;
    display: inline-block
}

.part-category .cate-cont .item-main .part-hot-word .title h2 a {
    color: #353535;
    font-weight: 700
}

.part-category .cate-cont .item-main .part-hot-word .title .more {
    float: right;
    color: #959595
}

.part-category .cate-cont .item-main .part-hot-word .title .more i {
    color: #c5c5c5
}

.part-category .cate-cont .item-main .part-hot-word .title .more:hover,.part-category .cate-cont .item-main .part-hot-word .title .more:hover i {
    color: #316ccb
}

.part-category .cate-cont .item-main .part-hot-word .cont {
    margin-left: -16px;
    overflow: hidden
}

.part-category .cate-cont .item-main .part-hot-word .cont a {
    display: inline-block;
    margin: 0 0 3px 16px
}

.part-category .cate-cont .item-main .part-hot-word .cont a.act {
    color: #316ccb
}

.part-category .cate-cont .item-main .part-logo-cont {
    width: 175px;
    height: 480px;
    float: right;
    background: #fafafa
}

.part-category .cate-cont .item-main .part-logo-cont a {
    display: block;
    height: 240px;
    overflow: hidden
}

.part-category .cate-cont .item-main .part-logo-cont img {
    width: 176px;
    height: 240px
}

.part-category .cate-cont .item-main.current {
    display: block;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s
}

.part-category .cate-cont.current {
    display: block
}

.part-spot-goods {
    display: inline-block;
    vertical-align: top;
    width: 1184px;
    height: 308px;
    background: #fff;
    padding: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.part-spot-goods .i-icons {
    display: inline-block;
    width: 6px;
    height: 10px;
    background: url(//img.wuage.com/public/155192556206003726600_48_40.png) no-repeat;
    background-size: 24px;
    vertical-align: top;
    margin-top: 8px
}

.part-spot-goods .i-icons.arrow-right {
    background-position: -17px -9px
}

.part-spot-goods .i-icons.arrow-right-light {
    background-position: -1px -9px
}

.part-spot-goods .b-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.part-spot-goods .wag-box {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.part-spot-goods .wag-box:hover {
    -webkit-box-shadow: 0 0 16px 0 hsla(0,0%,76.9%,.5);
    box-shadow: 0 0 16px 0 hsla(0,0%,76.9%,.5)
}

.part-spot-goods .txt-c {
    text-align: center
}

.part-spot-goods .mod-head {
    margin-bottom: 24px
}

.part-spot-goods .mod-head .title {
    display: inline-block;
    color: #353535;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px
}

.part-spot-goods .mod-head .more {
    display: inline-block;
    float: right;
    font-size: 12px;
    color: #959595;
    line-height: 28px
}

.part-spot-goods .mod-head .more:hover {
    color: #316ccb
}

.part-spot-goods .mod-head .more:hover>.arrow-right {
    background-position: -1px -9px
}

.part-spot-goods .mod-goods {
    position: relative
}

.part-spot-goods .mod-goods .loading {
    position: absolute;
    top: 87px;
    left: 401px;
    display: block;
    width: 35px;
    height: 35px;
    background: url(//img.wuage.com/public/155192562986287490221_70_70.png) no-repeat;
    background-size: 100%;
    z-index: 1;
    -webkit-animation: loading-rotate .6s steps(12,start) infinite;
    animation: loading-rotate .6s steps(12,start) infinite
}

.part-spot-goods .mod-goods .item {
    display: inline-block;
    position: relative;
    float: left;
    width: 214px;
    height: 96px;
    margin-right: 16px;
    margin-bottom: 16px;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.part-spot-goods .mod-goods .item.item-empty {
    border: 0;
    width: 214px;
    height: 96px;
    background: url(//img.wuage.com/public/155193810277751872964_394_192.png) no-repeat;
    background-size: 197px 96px
}

.part-spot-goods .mod-goods .item:nth-child(5n+5) {
    margin-right: 0
}

.part-spot-goods .mod-goods .item>.cover {
    display: none;
    position: absolute;
    width: 100%;
    height: 64px;
    padding-top: 21px;
    color: #fff;
    font-size: 16px;
    background: rgba(222,51,49,.8);
    z-index: 1;
    cursor: pointer;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.part-spot-goods .mod-goods .item:hover>.cover {
    display: inline-block
}

.part-spot-goods .mod-goods .item-top {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 64px;
    padding: 10px 0;
    background: url(//img.wuage.com/public/155192774527276679716_394_128.png) no-repeat;
    background-size: 100%;
    border-bottom: 1px solid #f1f1f1
}

.part-spot-goods .mod-goods .manufacturer {
    width: 100%;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    margin: 0 auto
}

.part-spot-goods .mod-goods .logo {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin-top: 2px
}

.part-spot-goods .mod-goods .name {
    font-size: 16px;
    color: #353535;
    font-weight: 500
}

.part-spot-goods .mod-goods .goodsnum {
    font-size: 18px;
    color: #e45b5a;
    font-weight: 500
}

.part-spot-goods .mod-goods .item-pdtname {
    padding: 0 4px;
    line-height: 32px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.part-spot-goods .mod-goods .pdtname {
    color: #353535;
    font-size: 12px;
    line-height: 16px;
    margin-right: 8px
}

.part-spot-goods .mod-goods .pdtname:hover {
    color: #316ccb
}

.part-spot-goods .mod-goods .pdtname:last-child {
    margin-right: 0
}

.part-price-indices .progress-indicator {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    overflow: hidden;
    background: #ffe3cc
}

.part-price-indices .progress-inner {
    position: absolute;
    left: -100%;
    width: 100%;
    height: 1px;
    background: #ff7300
}

.part-price-indices .progress-inner.move {
    background: #ff7300
}

.part-price-indices .quotation-index-panel {
    display: block;
    position: relative;
    width: 100%;
    height: 218px;
    margin-bottom: 12px;
    padding: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff7ee
}

.part-price-indices .quotation-index-panel .carousel-window {
    position: relative;
    overflow: hidden;
    height: 80px
}

.part-price-indices .quotation-index-panel .carousel-window .carousel-list {
    position: absolute;
    height: 80px;
    overflow: hidden
}

.part-price-indices .quotation-index-panel .carousel-window .carousel-item {
    float: left;
    width: 220px
}

.part-price-indices .quotation-index-panel .part-current {
    width: 100%
}

.part-price-indices .quotation-index-panel .sub-title,.part-price-indices .quotation-index-panel h3 {
    font-size: 0;
    color: #353535
}

.part-price-indices .quotation-index-panel .material,.part-price-indices .quotation-index-panel .product-name {
    font-size: 16px
}

.part-price-indices .quotation-index-panel .product-name,.part-price-indices .quotation-index-panel .spec {
    margin-right: 4px
}

.part-price-indices .quotation-index-panel .location,.part-price-indices .quotation-index-panel .spec {
    font-size: 12px
}

.part-price-indices .quotation-index-panel .sub-title {
    margin-bottom: 12px
}

.part-price-indices .quotation-index-panel .price {
    font-size: 0;
    color: #ff7300
}

.part-price-indices .quotation-index-panel .price .symbol {
    font-size: 14px
}

.part-price-indices .quotation-index-panel .price .unit {
    font-size: 12px;
    margin-left: 6px
}

.part-price-indices .quotation-index-panel .price>span {
    display: inline-block;
    vertical-align: baseline;
    line-height: 20px;
    font-size: 26px
}

.part-price-indices .quotation-index-panel .price .trends {
    float: right;
    width: 44px;
    height: 20px;
    text-align: center
}

.part-price-indices .quotation-index-panel .price .trends .icon-trends {
    display: inline-block;
    width: 100%;
    height: 20px;
    background-image: url(data:image/png;base64,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);background-size: 409px 70px;
    background-repeat: no-repeat;
    background-position: -204px 0
}

.part-price-indices .quotation-index-panel .price.up {
    color: red
}

.part-price-indices .quotation-index-panel .price.up .icon-trends {
    background-position: -298px 0;
    width: 16px;
    height: 24px
}

.part-price-indices .quotation-index-panel .price.down {
    color: #7eb80d
}

.part-price-indices .quotation-index-panel .price.down .icon-trends {
    background-position: -158px 0;
    width: 16px;
    height: 24px
}

.part-price-indices .link {
    font-size: 12px;
    color: #3e82d5;
    position: relative
}

.part-price-indices .link:after,.part-price-indices .link:before {
    content: " ";
    border: 4px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -4px
}

.part-price-indices .link:after {
    right: -9px;
    border-left-color: #fff
}

.part-price-indices .link:before {
    right: -10px;
    border-left-color: #3e82d5
}

.part-price-indices .link:hover:after {
    border-left-color: #fff
}

.part-price-indices .link:hover:before {
    border-left-color: #3e82d5
}

.part-price-indices {
    display: inline-block;
    vertical-align: top;
    float: left;
    margin-right: 16px;
    width: 284px;
    height: 308px;
    padding: 16px 20px 10px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.part-price-indices .part-history {
    margin-top: 24px
}

.part-price-indices .panel-canvas {
    width: 100%;
    height: 86px
}

.part-price-indices .panel-canvas canvas {
    cursor: pointer
}

.part-price-indices #figureData {
    display: none
}

.part-price-indices .title {
    font-size: 20px;
    color: #353535;
    line-height: 28px;
    margin-bottom: 8px;
    font-weight: 500
}

.part-price-indices .pdt-list {
    margin-bottom: 12px
}

.part-price-indices .pdt-list .item {
    display: inline-block;
    float: left;
    padding: 2px 4px;
    margin-right: 4px;
    color: #959595;
    font-size: 12px;
    background: #f5f5f5;
    cursor: pointer;
    border-radius: 2px
}

.part-price-indices .pdt-list .item:last-child {
    margin-right: 0
}

.part-price-indices .pdt-list .item:hover {
    color: #316ccb
}

.part-price-indices .pdt-list .item.active {
    color: #316ccb;
    background: #e3ecfd
}

.part-price-indices .figure-list .item {
    display: none;
    width: 236px;
    height: 173px
}

.part-price-indices .figure-list .item.active {
    display: block
}

.part-price-indices .mod-ytg p {
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    color: #353535;
    margin: 0;
    font-weight: 500
}

.part-price-indices .mod-ytg #ytg {
    width: 236px;
    height: 173px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mod-second-floor {
    width: 1184px;
    margin: 0 auto 16px
}

.mod-second-floor .b-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mod-second-floor .wag-box {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.mod-second-floor .wag-box:hover {
    -webkit-box-shadow: 0 0 16px 0 hsla(0,0%,76.9%,.5);
    box-shadow: 0 0 16px 0 hsla(0,0%,76.9%,.5)
}

.mod-second-floor .txt-c {
    text-align: center
}

.mod-second-floor .clearfix:after {
    display: block;
    content: " ";
    visibility: hidden;
    clear: both
}

.part-current-time {
    display: inline-block;
    width: 284px;
    height: 412px;
    background: #fff;
    padding: 24px
}

.part-current-time,.part-current-time * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.part-current-time .title {
    font-size: 20px;
    color: #353535;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 24px
}

.part-current-time .show-data {
    margin-bottom: 30px
}

.part-current-time .show-data .being {
    display: inline-block;
    padding-right: 28px;
    margin-right: 28px;
    border-right: 1px solid #f1f1f1
}

.part-current-time .show-data .present {
    display: inline-block
}

.part-current-time .show-data .label {
    line-height: 17px;
    height: 17px;
    margin-bottom: 9px;
    font-size: 12px;
    color: #353535
}

.part-current-time .show-data .num {
    height: 24px;
    line-height: 24px;
    font-size: 24px;
    color: #353535;
    font-weight: 600
}

.part-current-time .nowrap {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.part-current-time .part-top {
    margin-bottom: 16px
}

.part-current-time .txt-title {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    height: 22px;
    line-height: 22px;
    color: #353535
}

.part-current-time .txt-time {
    display: inline-block;
    float: right;
    font-size: 12px;
    font-weight: 500;
    color: #959595;
    line-height: 24px
}

.part-current-time .cnt-title {
    width: 100%;
    margin-top: 6px;
    height: 32px;
    line-height: 32px;
    color: #959595;
    font-size: 12px;
    border-bottom: 1px solid #f1f1f1
}

.part-current-time .cnt-list-box {
    position: relative;
    height: 160px;
    overflow: hidden;
    color: #353535
}

.part-current-time .cnt-list {
    position: absolute;
    width: 100%;
    font-size: 12px
}

.part-current-time .lt-item {
    display: inline-block;
    white-space: nowrap
}

.part-current-time .cpn-name {
    width: 106px;
    max-width: 106px;
    padding-right: 12px
}

.part-current-time .pdt-name {
    width: 60px;
    padding-right: 12px
}

.part-current-time .sold-num {
    float: right;
    text-align: right;
    width: 66px
}

.part-current-time .cnt-list-item {
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #f1f1f1
}

.part-current-time .normal-link,.part-current-time .normal-link:hover {
    text-decoration: none;
    color: #353535
}

.part-current-time .txt-link:hover {
    color: #316ccb
}

.group-floor-cgb {
    display: inline-block;
    width: 884px;
    height: 412px;
    margin-right: 16px;
    padding: 24px 20px 24px 24px;
    overflow: hidden;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.group-floor-cgb .floor-cgb {
    position: relative
}

.group-floor-cgb .floor-cgb .icon-cgb-floor {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 240px 40px
}

.group-floor-cgb .floor-cgb .icon-cgb-floor.active {
    background-image: url(//img.wuage.com/152419353676238floor-hrd-sprite@2x.png)
}

.group-floor-cgb .floor-cgb .icon-cgb-floor.icon-more {
    display: none;
    position: absolute;
    top: 8px;
    right: -8px;
    width: 8px;
    height: 12px;
    background-position: -176px 0
}

.group-floor-cgb .floor-cgb .icon-cgb-floor.carousel-icon {
    position: absolute;
    display: none;
    top: 50%;
    margin-top: -20px;
    width: 28px;
    height: 40px;
    z-index: 1;
    cursor: pointer
}

.group-floor-cgb .floor-cgb .icon-cgb-floor.carousel-icon.icon-prev {
    left: 0;
    background-position: -212px 0
}

.group-floor-cgb .floor-cgb .icon-cgb-floor.carousel-icon.icon-next {
    right: 22px;
    background-position: -184px 0
}

.group-floor-cgb .floor-cgb .icon-cgb-floor.icon-demand-status {
    position: absolute;
    right: -6px;
    top: 16px;
    width: 56px;
    height: 23px
}

.group-floor-cgb .floor-cgb .icon-cgb-floor.icon-demand-status.quotation {
    background-position: -112px 0
}

.group-floor-cgb .floor-cgb .icon-cgb-floor.icon-demand-status.deal {
    background-position: 0 0
}

.group-floor-cgb .floor-cgb .icon-cgb-floor.icon-demand-status.parity {
    background-position: -56px 0
}

.group-floor-cgb .floor-cgb .cgb-head {
    width: 100%;
    line-height: 30px;
    margin-bottom: 24px;
    padding-right: 12px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.group-floor-cgb .floor-cgb .cgb-head .dot {
    padding: 0 4px
}

.group-floor-cgb .floor-cgb .cgb-head .title {
    float: left;
    line-height: 30px;
    font-size: 20px;
    font-weight: 500
}

.group-floor-cgb .floor-cgb .cgb-head .title.dark {
    color: #353535
}

.group-floor-cgb .floor-cgb .cgb-head .link {
    float: right
}

.group-floor-cgb .floor-cgb .cgb-head .link-more {
    font-size: 12px;
    color: #959595;
    position: relative
}

.group-floor-cgb .floor-cgb .cgb-head .link-more:after,.group-floor-cgb .floor-cgb .cgb-head .link-more:before {
    content: " ";
    border: 4px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -4px
}

.group-floor-cgb .floor-cgb .cgb-head .link-more:after {
    right: -10px;
    border-left-color: #fff
}

.group-floor-cgb .floor-cgb .cgb-head .link-more:before {
    right: -11px;
    border-left-color: #959595
}

.group-floor-cgb .floor-cgb .cgb-head .link-more:hover:after {
    border-left-color: #fff
}

.group-floor-cgb .floor-cgb .cgb-head .link-more:hover:before {
    border-left-color: #316ccb
}

.group-floor-cgb .floor-cgb .cgb-head .link-more:hover {
    color: #316ccb
}

.group-floor-cgb .floor-cgb .cgb-main {
    width: 100%;
    padding: 10px;
    margin: -10px;
    overflow: hidden
}

.group-floor-cgb .floor-cgb .cgb-main .cgb-detail {
    width: 858px
}

.group-floor-cgb .floor-cgb .cgb-main .general-introduce {
    position: relative
}

.group-floor-cgb .floor-cgb .cgb-main .general-introduce:hover .see-more {
    color: #fff;
    background: #316ccb
}

.group-floor-cgb .floor-cgb .cgb-main .general-process {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 284px;
    height: 239px
}

.group-floor-cgb .floor-cgb .cgb-main .general-process-bg {
    width: 284px;
    height: 239px
}

.group-floor-cgb .floor-cgb .cgb-main .see-more {
    position: absolute;
    bottom: 32px;
    left: 50%;
    margin-left: -48px;
    display: block;
    width: 96px;
    line-height: 32px;
    color: #316ccb;
    font-size: 14px;
    border: 1px solid #316ccb;
    text-align: center;
    cursor: pointer
}

.group-floor-cgb .floor-cgb .cgb-main .see-more:hover {
    color: #fff;
    background: #316ccb
}

.group-floor-cgb .floor-cgb .cgb-main .cgb-carousel {
    position: relative;
    height: 312px
}

.group-floor-cgb .floor-cgb .cgb-main .cgb-carousel .carousel-window {
    position: relative;
    width: 840px;
    height: 312px
}

.group-floor-cgb .floor-cgb .cgb-main .cgb-carousel .carousel-out {
    position: absolute;
    width: 5112px
}

.group-floor-cgb .floor-cgb .cgb-main .cgb-carousel .carousel-out .carousel-item-out {
    float: left;
    height: 328px
}

.group-floor-cgb .floor-cgb .cgb-main .cgb-carousel .carousel-in {
    float: left;
    width: 852px
}

.group-floor-cgb .floor-cgb .cgb-main .carousel-item {
    position: relative;
    float: left;
    width: 268px;
    height: 148px;
    margin-right: 16px;
    margin-bottom: 16px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 4px 0 hsla(0,0%,77.3%,.5);
    box-shadow: 0 0 4px 0 hsla(0,0%,77.3%,.5)
}

.group-floor-cgb .floor-cgb .cgb-main .carousel-item:hover {
    -webkit-box-shadow: 0 0 16px 0 hsla(0,0%,77.3%,.5);
    box-shadow: 0 0 16px 0 hsla(0,0%,77.3%,.5)
}

.group-floor-cgb .floor-cgb .cgb-main .carousel-demand-detail {
    width: 100%;
    padding-bottom: 16px;
    border-bottom: 1px solid #f1f1f1
}

.group-floor-cgb .floor-cgb .cgb-main .carousel-demand-detail .demand-content {
    padding: 16px 16px 0
}

.group-floor-cgb .floor-cgb .cgb-main .carousel-demand-detail .demand-content>h3,.group-floor-cgb .floor-cgb .cgb-main .carousel-demand-detail .demand-content>p {
    width: 202px;
    line-height: 18px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.group-floor-cgb .floor-cgb .cgb-main .carousel-demand-detail .demand-content>h3.demand-join,.group-floor-cgb .floor-cgb .cgb-main .carousel-demand-detail .demand-content>p.demand-join {
    line-height: 16px
}

.group-floor-cgb .floor-cgb .cgb-main .carousel-demand-detail .demand-content .demand-company-info {
    width: 236px;
    line-height: 16px;
    font-size: 0
}

.group-floor-cgb .floor-cgb .cgb-main .carousel-demand-detail .demand-content .demand-company-info>span {
    display: inline-block;
    vertical-align: middle
}

.group-floor-cgb .floor-cgb .cgb-main .carousel-demand-detail .demand-content .demand-company-info .identity-icon {
    margin-left: 6px;
    margin-right: 0
}

.group-floor-cgb .floor-cgb .cgb-main .carousel-demand-detail .demand-title {
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.group-floor-cgb .floor-cgb .cgb-main .carousel-demand-detail .demand-title.dark {
    color: #353535
}

.group-floor-cgb .floor-cgb .cgb-main .carousel-demand-detail .demand-join {
    margin-bottom: 12px;
    color: #353535
}

.group-floor-cgb .floor-cgb .cgb-main .carousel-demand-detail .demand-company-name {
    max-width: 168px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-right: 2px;
    color: #656565
}

.group-floor-cgb .floor-cgb .cgb-main .carousel-demand-detail .demand-company-name,.group-floor-cgb .floor-cgb .cgb-main .carousel-demand-detail .demand-join {
    font-size: 12px
}

.group-floor-cgb .floor-cgb .cgb-main .carousel-quotation-list {
    width: 100%;
    height: 50px;
    line-height: 50px
}

.group-floor-cgb .floor-cgb .cgb-main .carousel-quotation-list .quotation-content {
    display: inline-block;
    vertical-align: middle;
    padding: 0 2px 0 16px;
    font-size: 0
}

.group-floor-cgb .floor-cgb .cgb-main .carousel-quotation-list .quotation-count {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    line-height: 18px;
    font-size: 12px
}

.group-floor-cgb .floor-cgb .cgb-main .carousel-quotation-list .quotation-count.high-light {
    color: #ff7300
}

.group-floor-cgb .floor-cgb .cgb-main .carousel-quotation-list .company-logo-wrap {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    text-align: center;
    border: 1px solid #f1f1f1;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.group-floor-cgb .floor-cgb .cgb-main .carousel-quotation-list .company-logo-wrap .quotation-company-icon {
    width: 18px;
    height: 18px;
    vertical-align: 2px
}

.group-floor-cgb .floor-cgb .cgb-main .carousel-quotation-list .ellipsis {
    display: inline-block;
    font-size: 12px;
    vertical-align: bottom
}

.mod-third-floor {
    width: 1184px;
    margin: 0 auto 16px;
    font-size: 0
}

.mod-third-floor .group-floor-cgb,.mod-third-floor .part-current-time {
    vertical-align: middle
}

.mod-fourth-floor {
    width: 1184px;
    padding: 24px 8px 8px;
    margin: 0 auto 16px;
    background: #fff
}

.mod-fourth-floor,.mod-fourth-floor .b-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mod-fourth-floor .wag-box {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.mod-fourth-floor .wag-box:hover {
    -webkit-box-shadow: 0 0 16px 0 hsla(0,0%,76.9%,.5);
    box-shadow: 0 0 16px 0 hsla(0,0%,76.9%,.5)
}

.mod-fourth-floor .mod-tab {
    overflow: hidden;
    height: 28px;
    line-height: 28px;
    color: #656565;
    margin: 0 16px 8px
}

.mod-fourth-floor .mod-tab h2 {
    float: left;
    font-size: 20px;
    font-weight: 500;
    color: #353535
}

.mod-fourth-floor .mod-tab ul {
    float: left;
    margin: 3px 0 0 24px;
    line-height: 20px
}

.mod-fourth-floor .mod-tab ul li {
    float: left;
    display: inline-block;
    margin-right: 16px;
    cursor: pointer
}

.mod-fourth-floor .mod-tab ul li.act {
    border-bottom: 2px solid #316ccb;
    color: #316ccb
}

.mod-fourth-floor .mod-tab .count {
    float: right
}

.mod-fourth-floor .mod-tab .count span {
    margin-right: 16px
}

.mod-fourth-floor .mod-tab .count span:last-child {
    margin-right: 0
}

.mod-fourth-floor .mod-tab .count span .num {
    font-style: normal;
    color: #ff7300
}

.mod-fourth-floor .mod-recomm-list {
    padding: 16px;
    overflow: hidden;
    display: none
}

.mod-fourth-floor .mod-recomm-list.selected {
    display: block
}

.mod-fourth-floor .recomm-item {
    background: #fff;
    width: 272px;
    float: left;
    border: 1px solid #f5f5f5;
    margin-right: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mod-fourth-floor .recomm-item:last-child {
    margin-right: 0
}

.mod-fourth-floor .recomm-item .item-head {
    display: block;
    height: 113px;
    position: relative
}

.mod-fourth-floor .recomm-item .item-head .item-head-post {
    height: 113px
}

.mod-fourth-floor .recomm-item .item-head .item-head-post a {
    display: block
}

.mod-fourth-floor .recomm-item .item-head .item-head-post img {
    height: 100%
}

.mod-fourth-floor .recomm-item .item-head .item-head-inner {
    padding: 16px;
    position: absolute;
    top: 0
}

.mod-fourth-floor .recomm-item .item-head h2 {
    font-size: 18px;
    font-weight: 700;
    color: #353535;
    width: 240px;
    overflow: hidden;
    white-space: nowrap
}

.mod-fourth-floor .recomm-item .item-head h2 a {
    color: #353535
}

.mod-fourth-floor .recomm-item .item-head h2 a:hover {
    color: #316ccb
}

.mod-fourth-floor .recomm-item .item-head ul {
    width: 240px;
    overflow: hidden;
    margin-top: 4px
}

.mod-fourth-floor .recomm-item .item-head ul li {
    float: left;
    margin-right: 16px
}

.mod-fourth-floor .recomm-item .item-head ul li:last-child {
    margin-right: 0
}

.mod-fourth-floor .recomm-item .item-head ul li.act a {
    color: #316ccb
}

.mod-fourth-floor .recomm-item .item-head .line {
    width: 32px;
    height: 2px;
    margin: 16px 0;
    background: #f1f1f1
}

.mod-fourth-floor .recomm-item .item-head .tips ul {
    width: auto
}

.mod-fourth-floor .recomm-item .item-head .tips ul li {
    padding: 0 6px;
    height: 20px;
    line-height: 20px
}

.mod-fourth-floor .recomm-item .item-head .tips ul li a,.mod-fourth-floor .recomm-item .item-head .tips ul li span {
    color: #fff
}

.mod-fourth-floor .recomm-item .item-head .tips ul li a:hover,.mod-fourth-floor .recomm-item .item-head .tips ul li span:hover {
    color: #fff!important
}

.mod-fourth-floor .recomm-item .item-head .tips ul li.org {
    background: #ff7300
}

.mod-fourth-floor .recomm-item .item-head .tips ul li.red {
    background: #de3331
}

.mod-fourth-floor .recomm-item .item-head .tips ul li.blue {
    background: #316ccb
}

.mod-fourth-floor .recomm-item .item-head .tips ul li.yellow {
    background: #f5a623
}

.mod-fourth-floor .recomm-item .item-head .tips ul li.green {
    background: #77c225
}

.mod-fourth-floor .recomm-item .item-main {
    width: 270px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #f5f5f5;
    padding: 16px 16px 2px;
    overflow: hidden
}

.mod-fourth-floor .recomm-item .item-main .offer-list {
    width: 100%
}

.mod-fourth-floor .recomm-item .item-main .offer-list li {
    height: 48px;
    margin-bottom: 12px;
    overflow: hidden
}

.mod-fourth-floor .recomm-item .item-main .offer-list li a {
    display: block;
    color: #353535;
    overflow: hidden
}

.mod-fourth-floor .recomm-item .item-main .offer-list li img {
    width: 48px;
    height: 48px;
    display: inline-block;
    float: left;
    border: 1px solid #f5f5f5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mod-fourth-floor .recomm-item .item-main .offer-list li p {
    float: left;
    width: 178px;
    margin-left: 12px;
    margin-top: 4px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.mod-fourth-floor .recomm-item .item-main .offer-list li p:hover {
    color: #316ccb
}

.mod-fourth-floor .recomm-item .item-main .offer-list li p.price {
    margin-top: 6px;
    color: #ff7300
}

.mod-fourth-floor .recomm-item .item-main .offer-list li p.price .price-num {
    font-size: 14px
}

.mod-fourth-floor .recomm-item .item-main .offer-list li p .tip {
    margin-left: 16px;
    background: #e3ecfd;
    color: #316ccb;
    padding: 2px 4px;
    text-align: center
}

.mod-fourth-floor .recomm-item .item-foot {
    height: 56px;
    padding: 11px 12px 11px 16px
}

.mod-fourth-floor .recomm-item .item-foot ul li {
    width: 112px;
    overflow: hidden;
    float: left;
    margin-right: 16px
}

.mod-fourth-floor .recomm-item .item-foot ul li:last-child {
    margin-right: 0
}

.mod-fourth-floor .recomm-item .item-foot ul li img {
    width: 32px;
    height: 32px;
    border: 1px solid #e1e1e1;
    float: left;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -o-object-fit: contain;
    object-fit: contain
}

.mod-fourth-floor .recomm-item .item-foot ul li .cny-name {
    display: inline-block;
    float: left;
    width: 72px;
    height: 34px;
    margin-left: 8px;
    margin-top: -1px
}

.mod-fourth-floor .part-head {
    margin: 0 16px 8px
}

.mod-fifth-floor {
    width: 1184px;
    margin: 0 auto 16px;
    padding: 24px 8px 8px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mod-fifth-floor .clearfix:after {
    display: block;
    content: " ";
    visibility: hidden;
    clear: both
}

.mod-fifth-floor .i-icons {
    display: inline-block;
    width: 6px;
    height: 10px;
    background: url(//img.wuage.com/public/155192556206003726600_48_40.png) no-repeat;
    background-size: 24px;
    vertical-align: top;
    margin-top: 8px
}

.mod-fifth-floor .i-icons.arrow-right {
    background-position: -17px -9px
}

.mod-fifth-floor .i-icons.arrow-right-light {
    background-position: -1px -9px
}

.mod-fifth-floor .b-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mod-fifth-floor .no-wrap {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.mod-fifth-floor .wag-box {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.mod-fifth-floor .wag-box:hover {
    -webkit-box-shadow: 0 0 16px 0 hsla(0,0%,76.9%,.5);
    box-shadow: 0 0 16px 0 hsla(0,0%,76.9%,.5)
}

.mod-fifth-floor .txt-c {
    text-align: center
}

.mod-fifth-floor .part-head {
    margin: 0 16px 8px
}

.mod-fifth-floor .part-head .title {
    display: inline-block;
    color: #353535;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px
}

.mod-fifth-floor .part-head .more {
    display: inline-block;
    float: right;
    font-size: 12px;
    color: #959595;
    line-height: 28px
}

.mod-fifth-floor .part-head .more:hover {
    color: #316ccb
}

.mod-fifth-floor .part-head .more:hover>.arrow-right {
    background-position: -1px -9px
}

.mod-fifth-floor .part-partner {
    position: relative;
    padding: 16px 16px 0
}

.mod-fifth-floor .part-partner .item {
    display: inline-block;
    position: relative;
    float: left;
    width: 272px;
    height: 120px;
    margin-right: 16px;
    margin-bottom: 16px;
    background: #fff;
    border: 1px solid #f1f1f1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mod-fifth-floor .part-partner .item:nth-child(4n+4) {
    margin-right: 0
}

.mod-fifth-floor .part-partner .item:nth-child(4n+4) .item-pdtname {
    background: #e3ecfd;
    color: #5975d6
}

.mod-fifth-floor .part-partner .item:nth-child(4n+3) .item-pdtname {
    background: #e0f1ff;
    color: #248ccf
}

.mod-fifth-floor .part-partner .item:nth-child(4n+2) .item-pdtname {
    background: #e7f9fc;
    color: #009bbe
}

.mod-fifth-floor .part-partner .item:nth-child(4n+1) .item-pdtname {
    background: #feefdb;
    color: #ff7100
}

.mod-fifth-floor .part-partner .item-link {
    display: block;
    cursor: pointer;
    width: 270px
}

.mod-fifth-floor .part-partner .item-top {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 87px;
    padding: 16px 18px 16px 16px;
    border-bottom: 1px solid #f1f1f1
}

.mod-fifth-floor .part-partner .partner-logo {
    display: inline-block;
    width: 56px;
    height: 56px;
    margin-right: 12px;
    float: left;
    vertical-align: top;
    border: 1px solid #f1f1f1;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mod-fifth-floor .part-partner .logo {
    display: block;
    width: 40px;
    margin: 0 auto;
    padding-top: 7px
}

.mod-fifth-floor .part-partner .partner-intro {
    display: inline-block;
    width: 168px;
    margin-top: 7px
}

.mod-fifth-floor .part-partner .name {
    display: block;
    height: 25px;
    line-height: 25px;
    margin: 0 0 2px;
    font-size: 18px;
    color: #353535;
    font-weight: 500;
    cursor: pointer
}

.mod-fifth-floor .part-partner .name:hover {
    color: #316ccb
}

.mod-fifth-floor .part-partner .intro {
    font-size: 12px;
    color: #656565;
    width: 100%;
    height: 16px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 0
}

.mod-fifth-floor .part-partner .label {
    display: inline-block;
    vertical-align: top;
    margin-right: 2px;
    font-size: 12px
}

.mod-fifth-floor .part-partner .detail {
    display: inline-block;
    max-width: calc(100% - 32px);
    font-size: 12px
}

.mod-fifth-floor .part-partner .item-pdtname {
    line-height: 32px;
    padding: 0 16px
}

.mod-fifth-floor .part-partner .pdtname {
    color: #353535;
    font-size: 12px;
    line-height: 16px
}

.mod-finance {
    display: inline-block;
    width: 884px;
    padding: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mod-finance .mod-finance-content {
    font-size: 0
}

.mod-finance .finance-buy,.mod-finance .finance-sell {
    position: relative;
    display: inline-block;
    width: 410px;
    height: 162px
}

.mod-finance .finance-buy>img,.mod-finance .finance-sell>img {
    position: absolute;
    left: 0;
    top: 0;
    width: 410px;
    height: 162px
}

.mod-finance .finance-buy .subscribe-service,.mod-finance .finance-sell .subscribe-service {
    position: absolute;
    display: inline-block;
    height: 32px;
    line-height: 30px;
    top: 102px;
    left: 20px;
    padding-left: 11px;
    padding-right: 19px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mod-finance .finance-buy .subscribe-service:hover,.mod-finance .finance-sell .subscribe-service:hover {
    color: #fff
}

.mod-finance .finance-sell {
    background-size: 100% 100%
}

.mod-finance .finance-sell .subscribe-service {
    color: #316ccb;
    border: 1px solid #316ccb;
    position: relative
}

.mod-finance .finance-sell .subscribe-service:after,.mod-finance .finance-sell .subscribe-service:before {
    content: " ";
    border: 4px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -4px
}

.mod-finance .finance-sell .subscribe-service:after {
    right: 7px;
    border-left-color: #fff
}

.mod-finance .finance-sell .subscribe-service:before {
    right: 6px;
    border-left-color: #316ccb
}

.mod-finance .finance-sell .subscribe-service:hover:after {
    border-left-color: #316ccb
}

.mod-finance .finance-sell .subscribe-service:hover:before {
    border-left-color: #fff
}

.mod-finance .finance-sell .subscribe-service:hover {
    background: #316ccb
}

.mod-finance .finance-buy {
    margin-right: 16px;
    background-size: 100% 100%
}

.mod-finance .finance-buy .subscribe-service {
    color: #ff7300;
    border: 1px solid #ff7300;
    position: relative
}

.mod-finance .finance-buy .subscribe-service:after,.mod-finance .finance-buy .subscribe-service:before {
    content: " ";
    border: 4px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -4px
}

.mod-finance .finance-buy .subscribe-service:after {
    right: 7px;
    border-left-color: #fff
}

.mod-finance .finance-buy .subscribe-service:before {
    right: 6px;
    border-left-color: #ff7300
}

.mod-finance .finance-buy .subscribe-service:hover:after {
    border-left-color: #ff7300
}

.mod-finance .finance-buy .subscribe-service:hover:before {
    border-left-color: #fff
}

.mod-finance .finance-buy .subscribe-service:hover {
    background: #ff7300
}

.mod-finance .finance-buy,.mod-finance .finance-sell {
    background-position: 50%;
    background-repeat: no-repeat
}

.mod-latest {
    width: 284px;
    padding: 24px
}

.mod-latest .carousel-window {
    position: relative;
    height: 168px;
    overflow: hidden
}

.mod-latest .latested-icon {
    position: absolute;
    left: 0
}

.mod-latest .latest-company-name {
    display: block;
    line-height: 16px;
    margin-left: 20px;
    font-size: 12px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.mod-latest .carousel-list {
    position: absolute;
    width: 100%
}

.mod-latest .carousel-item {
    position: relative;
    height: 28px
}

.mod-sixth-floor {
    font-size: 0
}

.mod-sixth-floor .mod-finance,.mod-sixth-floor .mod-latest {
    display: inline-block;
    height: 260px;
    vertical-align: top;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mod-sixth-floor .mod-finance .mod-title,.mod-sixth-floor .mod-latest .mod-title {
    margin-bottom: 24px
}

.mod-sixth-floor .mod-finance {
    margin-right: 16px
}

.mod-seventh-floor {
    width: 1184px;
    margin: 0 auto 16px
}

.mod-seventh-floor .i-icons {
    display: inline-block;
    width: 6px;
    height: 10px;
    background: url(//img.wuage.com/public/155192556206003726600_48_40.png) no-repeat;
    background-size: 24px;
    vertical-align: top;
    margin-top: 8px
}

.mod-seventh-floor .i-icons.arrow-right {
    background-position: -17px -9px
}

.mod-seventh-floor .i-icons.arrow-right-light {
    background-position: -1px -9px
}

.mod-seventh-floor .b-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mod-seventh-floor .no-wrap {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.mod-seventh-floor .wag-box {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.mod-seventh-floor .wag-box:hover {
    -webkit-box-shadow: 0 0 16px 0 hsla(0,0%,76.9%,.5);
    box-shadow: 0 0 16px 0 hsla(0,0%,76.9%,.5)
}

.mod-seventh-floor .txt-c {
    text-align: center
}

.mod-seventh-floor .clearfix:after,.mod-seventh-floor.clearfix:after {
    display: block;
    content: " ";
    visibility: hidden;
    clear: both
}

.mod-seventh-floor .part-head {
    margin-bottom: 24px
}

.mod-seventh-floor .part-head .title {
    display: inline-block;
    color: #353535;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px
}

.mod-seventh-floor .part-head .more {
    display: inline-block;
    float: right;
    font-size: 12px;
    color: #959595;
    line-height: 28px
}

.mod-seventh-floor .part-head .more:hover {
    color: #316ccb
}

.mod-seventh-floor .part-head .more:hover>.arrow-right {
    background-position: -1px -9px
}

.mod-seventh-floor .part-buyer,.mod-seventh-floor .part-seller {
    display: inline-block;
    float: left;
    width: 584px;
    padding: 24px 24px 23px;
    background: #fff
}

.mod-seventh-floor .part-buyer {
    margin-right: 16px
}

.mod-seventh-floor .drawing {
    display: inline-block;
    float: left;
    width: 192px;
    height: 158px;
    vertical-align: top
}

.mod-seventh-floor .article {
    margin-left: 216px
}

.mod-seventh-floor .tab-list {
    margin-bottom: 16px
}

.mod-seventh-floor .tab-item {
    display: inline-block;
    line-height: 22px;
    margin-right: 20px;
    font-size: 14px;
    color: #656565;
    cursor: pointer
}

.mod-seventh-floor .tab-item:hover {
    color: #316ccb
}

.mod-seventh-floor .tab-item.act {
    color: #316ccb;
    font-weight: 500;
    border-bottom: 2px solid #316ccb
}

.mod-seventh-floor .title-list {
    display: none
}

.mod-seventh-floor .title-list.act {
    display: block
}

.mod-seventh-floor .title-item {
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    color: #353535;
    margin-bottom: 8px
}

.mod-seventh-floor .title-item:last-child {
    margin-bottom: 0
}

.mod-eight-floor {
    width: 1184px;
    margin: 0 auto 16px;
    padding: 24px 8px 8px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mod-eight-floor .clearfix:after {
    display: block;
    content: " ";
    visibility: hidden;
    clear: both
}

.mod-eight-floor .i-icons {
    display: inline-block;
    width: 6px;
    height: 10px;
    background: url(//img.wuage.com/public/155192556206003726600_48_40.png) no-repeat;
    background-size: 24px;
    vertical-align: top;
    margin-top: 8px
}

.mod-eight-floor .i-icons.arrow-right {
    background-position: -17px -9px
}

.mod-eight-floor .i-icons.arrow-right-light {
    background-position: -1px -9px
}

.mod-eight-floor .b-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mod-eight-floor .no-wrap {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.mod-eight-floor .wag-box {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.mod-eight-floor .wag-box:hover {
    -webkit-box-shadow: 0 0 16px 0 hsla(0,0%,76.9%,.5);
    box-shadow: 0 0 16px 0 hsla(0,0%,76.9%,.5)
}

.mod-eight-floor .txt-c {
    text-align: center
}

.mod-eight-floor .part-head {
    margin: 0 16px 8px
}

.mod-eight-floor .part-head .title {
    display: inline-block;
    color: #353535;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px
}

.mod-eight-floor .part-head .more {
    display: inline-block;
    float: right;
    font-size: 12px;
    color: #959595;
    line-height: 28px
}

.mod-eight-floor .part-head .more:hover {
    color: #316ccb
}

.mod-eight-floor .part-head .more:hover>.arrow-right {
    background-position: -1px -9px
}

.mod-eight-floor .part-cooperative {
    position: relative;
    padding: 16px 16px 0;
    overflow: hidden;
    font-size: 0;
    text-align: center
}

.mod-eight-floor .part-cooperative .list-item {
    display: inline-block;
    width: 146px;
    height: 76px;
    padding-top: 18px;
    margin-right: 16px;
    margin-bottom: 16px;
    border: 1px solid #f1f1f1
}

.mod-eight-floor .part-cooperative .list-item:last-child,.mod-eight-floor .part-cooperative .list-item:nth-child(8n+8) {
    margin-right: 0
}

.mod-eight-floor .part-cooperative .logo {
    display: block;
    height: 24px;
    margin: 0 auto 6px
}

.mod-eight-floor .part-cooperative .tips {
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #656565;
    text-align: center
}

.mod-eight-floor .cooperative-list {
    top: 16px
}

.mod-eight-floor .normal-link.un-link {
    cursor: default
}

.mod-eight-floor .roll-btn {
    display: none;
    position: absolute;
    top: 30px;
    width: 28px;
    height: 40px;
    background-color: rgba(0,0,0,.4);
    cursor: pointer;
    z-index: 1
}

.mod-eight-floor .roll-btn.act {
    display: block
}

.mod-eight-floor .roll-btn:hover {
    background-color: rgba(0,0,0,.6)
}

.mod-eight-floor .roll-btn.act.dis,.mod-eight-floor .roll-btn.dis {
    display: none
}

.mod-eight-floor .roll-btn .btn-icon {
    display: block;
    width: 12px;
    height: 24px;
    margin-top: 9px;
    margin-left: 8px;
    background: url(//img.wuage.com/public/155255114561337548294_24_20.png) no-repeat;
    background-size: 24px
}

.mod-eight-floor .roll-btn.left-btn {
    left: 0
}

.mod-eight-floor .roll-btn.left-btn .btn-icon {
    background-position: 0 1px
}

.mod-eight-floor .roll-btn.right-btn {
    right: 0
}

.mod-eight-floor .roll-btn.right-btn .btn-icon {
    background-position: -12px 1px
}

.mod-trends-map {
    position: relative;
    width: 638px
}

.mod-trends-map .map-data-tips {
    position: absolute;
    top: 8px;
    left: 0;
    color: #959595
}

.mod-trends-map .loading-spinner,.mod-trends-map.loading .product-list {
    display: none
}

.mod-trends-map .product-list,.mod-trends-map .title {
    display: inline-block;
    vertical-align: middle
}

.mod-trends-map .title {
    line-height: 28px;
    margin-right: 18px;
    font-size: 20px;
    font-weight: 500;
    color: #353535
}

.mod-trends-map .map-cover {
    position: absolute;
    top: 331px;
    left: 492px;
    width: 55px;
    height: 82px
}

.mod-trends-map .price-map {
    position: relative;
    text-align: right;
    background: url(//img.wuage.com/public/159790697743945141192_112_166.png) 492px 331px no-repeat;
    background-size: 55px 82px
}

.mod-trends-map .price-map .map-container {
    display: inline-block;
    width: 500px;
    height: 450px;
    margin-right: 100px;
    text-align: left;
    background: url(//img.wuage.com/public/159790678959405862331_500_450.png)
}

.mod-trends-map .price-map .map-legend {
    position: absolute;
    right: 18px;
    bottom: 42px;
    width: 68px;
    height: 80px;
    line-height: 20px;
    border: 1px solid #d4d5d7;
    text-align: center
}

.mod-trends-map .price-map .map-legend .legend-container {
    display: inline-block;
    text-align: left
}

.mod-trends-map .price-map .map-legend .legend-item {
    display: block;
    font-size: 12px;
    font-weight: 300;
    color: #656565
}

.mod-trends-map .price-map .map-legend .legend-item:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 8px;
    border-radius: 100%
}

.mod-trends-map .price-map .map-legend .legend-item.no-data:before {
    background: #c7d0d9
}

.mod-trends-map .price-map .map-legend .legend-item.down:before {
    background: #43bf98
}

.mod-trends-map .price-map .map-legend .legend-item.stable:before {
    background: #407fe7
}

.mod-trends-map .price-map .map-legend .legend-item.up:before {
    background: #e45b5a
}

.mod-trends-map .product-item {
    display: inline-block;
    height: 24px;
    line-height: 22px;
    margin-right: 8px;
    padding: 0 10px;
    font-size: 14px;
    border-radius: 12px;
    background: #f1f3f9;
    color: #616a7d;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.mod-trends-map .product-item.active,.mod-trends-map .product-item:hover {
    color: #316ccb;
    background: #e3ecfd;
    border: 1px solid #316ccb
}

.mod-trends-map .map-province-tooltip {
    width: 184px;
    height: 62px;
    padding: 0 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    color: #fff
}

.mod-trends-map .map-province-tooltip .detail {
    margin-top: 6px
}

.mod-trends-map .map-province-tooltip .line {
    display: inline-block;
    width: 100%
}

.mod-trends-map .map-province-tooltip .province {
    float: left
}

.mod-trends-map .map-province-tooltip .date {
    float: right
}

.mod-trends-map .map-province-tooltip.up .price,.mod-trends-map .map-province-tooltip.up .symbol,.mod-trends-map .map-province-tooltip.up .trends {
    color: #e45b5a
}

.mod-trends-map .map-province-tooltip.down .price,.mod-trends-map .map-province-tooltip.down .symbol,.mod-trends-map .map-province-tooltip.down .trends {
    color: #43bf98
}

.mod-trends-map .map-province-tooltip.stable .price,.mod-trends-map .map-province-tooltip.stable .symbol,.mod-trends-map .map-province-tooltip.stable .trends {
    color: #407fe7
}

.mod-trends-map .map-province-tooltip .divider {
    width: 100%;
    height: 1px;
    background: #f1f3f9
}

.mod-trends-map .map-province-tooltip .product {
    margin-right: 8px
}

.mod-trends-map .map-province-tooltip .price {
    font-size: 18px
}

.mod-trends-map .map-province-tooltip .symbol,.mod-trends-map .map-province-tooltip .trends {
    font-size: 12px
}

.wag-box {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.wag-box:hover {
    -webkit-box-shadow: 0 0 16px 0 hsla(0,0%,77.3%,.5);
    box-shadow: 0 0 16px 0 hsla(0,0%,77.3%,.5)
}

@-webkit-keyframes loading-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.mod-interested {
    position: relative;
    width: 490px
}

.mod-interested .loading-spinner {
    display: none
}

.mod-interested .interested-list {
    font-size: 0
}

.mod-interested .interested-list-container.loading .loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -17.5px;
    margin-left: -17.5px;
    display: block;
    width: 35px;
    height: 35px;
    background: url(//img.wuage.com/public/155192562986287490221_70_70.png) no-repeat;
    background-size: 100%;
    z-index: 1;
    -webkit-animation: loading-rotate .6s steps(12,start) infinite;
    animation: loading-rotate .6s steps(12,start) infinite
}

.mod-interested .interested-list-container:not(.loading) .interest-item:hover {
    border-color: #316ccb
}

.mod-interested .skeleton-line {
    height: 16px;
    background: #f5f5f5;
    border-radius: 2px
}

.mod-interested .skeleton-line:not(:first-child) {
    margin-top: 10px
}

.mod-interested .skeleton-line.first {
    width: 208px
}

.mod-interested .skeleton-line.second {
    width: 105px
}

.mod-interested .interested-title {
    height: 40px
}

.mod-interested .interested-area-select {
    float: right;
    position: relative;
    padding-right: 6px;
    z-index: 2
}

.mod-interested .interested-area-select .picker-container {
    right: 0
}

.mod-interested .interested-area-select .wag-input-base {
    height: 40px
}

.mod-interested .title {
    display: inline-block;
    vertical-align: middle;
    line-height: 22px;
    font-size: 16px;
    font-weight: 500;
    color: #353535
}

.mod-interested .update-time {
    display: none;
    vertical-align: bottom;
    margin-left: 16px
}

.mod-interested .update-time.active {
    display: inline-block
}

.mod-interested .area-select {
    float: right;
    width: 143px;
    height: 40px
}

.mod-interested .interest-item {
    display: inline-block;
    width: 230px;
    height: 64px;
    margin: 16px 24px 0 0;
    padding: 8px 0 8px 10px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border .2s;
    -o-transition: border .2s;
    transition: border .2s
}

.mod-interested .interest-item .color,.mod-interested .interest-item .product-name {
    color: #353535
}

.mod-interested .interest-item .material,.mod-interested .interest-item .price,.mod-interested .interest-item .spec,.mod-interested .interest-item .trends {
    color: #656565
}

.mod-interested .interest-item .price {
    margin-right: 8px;
    font-size: 20px
}

.mod-interested .interest-item:nth-child(2n) {
    margin-right: 0
}

.mod-interested .interest-item.up .price,.mod-interested .interest-item.up .trends {
    color: #de3331
}

.mod-interested .interest-item.down .price,.mod-interested .interest-item.down .trends {
    color: #09a272
}

.mod-interested .interest-item .item-title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mod-interested .location {
    border-bottom: 1px solid #e8e8e8
}

.mod-steel-market {
    padding: 24px;
    font-size: 0;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mod-steel-market .mod-interested,.mod-steel-market .mod-trends-map {
    display: inline-block;
    vertical-align: top;
    margin-bottom: -30px;
    font-size: 12px
}

h1,h2,h3,h4,h5 {
    font-weight: 400
}

a,abbr,acronym,address,applet,big,blockquote,body,button,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,input,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var {
    margin: 0;
    padding: 0
}

body,html {
    min-height: 100%
}

body {
    line-height: 1.5;
    color: #656565;
    background: #f1f1f1;
    font-size: 12px;
    font-family: -apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Roboto,Arial,Microsoft YaHei,sans-serif
}

ol,ul {
    list-style: none
}

a {
    color: #656565
}

a,a:hover {
    text-decoration: none
}

a:hover {
    color: #316ccb
}

a img {
    border: none
}

em,i {
    font-style: normal
}

.wag-box {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.wag-box:hover {
    -webkit-box-shadow: 0 0 16px 0 hsla(0,0%,77.3%,.5);
    box-shadow: 0 0 16px 0 hsla(0,0%,77.3%,.5)
}

@-webkit-keyframes loading-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@font-face {
    font-family:wagfont;src:url(//at.alicdn.com/t/font_292015_jhqozdqega3piudi.eot);src:url(//at.alicdn.com/t/font_292015_jhqozdqega3piudi.eot#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_292015_jhqozdqega3piudi.woff) format("woff"),url(//at.alicdn.com/t/font_292015_jhqozdqega3piudi.ttf) format("truetype"),url(//at.alicdn.com/t/font_292015_jhqozdqega3piudi.svg#iconfont) format("svg")
}

.wag-icon {
    font-size: 16px;
    font-family: wagfont!important;
    font-style: normal;
    color: #353535
}

.fe-show {
    display: block!important
}

.fe-hide {
    display: none!important
}

.yug-right {
    float: right
}

.yug-left {
    float: left
}

.wag-icon {
    vertical-align: sub
}

.wag-icon.icon-im {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(//img.wuage.com/public/149724886239146187513_74_32.png) no-repeat;
    background-size: cover
}

.group-wagbar {
    height: 32px;
    background: #fafafa;
    position: relative;
    z-index: 99;
    border-bottom: 1px solid #f1f1f1;
    line-height: 1.5;
    color: #656565;
    font-size: 12px;
    font-family: -apple-system,BlinkMacSystemFont,Hiragino Sans GB,Microsoft YaHei,sans-serif
}

.group-wagbar .group-inner {
    width: 1184px;
    margin: 0 auto
}

.group-wagbar .group-inner a {
    color: #656565;
    text-decoration: none
}

.group-wagbar .group-inner a.login,.group-wagbar .group-inner a:hover {
    color: #316ccb
}

.mod-welcome {
    display: inline-block;
    font-size: 0
}

.mod-welcome .welcome-item {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    font-size: 12px
}

.mod-welcome .welcome-item.login-register {
    font-size: 0
}

.mod-welcome .welcome-item .menu-bd {
    display: none
}

.mod-welcome .welcome-item .menu-bd.show .user-info {
    background: #fff
}

.mod-welcome .welcome-item .menu-bd.show .user-info .name {
    color: #316ccb
}

.mod-welcome .welcome-item .menu-bd.show .user-info .top-bar-icon.arrow {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAgCAYAAADe16AYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF6WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMDMtMjVUMTM6NTc6MzQrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIyLTAzLTI1VDE0OjA1OjIyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyLTAzLTI1VDE0OjA1OjIyKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE0NWZjNzM4LTkwMmYtNDQ5MS04ZWFlLTkxMzRiOTllNGZjMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MjFmMzA0Ni1kMzU4LTQ0ZmUtOGYyYy1kOTExNWFlYjQxNDkiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0MjFmMzA0Ni1kMzU4LTQ0ZmUtOGYyYy1kOTExNWFlYjQxNDkiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjQyMWYzMDQ2LWQzNTgtNDRmZS04ZjJjLWQ5MTE1YWViNDE0OSIgc3RFdnQ6d2hlbj0iMjAyMi0wMy0yNVQxMzo1NzozNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjE0NWZjNzM4LTkwMmYtNDQ5MS04ZWFlLTkxMzRiOTllNGZjMiIgc3RFdnQ6d2hlbj0iMjAyMi0wMy0yNVQxNDowNToyMiswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+l4x9xwAACGhJREFUeJztm3tQVNcdxz8/FuTlI/FZDIkRk2gHCwKSlSUdKhZRO6kmNo6TtKlTlbGBtJOxgyYmaEzbmFQnY4VMarVTbdpJJ6PBMULUFms1Sx0FQSMuGsCwPkAjpimuGF1O/zi77C7v3SUGdT8zO9zzO7/zO/fufu/vPO5FlFJ0xrxXqwbUXr62WsGzSqmoTp16QEQuCGyNGRae9/6q2K968jebzXOUUh8A5WFhYTOTkpIududfVlY2sqWlpRhIFJEnTCZToXv9sJxjcwQ+AMoNN2/MbHyn+3ij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) no-repeat 0 0;background-size: 65px 16px;
    background-position: -27px 0
}

.mod-welcome .welcome-item .menu-bd.show .tools-area {
    top: 0;
    -webkit-box-shadow: 0 0 16px 0 hsla(0,0%,77.3%,.5);
    box-shadow: 0 0 16px 0 hsla(0,0%,77.3%,.5)
}

.mod-welcome .welcome-item .menu-bd .tools-area {
    -webkit-transition: top .2s ease-in-out .1s;
    -o-transition: top .2s ease-in-out .1s;
    transition: top .2s ease-in-out .1s;
    position: absolute;
    top: -300px;
    z-index: 1;
    width: 100px;
    padding-top: 32px
}

.mod-welcome .welcome-item .menu-bd .tools-area.show {
    top: 0;
    -webkit-box-shadow: 0 0 16px 0 hsla(0,0%,77.3%,.5);
    box-shadow: 0 0 16px 0 hsla(0,0%,77.3%,.5)
}

.mod-welcome .welcome-item .menu-bd .user-info {
    width: 100px;
    height: 32px;
    position: relative;
    z-index: 2;
    background: 0 0
}

.mod-welcome .welcome-item .menu-bd .user-info.active {
    background: #fff
}

.mod-welcome .welcome-item .menu-bd .user-info.active .name {
    color: #316ccb
}

.mod-welcome .welcome-item .menu-bd .user-info.active .top-bar-icon.arrow {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAgCAYAAADe16AYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF6WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMDMtMjVUMTM6NTc6MzQrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIyLTAzLTI1VDE0OjA1OjIyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyLTAzLTI1VDE0OjA1OjIyKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE0NWZjNzM4LTkwMmYtNDQ5MS04ZWFlLTkxMzRiOTllNGZjMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MjFmMzA0Ni1kMzU4LTQ0ZmUtOGYyYy1kOTExNWFlYjQxNDkiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0MjFmMzA0Ni1kMzU4LTQ0ZmUtOGYyYy1kOTExNWFlYjQxNDkiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjQyMWYzMDQ2LWQzNTgtNDRmZS04ZjJjLWQ5MTE1YWViNDE0OSIgc3RFdnQ6d2hlbj0iMjAyMi0wMy0yNVQxMzo1NzozNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjE0NWZjNzM4LTkwMmYtNDQ5MS04ZWFlLTkxMzRiOTllNGZjMiIgc3RFdnQ6d2hlbj0iMjAyMi0wMy0yNVQxNDowNToyMiswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+l4x9xwAACGhJREFUeJztm3tQVNcdxz8/FuTlI/FZDIkRk2gHCwKSlSUdKhZRO6kmNo6TtKlTlbGBtJOxgyYmaEzbmFQnY4VMarVTbdpJJ6PBMULUFms1Sx0FQSMuGsCwPkAjpimuGF1O/zi77C7v3SUGdT8zO9zzO7/zO/fufu/vPO5FlFJ0xrxXqwbUXr62WsGzSqmoTp16QEQuCGyNGRae9/6q2K968jebzXOUUh8A5WFhYTOTkpIududfVlY2sqWlpRhIFJEnTCZToXv9sJxjcwQ+AMoNN2/MbHyn+3ij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) no-repeat 0 0;background-size: 65px 16px;
    background-position: -27px 0;
    width: 9px;
    height: 4px
}

.mod-welcome .welcome-item .menu-bd .user-info span {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-family: Arial;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #656565;
    margin-left: 8px;
    cursor: default
}

.mod-welcome .welcome-item .menu-bd .user-info .top-bar-icon.arrow {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 4px;
    width: 10px;
    height: 4px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAgCAYAAADe16AYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF6WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMDMtMjVUMTM6NTc6MzQrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIyLTAzLTI1VDE0OjA1OjIyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyLTAzLTI1VDE0OjA1OjIyKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE0NWZjNzM4LTkwMmYtNDQ5MS04ZWFlLTkxMzRiOTllNGZjMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MjFmMzA0Ni1kMzU4LTQ0ZmUtOGYyYy1kOTExNWFlYjQxNDkiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0MjFmMzA0Ni1kMzU4LTQ0ZmUtOGYyYy1kOTExNWFlYjQxNDkiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjQyMWYzMDQ2LWQzNTgtNDRmZS04ZjJjLWQ5MTE1YWViNDE0OSIgc3RFdnQ6d2hlbj0iMjAyMi0wMy0yNVQxMzo1NzozNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjE0NWZjNzM4LTkwMmYtNDQ5MS04ZWFlLTkxMzRiOTllNGZjMiIgc3RFdnQ6d2hlbj0iMjAyMi0wMy0yNVQxNDowNToyMiswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+l4x9xwAACGhJREFUeJztm3tQVNcdxz8/FuTlI/FZDIkRk2gHCwKSlSUdKhZRO6kmNo6TtKlTlbGBtJOxgyYmaEzbmFQnY4VMarVTbdpJJ6PBMULUFms1Sx0FQSMuGsCwPkAjpimuGF1O/zi77C7v3SUGdT8zO9zzO7/zO/fufu/vPO5FlFJ0xrxXqwbUXr62WsGzSqmoTp16QEQuCGyNGRae9/6q2K968jebzXOUUh8A5WFhYTOTkpIududfVlY2sqWlpRhIFJEnTCZToXv9sJxjcwQ+AMoNN2/MbHyn+3ij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) no-repeat 0 0;background-size: 65px 16px;
    background-position: -17px 0
}

.mod-welcome .welcome-item .menu-bd .user-info i {
    display: inline-block;
    color: #c5c5c5;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    cursor: default
}

.mod-welcome .welcome-item .menu-bd .link ul li,.mod-welcome .welcome-item .menu-bd .tools ul li {
    line-height: 32px
}

.mod-welcome .welcome-item .menu-bd .link ul li a,.mod-welcome .welcome-item .menu-bd .tools ul li a {
    display: block;
    text-align: center
}

.mod-welcome .welcome-item .menu-bd .link ul li a:hover,.mod-welcome .welcome-item .menu-bd .tools ul li a:hover {
    background: #f5f5f5
}

.mod-welcome .welcome-item .menu-bd .link {
    background: #fff;
    padding: 10px 0 0
}

.mod-welcome .welcome-item .menu-bd .tools {
    background: #fff;
    padding: 0 0 10px
}

.mod-welcome .app-download {
    position: relative;
    margin: 0 16px 0 10px;
    padding-left: 20px;
    height: 32px;
    line-height: 32px;
    color: #656565;
    display: inline-block
}

.mod-welcome .app-download .text {
    padding-right: 16px;
    border-right: 1px solid #e1e1e1
}

.mod-welcome .app-download:hover,.mod-welcome .app-download:visited {
    text-decoration: none;
    cursor: pointer
}

.mod-welcome .app-download:before {
    position: absolute;
    left: 0;
    top: 8px;
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAgCAYAAADe16AYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF6WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMDMtMjVUMTM6NTc6MzQrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIyLTAzLTI1VDE0OjA1OjIyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyLTAzLTI1VDE0OjA1OjIyKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE0NWZjNzM4LTkwMmYtNDQ5MS04ZWFlLTkxMzRiOTllNGZjMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MjFmMzA0Ni1kMzU4LTQ0ZmUtOGYyYy1kOTExNWFlYjQxNDkiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0MjFmMzA0Ni1kMzU4LTQ0ZmUtOGYyYy1kOTExNWFlYjQxNDkiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjQyMWYzMDQ2LWQzNTgtNDRmZS04ZjJjLWQ5MTE1YWViNDE0OSIgc3RFdnQ6d2hlbj0iMjAyMi0wMy0yNVQxMzo1NzozNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjE0NWZjNzM4LTkwMmYtNDQ5MS04ZWFlLTkxMzRiOTllNGZjMiIgc3RFdnQ6d2hlbj0iMjAyMi0wMy0yNVQxNDowNToyMiswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+l4x9xwAACGhJREFUeJztm3tQVNcdxz8/FuTlI/FZDIkRk2gHCwKSlSUdKhZRO6kmNo6TtKlTlbGBtJOxgyYmaEzbmFQnY4VMarVTbdpJJ6PBMULUFms1Sx0FQSMuGsCwPkAjpimuGF1O/zi77C7v3SUGdT8zO9zzO7/zO/fufu/vPO5FlFJ0xrxXqwbUXr62WsGzSqmoTp16QEQuCGyNGRae9/6q2K968jebzXOUUh8A5WFhYTOTkpIududfVlY2sqWlpRhIFJEnTCZToXv9sJxjcwQ+AMoNN2/MbHyn+3ij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) no-repeat 0 0;background-size: 65px 16px;
    background-position: 0 0;
    content: " "
}

.mod-welcome .slogan {
    margin-right: 4px
}

.mod-welcome .login {
    margin-right: 8px
}

.mod-welcome .login,.mod-welcome .register {
    font-size: 12px
}

.mod-tools {
    float: right
}

.mod-tools li {
    float: left
}

.mod-tools a {
    text-decoration: none
}

.mod-tools .tool-item {
    position: relative;
    text-align: center;
    height: 32px
}

.mod-tools .tool-item:hover {
    z-index: 3;
    -webkit-box-shadow: 0 0 16px 0 hsla(0,0%,77.3%,.5);
    box-shadow: 0 0 16px 0 hsla(0,0%,77.3%,.5)
}

.mod-tools .tool-item:hover .bar-title {
    background: #fff;
    z-index: 1;
    color: #316ccb
}

.mod-tools .tool-item:hover .bar-title i {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAgCAYAAADe16AYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF6WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMDMtMjVUMTM6NTc6MzQrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIyLTAzLTI1VDE0OjA1OjIyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyLTAzLTI1VDE0OjA1OjIyKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE0NWZjNzM4LTkwMmYtNDQ5MS04ZWFlLTkxMzRiOTllNGZjMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MjFmMzA0Ni1kMzU4LTQ0ZmUtOGYyYy1kOTExNWFlYjQxNDkiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0MjFmMzA0Ni1kMzU4LTQ0ZmUtOGYyYy1kOTExNWFlYjQxNDkiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjQyMWYzMDQ2LWQzNTgtNDRmZS04ZjJjLWQ5MTE1YWViNDE0OSIgc3RFdnQ6d2hlbj0iMjAyMi0wMy0yNVQxMzo1NzozNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjE0NWZjNzM4LTkwMmYtNDQ5MS04ZWFlLTkxMzRiOTllNGZjMiIgc3RFdnQ6d2hlbj0iMjAyMi0wMy0yNVQxNDowNToyMiswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+l4x9xwAACGhJREFUeJztm3tQVNcdxz8/FuTlI/FZDIkRk2gHCwKSlSUdKhZRO6kmNo6TtKlTlbGBtJOxgyYmaEzbmFQnY4VMarVTbdpJJ6PBMULUFms1Sx0FQSMuGsCwPkAjpimuGF1O/zi77C7v3SUGdT8zO9zzO7/zO/fufu/vPO5FlFJ0xrxXqwbUXr62WsGzSqmoTp16QEQuCGyNGRae9/6q2K968jebzXOUUh8A5WFhYTOTkpIududfVlY2sqWlpRhIFJEnTCZToXv9sJxjcwQ+AMoNN2/MbHyn+3ij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) no-repeat 0 0;background-size: 65px 16px;
    background-position: -27px 0
}

.mod-tools .tool-item:hover .bar-content {
    display: block
}

.mod-tools .item-cate .bar-content {
    width: 260px
}

.mod-tools .item-cate .bar-content ul {
    padding: 0 16px
}

.mod-tools .item-cate .bar-content li {
    padding: 12px 0
}

.mod-tools .item-cate .bar-content .title {
    font-size: 14px;
    margin-bottom: 8px
}

.mod-tools .item-cate .bar-content .title span {
    vertical-align: 1.5px
}

.mod-tools .item-cate .bar-content .title a {
    color: #353535;
    font-weight: 700
}

.mod-tools .item-cate .bar-content .cate-list {
    overflow: hidden;
    margin-left: -16px
}

.mod-tools .item-cate .bar-content .cate-list a {
    margin: 0 0 3px 16px;
    display: inline-block
}

.mod-tools .bar-title {
    display: block;
    height: 32px;
    line-height: 32px;
    color: #959595;
    padding: 0 8px;
    position: relative
}

.mod-tools .bar-title i {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAgCAYAAADe16AYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF6WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMDMtMjVUMTM6NTc6MzQrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIyLTAzLTI1VDE0OjA1OjIyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyLTAzLTI1VDE0OjA1OjIyKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE0NWZjNzM4LTkwMmYtNDQ5MS04ZWFlLTkxMzRiOTllNGZjMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MjFmMzA0Ni1kMzU4LTQ0ZmUtOGYyYy1kOTExNWFlYjQxNDkiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0MjFmMzA0Ni1kMzU4LTQ0ZmUtOGYyYy1kOTExNWFlYjQxNDkiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjQyMWYzMDQ2LWQzNTgtNDRmZS04ZjJjLWQ5MTE1YWViNDE0OSIgc3RFdnQ6d2hlbj0iMjAyMi0wMy0yNVQxMzo1NzozNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjE0NWZjNzM4LTkwMmYtNDQ5MS04ZWFlLTkxMzRiOTllNGZjMiIgc3RFdnQ6d2hlbj0iMjAyMi0wMy0yNVQxNDowNToyMiswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+l4x9xwAACGhJREFUeJztm3tQVNcdxz8/FuTlI/FZDIkRk2gHCwKSlSUdKhZRO6kmNo6TtKlTlbGBtJOxgyYmaEzbmFQnY4VMarVTbdpJJ6PBMULUFms1Sx0FQSMuGsCwPkAjpimuGF1O/zi77C7v3SUGdT8zO9zzO7/zO/fufu/vPO5FlFJ0xrxXqwbUXr62WsGzSqmoTp16QEQuCGyNGRae9/6q2K968jebzXOUUh8A5WFhYTOTkpIududfVlY2sqWlpRhIFJEnTCZToXv9sJxjcwQ+AMoNN2/MbHyn+3ij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) no-repeat 0 0;background-size: 65px 16px;
    background-position: -17px 0;
    display: inline-block;
    width: 10px;
    height: 4px;
    margin-left: 4px;
    vertical-align: 2px
}

.mod-tools .bar-title:hover {
    color: #316ccb
}

.mod-tools .bar-content {
    display: none;
    position: absolute;
    top: 32px;
    right: 0;
    width: 100%;
    padding: 12px 0;
    background: #fff;
    -webkit-box-shadow: 0 0 16px 0 hsla(0,0%,77.3%,.5);
    box-shadow: 0 0 16px 0 hsla(0,0%,77.3%,.5);
    text-align: left
}

.mod-tools .bar-content a {
    color: #656565
}

.mod-tools .bar-content a:hover {
    color: #316ccb
}

.mod-tools .bar-content dd {
    height: 32px;
    line-height: 32px;
    text-align: center
}

.mod-tools .bar-content dd a {
    display: block;
    padding: 0 8px
}

.mod-tools .bar-content dd a:hover {
    background: #f5f5f5
}

.mod-tools .bar-content dd.line {
    width: 62px;
    background: #f1f1f1;
    height: 1px;
    margin: 6px auto
}

.mod-tools .seller-item dd:nth-child(6) {
    display: block
}

.mod-tools .service-item .im {
    cursor: pointer
}

h1,h2,h3,h4,h5 {
    font-weight: 400
}

a,abbr,acronym,address,applet,big,blockquote,body,button,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,input,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var {
    margin: 0;
    padding: 0
}

body,html {
    min-height: 100%
}

body {
    line-height: 1.5;
    color: #656565;
    background: #f1f1f1;
    font-size: 12px;
    font-family: -apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Roboto,Arial,Microsoft YaHei,sans-serif
}

ol,ul {
    list-style: none
}
a {
    color: #656565
}

a,a:hover {
    text-decoration: none
}

a:hover {
    color: #316ccb
}

a img {
    border: none
}

em,i {
    font-style: normal
}

.layout-head {
    min-height: 160px
}

.group-head {
    position: relative;
    z-index: 98;
    background: #fff;
    line-height: 1.5;
    color: #656565;
    font-size: 12px;
    font-family: -apple-system,BlinkMacSystemFont,Hiragino Sans GB,Microsoft YaHei,sans-serif;
    box-shadow: inset 0 -1px 0 0 #f1f1f1;
    transition: top .3s ease-out
}

.group-head.top {
    top: -56px;
    position: fixed;
    width: 100%
}

.group-head .group-inner {
    width: 1184px;
    margin: 0 auto;
    height: 120px
}

.group-head .group-inner a {
    color: #656565;
    text-decoration: none
}

.group-head .group-inner a:hover {
    color: #316ccb;
    text-decoration: none
}

.mod-logo {
    height: 100%;
    float: left;
    margin-left: 16px
}

.mod-logo h1 p {
    font-size: 12px;
    color: #959595;
    margin-top: 6px
}

.mod-logo .logo {
    display: block;
    width: 154px;
    height: 58px;
    margin-top: 21px;
    background: url(../images/logo_308_116.png) no-repeat;
    background-size: 154px 58px
}

.mod-logo .mod-category .part-category {
    display: none
}

.mod-logo .mod-category.down {
    width: 125px;
    position: relative
}

.mod-logo .mod-category.down .part-category-title {
    box-shadow: 0 0 16px 0 hsla(0,0%,77%,.5)
}

.mod-logo .mod-category.down .part-category-title .all-title .wag-icon {
    vertical-align: top;
    transform: rotate(-180deg)
}

.mod-logo .mod-category.down .part-category-bg {
    position: absolute;
    height: 20px;
    background: #fff;
    z-index: 3;
    top: 40px;
    width: 125px
}

.mod-logo .mod-category.down .part-category {
    display: block;
    box-shadow: 0 0 16px 0 hsla(0,0%,77%,.5)
}

.mod-mini-search {
    float: left;
    margin: 30px 0 0 130px;
    width: 512px;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    transition: top .3s ease-out
}

.mod-mini-search .mod-mini-search-inner {
    width: 418px;
    height: 40px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-left: 2px solid #316ccb;
    border-top: 2px solid #316ccb;
    border-bottom: 2px solid #316ccb;
    box-sizing: border-box;
    position: relative;
    z-index: 2
}

.mod-mini-search input::-webkit-input-placeholder {
    color: #c5c5c5
}

.mod-mini-search input:-moz-placeholder,.mod-mini-search input::-moz-placeholder {
    color: #c5c5c5
}

.mod-mini-search input:-ms-input-placeholder {
    color: #c5c5c5
}

.mod-mini-search .search-type {
    float: left;
    cursor: pointer;
    position: relative;
    width: 70px;
    height: 36px;
    line-height: 36px
}

.mod-mini-search .search-type:hover .change-type {
    display: block
}

.mod-mini-search .search-type.arrow .wag-icon {
    transform: rotate(-180deg)
}

.mod-mini-search .search-type .main-type {
    background: #fff;
    position: relative;
    z-index: 1;
    height: 36px;
    line-height: 36px;
    padding-left: 16px;
    color: #353535
}

.mod-mini-search .search-type .main-type i {
    position: absolute;
    right: 10px;
    color: #c5c5c5;
    transition: transform .3s
}

.mod-mini-search .search-type .change-type {
    overflow: hidden;
    display: none;
    box-shadow: 0 0 16px 0 hsla(0,0%,77%,.5)
}

.mod-mini-search .search-type .change-type ul {
    margin-top: 2px;
    background: #fff
}

.mod-mini-search .search-type .change-type li {
    height: 40px;
    line-height: 40px;
    padding-left: 16px
}

.mod-mini-search .search-type .change-type li:hover {
    background: #f5f5f5
}

.mod-mini-search .search-input {
    position: relative;
    float: left;
    width: 344px;
    height: 36px;
    line-height: 36px;
    background: #fff
}

.mod-mini-search .fe-autocompletion {
    width: 100%;
    margin-top: 3px
}

.mod-mini-search .keywords-list {
    display: none;
    position: absolute;
    top: 40px;
    left: 72px;
    width: 344px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 16px 0 hsla(0,0%,77%,.5)
}

.mod-mini-search .keywords-list li {
    padding: 8px 16px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mod-mini-search .keywords-list li:hover {
    cursor: pointer;
    background: #f5f5f5
}

.mod-mini-search .mini-search-keywords {
    color: #353535;
    padding: 0 16px;
    border: none;
    outline: 0;
    display: block;
    width: 344px;
    height: 36px;
    box-sizing: border-box
}

.mod-mini-search .cover {
    height: 20px;
    float: left;
    border-left: 1px solid #c5c5c5;
    margin-top: 8px
}

.mod-mini-search .mini-search-submit {
    width: 96px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    border-radius: 0;
    outline: 0;
    cursor: pointer;
    color: #fff;
    background: #316ccb;
    text-indent: 1px;
    font-size: 14px
}

.mod-mini-search .mini-search-submit:hover {
    background: #407fe7
}

.mod-mini-search .mod-hot-query {
    white-space: nowrap;
    overflow: hidden;
    font-size: 0
}

.mod-mini-search .mod-hot-query li {
    display: inline-block;
    padding: 5px 8px;
    font-size: 12px
}

.mod-mini-search .mod-hot-query li.high-light a {
    color: #ff7300
}

.mod-mini-search .mod-hot-query li:first-child {
    padding: 4px 0
}

.mod-menu {
    float: left;
    line-height: 60px
}

.mod-menu .hrd {
    position: relative;
    float: left;
    margin: 30px 0 0 16px;
    display: inline-block;
    border-radius: 2px
}

.mod-menu .hrd:hover .hrd-hover-drop-main {
    display: block
}

.mod-menu .hrd .hrd-hover-drop-main {
    display: none;
    height: 344px;
    width: 364px;
    position: absolute;
    z-index: 99;
    right: 0;
    top: 44px;
    padding-top: 12px;
    cursor: default;
    background: #fff
}

.mod-menu .hrd .hrd-hover-drop {
    box-shadow: 0 0 16px 0 hsla(0,0%,77%,.5);
    background: #fff;
    height: 296px;
    width: 316px;
    padding: 24px
}

.mod-menu .hrd .hrd-hover-drop:after,.mod-menu .hrd .hrd-hover-drop:before {
    position: absolute;
    top: 0;
    right: 27px;
    display: block;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    content: ""
}

.mod-menu .hrd .hrd-hover-drop-logo {
    margin: 5px auto 0;
    width: 172px;
    height: 52px;
    background: url(//img.wuage.com/public/149880605121184141433_344_104.png) no-repeat;
    background-size: cover
}

.mod-menu .hrd .hrd-hover-drop-content {
    height: 146px;
    margin: 30px 0 32px;
    text-align: left
}

.mod-menu .hrd .hrd-hover-drop-content p {
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    color: #959595;
    border-bottom: 1px solid #f1f1f1
}

.mod-menu .hrd .hrd-hover-drop-content p em {
    display: inline-block;
    width: 70px;
    margin-right: 10px;
    color: #353535;
    font-weight: 700;
    font-family: initial
}

.mod-menu .hrd .hrd-hover-drop-content p.f {
    border-top: 1px solid #f1f1f1
}

.mod-menu .hrd .hrd-hover-drop-btn {
    display: block;
    margin: 0 auto;
    border: 1px solid #316ccb;
    height: 30px;
    line-height: 32px;
    width: 118px;
    color: #316ccb;
    text-align: center
}

.mod-menu .hrd .hrd-hover-drop-btn:hover {
    background: #316ccb;
    color: #fff!important
}

.mod-menu .hrd .hrd-landing {
    float: left;
    display: inline-block;
    width: 112px;
    height: 40px;
    border-radius: 2px;
    background-color: #ff8f32;
    line-height: 40px;
    color: #fff;
    text-align: center;
    font-size: 14px
}

.mod-menu .hrd .hrd-landing:hover {
    color: #fff;
    background: #ffa44a
}

.mod-menu .online-service {
    display: none
}

.group-nav {
    background: #fff
}

.group-nav .mod-nav {
    line-height: 40px
}

.group-nav .mod-nav ul {
    width: 1184px;
    height: 40px
}

.group-nav .mod-nav .first-level-nav ul {
    margin: 0 auto;
    padding-left: 15px
}

.group-nav .mod-nav ul li {
    float: left;
    position: relative;
    padding: 0 15px
}

.group-nav .mod-nav ul li .nav,.group-nav .mod-nav ul li a {
    display: block;
    padding: 0 10px;
    font-size: 16px;
    color: #353535;
    font-weight: 600
}

.group-nav .mod-nav .nav-more-service {
    position: relative;
    z-index: 21;
    padding: 0
}

.group-nav .mod-nav .nav-more-service .more-service {
    position: relative;
    background: #fff;
    z-index: 1
}

.group-nav .mod-nav ul li.entry {
    float: right
}

.group-nav .mod-nav ul li.entry:hover .entry-link {
    background-position: 0 5px
}

.group-nav .mod-nav ul li.entry .entry-link {
    width: 118px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    font-size: 16px;
    font-weight: 300;
    background-repeat: no-repeat;
    background-size: 236px 30px;
    background-position: -118px 5px;
    color: #fff;
    text-indent: 13px
}

.group-nav .mod-nav ul li.entry .entry-link.active {
    background-image: url(//img.wuage.com/15524471090007entry-sprite-compressed@2x.png)
}

.group-nav .mod-nav .nav-more-service:hover {
    box-shadow: 0 0 16px 0 hsla(0,0%,77.3%,.5)
}

.group-nav .mod-nav .nav-more-service:hover .more-service {
    color: #316ccb
}

.group-nav .mod-nav .nav-more-service:hover .service-list {
    box-shadow: 0 0 16px 0 hsla(0,0%,77.3%,.5)
}

.group-nav .mod-nav .nav-more-service .more-service:hover {
    cursor: pointer
}

.group-nav .mod-nav .nav-more-service .more-service .act a {
    color: #316ccb
}

.group-nav .mod-nav .nav-more-service:hover .service-list {
    top: 40px
}

.group-nav .mod-nav .nav-more-service .service-list .services {
    width: 100%;
    padding-bottom: 8px;
    background: #fff
}

.group-nav .mod-nav .nav-more-service .service-list .services a {
    font-weight: 400
}

.group-nav .mod-nav .nav-more-service .service-list {
    position: absolute;
    left: 0;
    top: -72px;
    width: 100%;
    text-align: center;
    transition: all .2s;
    box-sizing: border-box;
    background: #fff
}

.group-nav .mod-nav .nav-more-service .service-list a {
    height: 32px;
    line-height: 32px;
    padding: 0;
    font-size: 14px;
    color: #656565
}

.group-nav .mod-nav .nav-more-service .service-list a:hover {
    background: #f5f5f5;
    color: #316ccb
}

.group-nav .mod-nav ul li .nav a {
    font-size: 14px;
    font-weight: 400;
    color: #656565
}

.group-nav .mod-nav ul li a.act {
    color: #316ccb
}

.group-nav .mod-nav ul li.nav a:hover {
    color: #316ccb;
    background: #e3ecfd
}

.group-nav .mod-nav ul li .wag-icon {
    position: absolute;
    top: 5px;
    right: 10px
}

.group-nav .mod-nav ul li .wag-icon.icon-new {
    width: 13px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAgCAYAAADe16AYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF6WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMDMtMjVUMTM6NTc6MzQrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIyLTAzLTI1VDE0OjA1OjIyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyLTAzLTI1VDE0OjA1OjIyKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE0NWZjNzM4LTkwMmYtNDQ5MS04ZWFlLTkxMzRiOTllNGZjMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MjFmMzA0Ni1kMzU4LTQ0ZmUtOGYyYy1kOTExNWFlYjQxNDkiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0MjFmMzA0Ni1kMzU4LTQ0ZmUtOGYyYy1kOTExNWFlYjQxNDkiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjQyMWYzMDQ2LWQzNTgtNDRmZS04ZjJjLWQ5MTE1YWViNDE0OSIgc3RFdnQ6d2hlbj0iMjAyMi0wMy0yNVQxMzo1NzozNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjE0NWZjNzM4LTkwMmYtNDQ5MS04ZWFlLTkxMzRiOTllNGZjMiIgc3RFdnQ6d2hlbj0iMjAyMi0wMy0yNVQxNDowNToyMiswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+l4x9xwAACGhJREFUeJztm3tQVNcdxz8/FuTlI/FZDIkRk2gHCwKSlSUdKhZRO6kmNo6TtKlTlbGBtJOxgyYmaEzbmFQnY4VMarVTbdpJJ6PBMULUFms1Sx0FQSMuGsCwPkAjpimuGF1O/zi77C7v3SUGdT8zO9zzO7/zO/fufu/vPO5FlFJ0xrxXqwbUXr62WsGzSqmoTp16QEQuCGyNGRae9/6q2K968jebzXOUUh8A5WFhYTOTkpIududfVlY2sqWlpRhIFJEnTCZToXv9sJxjcwQ+AMoNN2/MbHyn+3ij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) no-repeat 0 0;background-size: 65px 16px;
    background-position: -51px 0
}

.group-nav .mod-nav ul li .wag-icon.icon-hot {
    width: 13px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAgCAYAAADe16AYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF6WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMDMtMjVUMTM6NTc6MzQrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIyLTAzLTI1VDE0OjA1OjIyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyLTAzLTI1VDE0OjA1OjIyKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE0NWZjNzM4LTkwMmYtNDQ5MS04ZWFlLTkxMzRiOTllNGZjMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MjFmMzA0Ni1kMzU4LTQ0ZmUtOGYyYy1kOTExNWFlYjQxNDkiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0MjFmMzA0Ni1kMzU4LTQ0ZmUtOGYyYy1kOTExNWFlYjQxNDkiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjQyMWYzMDQ2LWQzNTgtNDRmZS04ZjJjLWQ5MTE1YWViNDE0OSIgc3RFdnQ6d2hlbj0iMjAyMi0wMy0yNVQxMzo1NzozNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjE0NWZjNzM4LTkwMmYtNDQ5MS04ZWFlLTkxMzRiOTllNGZjMiIgc3RFdnQ6d2hlbj0iMjAyMi0wMy0yNVQxNDowNToyMiswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+l4x9xwAACGhJREFUeJztm3tQVNcdxz8/FuTlI/FZDIkRk2gHCwKSlSUdKhZRO6kmNo6TtKlTlbGBtJOxgyYmaEzbmFQnY4VMarVTbdpJJ6PBMULUFms1Sx0FQSMuGsCwPkAjpimuGF1O/zi77C7v3SUGdT8zO9zzO7/zO/fufu/vPO5FlFJ0xrxXqwbUXr62WsGzSqmoTp16QEQuCGyNGRae9/6q2K968jebzXOUUh8A5WFhYTOTkpIududfVlY2sqWlpRhIFJEnTCZToXv9sJxjcwQ+AMoNN2/MbHyn+3ij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) no-repeat 0 0;background-size: 65px 16px;
    background-position: -37px 0
}

.login-info {
    float: right;
    height: 32px;
    display: none
}

.login-info a:hover {
    color: #316ccb
}

.login-info .fg {
    width: 1px;
    height: 12px;
    margin: 0 8px;
    border-left: 1px solid #656565;
    float: left;
    position: relative;
    top: 10px
}

.login-info .welcome {
    min-height: 32px;
    float: left;
    border-width: 0 1px
}

.login-info .welcome .pipe {
    color: #f5f5f5;
    margin: 0 10px
}

.login-info .welcome:hover .user-info span {
    color: #316ccb
}

.login-info #register {
    margin-left: 2px
}

.login-info .login-register {
    line-height: 32px;
    height: 32px;
    text-align: center;
    padding: 0 8px;
    font-size: 0;
    float: left
}

.login-info .login-register a {
    color: #353535;
    font-size: 12px;
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    padding: 0 8px
}

.login-info .login-register a:hover {
    background: #fff;
    border-width: 0 1px;
    position: relative;
    z-index: 1;
    color: #316ccb;
    box-shadow: 0 0 16px 0 hsla(0,0%,77%,.5)
}

.login-info .menu-bd {
    display: none;
    width: 110px;
    float: left
}

.login-info .menu-bd:hover {
    background: #fff;
    border-width: 0 1px;
    position: relative;
    z-index: 1
}

.login-info .menu-bd:hover .user-info span {
    color: #316ccb
}

.login-info .menu-bd:hover .user-info {
    background: #fff
}

.login-info .menu-bd:hover .wag-icon {
    transition: .2s ease-in-out .2s;
    transform: rotate(-180deg)
}

.login-info .menu-bd .user-info {
    height: 32px;
    line-height: 32px;
    position: relative;
    z-index: 2;
    padding: 0 8px
}

.login-info .menu-bd .user-info span {
    display: inline-block;
    text-align: left;
    font-family: Arial;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #c5c5c5;
    cursor: default
}

.login-info .menu-bd .user-info i {
    position: absolute;
    color: #c5c5c5;
    transition: transform .3s;
    cursor: default
}

.login-info .menu-bd:hover .bar-content-bd {
    display: block
}

.bar-head {
    transition: top .3s ease-out
}

.bar-head-init {
    top: -190px;
    z-index: 1
}

.bar-head-init,.fixed {
    position: fixed;
    width: 100%;
    box-shadow: 0 0 16px 0 hsla(0,0%,77%,.5)
}

.fixed {
    top: 0;
    z-index: 2
}

.yug-clr:after {
    display: block;
    clear: both;
    height: 0;
    content: " "
}

@font-face {
    font-family:wagfont;src:url(//at.alicdn.com/t/font_292015_jhqozdqega3piudi.eot);src:url(//at.alicdn.com/t/font_292015_jhqozdqega3piudi.eot#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_292015_jhqozdqega3piudi.woff) format("woff"),url(//at.alicdn.com/t/font_292015_jhqozdqega3piudi.ttf) format("truetype"),url(//at.alicdn.com/t/font_292015_jhqozdqega3piudi.svg#iconfont) format("svg")
}

.wag-icon {
    font-size: 16px;
    font-family: wagfont!important;
    font-style: normal;
    color: #353535
}

.fe-show {
    display: block!important
}

.fe-hide {
    display: none!important
}

.yug-right {
    float: right
}

.yug-left {
    float: left
}

.wag-icon {
    vertical-align: sub
}

.wag-icon.icon-hrd {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAmVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VHQRUAAAAMnRSTlMAZDQv/PCZ+PTrKAoG4chDFujl3NbCtq6ooY97Z1VHiIVcTDwbDs21knM5IiASz3A+Gm//gYQAAAEiSURBVDjLpZPZbsIwEABNyAk5OEK4b1Io0Gv+/+Mquwq1VG9aqfOSfRjJm0ms2ujNy2zqqVbWMZpOm7PxCRa7IVG35ayA4U2pU8JCdAZjoqse5uSSk+bgr/R05ixJc4jQBxWwFJwlzG4lVF7CqC+8POR9VVcA0bvb8WKygR4uwN7tnEbEX21C2Lqd/hP+wUxvMFVupvDcJH8Vlt5B+Eh+cjt7mKQmeUYs/AHHiPGLST6Btdu5JwS9JrlQui7xi0dy5aaClZXcyQIuVnInK6jM8GGSOyl8ytpK7mIQkNyt5E42UFjJpY389Du5wJZMP64mucSMif4sJrlIzuwQDtHJf9BtSDAErluNzSjcpKpVGm89JeA19NQ/6fzG0dpJJPyj9AmquTJRwR0JkQAAAABJRU5ErkJggg==) no-repeat;background-size: 20px 20px
}

.wag-icon.icon-im {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(//img.wuage.com/public/149724886239146187513_74_32.png) no-repeat;
    background-size: cover
}

.first-level-nav {
    border-bottom: 1px solid #f1f1f1
}

.group-nav .mod-nav .first-level-nav ul li.nav .icon-arrow {
    background: url(//img.wuage.com/public/158700192642376400352_76_30.png) no-repeat;
    background-size: 38px;
    display: inline-block;
    width: 9px;
    height: 5px;
    background-position: -24px -5px;
    position: relative;
    top: -4px;
    right: 1px
}

.group-nav .mod-nav .first-level-nav ul li.nav .icon-arrow.unfold {
    background-position: -5px -5px;
    transform: rotate(180deg)
}

.group-nav .mod-nav .first-level-nav ul li.nav.act a {
    color: #316ccb
}

.main-nav-list {
    position: relative
}

.second-level-nav {
    position: relative;
    z-index: 20;
    transition: height .2s;
    height: 0
}

.second-level-nav .sub-nav-wraper.absolute {
    position: absolute;
    top: 0
}

.group-nav .mod-nav .sub-nav-wraper {
    background: #fff;
    width: 100%;
    box-shadow: 0 2px 4px 0 rgba(53,53,53,.1);
    overflow: hidden
}

.group-nav .mod-nav .sub-nav-wraper ul {
    height: 0;
    transition: height .2s;
    overflow: hidden
}

.group-nav .mod-nav .sub-nav-wraper .arrow-white {
    position: absolute;
    top: 0
}

.group-nav .mod-nav .sub-nav-wraper .arrow-white:before {
    position: absolute;
    top: -15px;
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-bottom-color: #f1f1f1
}

.group-nav .mod-nav .sub-nav-wraper .arrow-white:after {
    position: absolute;
    top: -14px;
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-bottom-color: #fff
}

.group-nav .mod-nav .sub-nav-wraper li a {
    font-weight: 400;
    font-size: 16px
}

.second-level-nav .sub-nav-wraper .sub-nav a:hover,.second-level-nav .sub-nav-wraper .sub-nav.act a {
    color: #316ccb
}

.group-head .mod-download-icon .download {
    display: block
}

.group-head .mod-download-icon .slogan:first-child {
    color: #656565
}

.group-head .mod-download-icon .slogan:nth-child(2) {
    color: #93969d
}

.group-head:not(.fixed):not(.top) .mod-download-icon {
    float: right;
    margin: 12px 12px 0 0
}

.group-head:not(.fixed):not(.top) .mod-download-icon .slogan {
    text-align: center
}

.group-head:not(.fixed):not(.top) .mod-download-icon .slogan:first-child {
    color: #656565
}

.group-head:not(.fixed):not(.top) .mod-download-icon .slogan:nth-child(2) {
    color: #93969d
}

.group-head:not(.fixed):not(.top) .mod-download-icon .download {
    padding-top: 64px;
    background: url(//img.wuage.com/public/163910696104629891956_128_128.png) top no-repeat;
    background-size: 64px 64px;
    margin: 0 auto
}

.group-head:not(.fixed):not(.top) .mod-download-icon p {
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #93969d
}

.view-common-head .floating-download-active {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 16px;
    width: 172px;
    background: #fff;
    text-align: center;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    opacity: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 16px 0 hsla(0,0%,76.9%,.5);
    box-shadow: 0 0 16px 0 hsla(0,0%,76.9%,.5)
}

.view-common-head .floating-download-active .download-link {
    display: block
}

.view-common-head .floating-download-active .download-link>img {
    display: inline-block;
    vertical-align: middle;
    width: 104px;
    height: 104px;
    margin: 8px auto 16px
}

.view-common-head .floating-download-active .slogan {
    font-size: 14px;
    color: #656565
}

.view-common-head .floating-download-active .slogan:nth-child(2) {
    font-size: 12px
}

@font-face {
    font-family:wagfont;src:url(//at.alicdn.com/t/font_292015_jhqozdqega3piudi.eot);src:url(//at.alicdn.com/t/font_292015_jhqozdqega3piudi.eot#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_292015_jhqozdqega3piudi.woff) format("woff"),url(//at.alicdn.com/t/font_292015_jhqozdqega3piudi.ttf) format("truetype"),url(//at.alicdn.com/t/font_292015_jhqozdqega3piudi.svg#iconfont) format("svg")
}

.wag-icon {
    font-size: 16px;
    font-family: wagfont!important;
    font-style: normal;
    color: #353535
}

.fe-show {
    display: block!important
}

.fe-hide {
    display: none!important
}

.yug-right {
    float: right
}

.yug-left {
    float: left
}

.wag-icon {
    vertical-align: sub
}

.wag-icon.icon-im {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(//img.wuage.com/public/149724886239146187513_74_32.png) no-repeat;
    background-size: cover
}

.group-foot {
    width: 100%;
    background: #fff;
    min-height: 117px;
    padding: 33px 0
}

.group-foot dl {
    float: left
}

.group-foot dt {
    font-size: 14px;
    color: #353535;
    line-height: 44px
}

.group-foot dd ul {
    float: left;
    margin-right: 40px
}

.group-foot dd li {
    line-height: 24px
}

.group-foot .mod-beginner,.group-foot .mod-service,.group-foot .mod-statement {
    width: 280px;
    float: left
}

.group-foot .mod-about {
    float: left;
    width: 210px
}

.group-foot .mod-contact a {
    cursor: pointer
}

.group-foot .mod-contact a:hover .icon-im {
    background-position: -21px 0
}

.group-copyright {
    width: 100%;
    background: #f1f1f1;
    min-height: 90px;
    color: #959595;
    padding: 20px 0 24px
}

.group-copyright.active .certs-group a {
    background-image: url(//img.wuage.com/public/149723977613531763640_447_92.png)
}

.group-copyright.active .mod-sign {
    background-image: url(//img.wuage.com/public/150285553555949267252_376_48.png)
}

.group-copyright .wuage-other-link {
    float: left
}

.group-copyright .wuage-other-link .wuage-link {
    margin: 0 0 5px;
    color: #c5c5c5;
    position: relative;
    display: inline-block
}

.group-copyright .wuage-other-link .wuage-link .wag-icon {
    vertical-align: -2px;
    color: #c5c5c5
}

.group-copyright .wuage-other-link .wuage-link a {
    margin: 0 10px;
    color: #c5c5c5
}

.group-copyright .wuage-other-link .wuage-link a:hover,.group-copyright .wuage-other-link .wuage-link a:hover .wag-icon {
    color: #316ccb
}

.group-copyright .wuage-other-link .wuage-link a:first-child {
    margin-left: 0
}

.group-copyright .wuage-other-link .wuage-link a.more {
    height: 18px;
    line-height: 18px;
    position: absolute;
    right: -56px;
    top: 0;
    margin: 0
}

.group-copyright .wuage-other-link .out-link {
    white-space: nowrap;
    overflow: hidden;
    max-width: 846px
}

.group-copyright .wuage-other-link .wuage-copyright,.group-copyright .wuage-other-link .wuage-copyright a {
    color: #c5c5c5
}

.group-copyright .wuage-other-link .wuage-copyright a:hover {
    color: #316ccb
}

.group-copyright .certs-group {
    float: right
}

.group-copyright .certs-group a {
    background-repeat: no-repeat;
    background-size: 223px 46px;
    display: inline-block;
    margin-left: 20px;
    width: 68px;
    height: 24px
}

.group-copyright .certs-group a.cert-1 {
    background-position: 0 0
}

.group-copyright .certs-group a.cert-2 {
    background-position: -156px 0
}

.group-copyright .certs-group a.cert-3 {
    background-position: -78px 0
}

.group-copyright .mod-inner {
    overflow: hidden
}

.group-copyright .mod-sign {
    clear: left;
    text-align: center;
    width: 188px;
    height: 24px;
    margin: 25px auto 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 188px 24px
}

.group-copyright-inner,.group-foot-inner {
    width: 1184px;
    margin: 0 auto;
    overflow: hidden;
    line-height: 1.5;
    color: #656565;
    font-size: 12px;
    font-family: -apple-system,BlinkMacSystemFont,Hiragino Sans GB,Microsoft YaHei,sans-serif
}

.group-copyright-inner a,.group-foot-inner a {
    color: #959595;
    text-decoration: none
}

.group-copyright-inner a:hover,.group-foot-inner a:hover {
    color: #316ccb;
    text-decoration: none
}

.allSiteBodyMw {
    min-width: 1184px
}

.all-site-dialog {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(35,35,35,.4);
    color: #656565;
    font-size: 12px;
    text-align: center
}

.all-site-dialog .close {
    position: absolute;
    right: 32px;
    top: 16px;
    background: url(//img.wuage.com/public/151203900831461200712_111_111.png) no-repeat;
    background-size: 100%;
    width: 55px;
    height: 55px;
    cursor: pointer
}

.all-site-dialog .inner {
    position: absolute;
    display: inline-block;
    width: 600px;
    height: 399px;
    line-height: 36px;
    text-align: left;
    vertical-align: middle;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -200px
}

.all-site-dialog .inner img {
    margin-top: -1px;
    width: 100%
}

.all-site-foot {
    position: fixed;
    width: 100%;
    z-index: 10;
    bottom: 0;
    font-size: 0
}

.all-site-foot img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.all-site-foot .close {
    cursor: pointer;
    position: absolute;
    right: 20%;
    top: 20%;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(//img.wuage.com/public/151203900845731626744_81_81.png) no-repeat;
    background-size: 100%
}

.wag-box {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.wag-box:hover {
    -webkit-box-shadow: 0 0 16px 0 hsla(0,0%,77.3%,.5);
    box-shadow: 0 0 16px 0 hsla(0,0%,77.3%,.5)
}

@-webkit-keyframes loading-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.group-head {
    position: relative;
    z-index: 98;
    background: #fff;
    line-height: 1.5;
    color: #656565;
    font-size: 12px;
    font-family: -apple-system,BlinkMacSystemFont,Hiragino Sans GB,Microsoft YaHei,sans-serif;
    -webkit-transition: top .3s ease-out;
    -o-transition: top .3s ease-out;
    transition: top .3s ease-out
}

.group-head.top .keywords-list {
    display: none!important
}

.group-head.fixed.normal .mod-mini-search,.group-head.top.normal .mod-mini-search {
    margin-left: 168px
}

.group-head.fixed .group-inner,.group-head.top .group-inner {
    height: 56px
}

.group-head.fixed .mod-mini-search,.group-head.top .mod-mini-search {
    height: 32px;
    margin: 12px 16px 12px 42px
}

.group-head.fixed .mod-mini-search .mini-search-submit,.group-head.fixed .mod-mini-search .mod-mini-search-inner,.group-head.top .mod-mini-search .mini-search-submit,.group-head.top .mod-mini-search .mod-mini-search-inner {
    height: 32px
}

.group-head.fixed .mod-mini-search .main-type,.group-head.fixed .mod-mini-search .mini-search-keywords,.group-head.fixed .mod-mini-search .search-input,.group-head.fixed .mod-mini-search .search-type,.group-head.top .mod-mini-search .main-type,.group-head.top .mod-mini-search .mini-search-keywords,.group-head.top .mod-mini-search .search-input,.group-head.top .mod-mini-search .search-type {
    height: 28px;
    line-height: 28px
}

.group-head.fixed .mod-mini-search .mod-hot-query,.group-head.top .mod-mini-search .mod-hot-query {
    display: none
}

.group-head.fixed .mod-mini-search .cover,.group-head.top .mod-mini-search .cover {
    margin-top: 4px
}

.group-head.fixed .mod-mini-search .keywords-list,.group-head.top .mod-mini-search .keywords-list {
    top: 32px
}

.group-head.fixed .mod-logo .logo,.group-head.top .mod-logo .logo {
    float: left;
    margin-top: 12px;
    width: 102px;
    height: 32px;
    background: url(../images/logo172_65.png) 50% no-repeat;
    background-size: 100% 100%
}

.group-head.fixed .mod-logo .mod-category,.group-head.top .mod-logo .mod-category {
    float: left;
    margin-left: 12px
}

.group-head.fixed .mod-logo .mod-category .part-category-title,.group-head.top .mod-logo .mod-category .part-category-title {
    display: block;
    cursor: default;
    height: 56px
}

.group-head.fixed .mod-menu .hrd,.group-head.top .mod-menu .hrd {
    margin: 12px auto
}

.group-head.fixed .mod-menu .hrd-landing,.group-head.top .mod-menu .hrd-landing {
    height: 32px;
    line-height: 32px
}

.group-head.fixed .mod-download-icon,.group-head.top .mod-download-icon {
    position: relative;
    float: right;
    margin: 0 auto 12px 0;
    padding-top: 12px
}

.group-head.fixed .mod-download-icon .download,.group-head.fixed .mod-download-icon>p,.group-head.top .mod-download-icon .download,.group-head.top .mod-download-icon>p {
    display: inline-block;
    vertical-align: middle
}

.group-head.fixed .mod-download-icon .download,.group-head.top .mod-download-icon .download {
    background: url(//img.wuage.com/public/163910696104629891956_128_128.png) 0 no-repeat;
    background-size: 32px 32px;
    margin: 0 6px 0 0;
    padding-left: 38px
}

.group-head.fixed .mod-download-icon .download .slogan,.group-head.top .mod-download-icon .download .slogan {
    text-align: left
}

.group-head.fixed {
    top: 0;
    position: fixed;
    z-index: 2;
    width: 100%;
    -webkit-box-shadow: 0 0 16px 0 hsla(0,0%,77.3%,.5);
    box-shadow: 0 0 16px 0 hsla(0,0%,77.3%,.5)
}

.group-head.fixed .mod-nav,.group-head.fixed .mod-special-logo {
    display: none
}

.group-head.fixed .floating-download-active.active {
    display: block
}

.group-head.fixed .floating-download-active.visible {
    opacity: 1
}