.header {
    min-width: 1200px;
    border-bottom: 5px solid #01af84
}

.topbar {
    background: #f5f5f5;
    height: 40px;
    line-height: 40px
}

.topbar .city-select {
    padding-top: 10px;
    float: left;
    border: 0;
    box-shadow: none;
    background: transparent;
    cursor: pointer
}

.topbar .right-info {
    height: 40px;
    float: right;
    overflow: hidden
}

.right-info .info-item {
    float: left
}

.info-item.info-cart {
    margin-right: 52px
}

.topbar,
.topbar .link,
.topbar .link-text {
    color: #333
}

.user-info .login,
.user-info .no-login {
    display: none
}

    {
    background: #fff;
    height: 96px
}

.search-area .logo {
    float: left;
    padding-top: 18px
}

.whs-search {
    width: 344px;
    height: 50px;
    float: right;
    padding-top: 22px
}

.form-top {
    border: 1px solid #01af84
}

.form-top .search-input {
    height: 48px;
    position: relative
}

.w-combobox {
    float: left;
    height: 48px
}

.w-combobox-input-wrap {
    position: relative;
    height: 48px;
    vertical-align: middle
}

.whs-search input {
    box-sizing: border-box;
    width: 284px;
    height: 48px;
    padding: 10px;
    outline: 0;
    border: 0;
    font: 16px/22px arial;
    color: #000
}

.whs-search input::-webkit-input-placeholder {
    color: #a7a7a7
}

.whs-search button.submit {
    width: 60px;
    height: 48px;
    border: 0;
    border-radius: 0;
    background: #01af84;
    position: absolute;
    right: 0;
    top: 0;
    outline: none;
    cursor: pointer;
    font-size: 18px;
    color: #fff
}

.whs-search button.submit i {
    font-size: 24px
}

.whs-search button.submit:hover {
    background: #00af84
}

.navbar {
    background: #fff
}

.navbar ul {
    float: left
}

.navbar ul li {
    width: 184px;
    z-index: 100
}

.navbar ul li,
.navbar ul li a {
    float: left;
    height: 45px;
    line-height: 45px;
    position: relative
}

.navbar ul li a {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #333
}

.navbar ul li a.active {
    background: #01af84;
    color: #fff
}

.navbar ul li a img {
    border: 1px solid #e9e8e6;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -66px;
    display: none
}

.navbar ul li a:hover img {
    display: block
}

.navbar .o-link {
    float: left;
    display: inline-block;
    margin: 5px 0 0 20px;
    font-size: 16px
}

.navbar .o-link span.o-link-first {
    padding: 0 5px;
    background: #55dab5;
    display: inline-block;
    line-height: 26px;
    color: #00795b
}

.navbar .o-link span.o-link-second {
    padding: 0 5px;
    background: #005bb5;
    display: inline-block;
    line-height: 26px;
    color: #fff
}

.kucity {
    font-family: \\5FAE\8F6F\96C5\9ED1;
    font-size: 12px;
    position: absolute;
    top: 50px;
    left: 50px;
    width: 317px;
    background: #fff;
    border: 1px solid #dedede;
    box-shadow: 0 0 5px 1px #dedede;
    padding: 10px;
    z-index: 100
}

.kucity h3 {
    font-size: 12px;
    font-weight: 400;
    color: #666
}

.kucity .kucity_nav {
    font-size: 0;
    padding-top: 10px;
    list-style: none
}

.kucity .kucity_nav li {
    cursor: pointer;
    font-size: 12px;
    margin-left: -1px;
    border: 1px solid #dedede;
    display: inline-block;
    color: #666;
    padding: 3px 7px;
    transition: all .2s
}

.kucity .kucity_nav li.active {
    background: #02af84;
    border-color: #02af84;
    color: #fff
}

.kucity .kucity_body {
    padding: 10px 5px;
    max-height: 230px;
    overflow-y: auto
}

.kucity .kucity_body .kucity_item {
    display: none
}

.kucity .kucity_body .kucity_item.active {
    display: block
}

.kucity_item dd,
.kucity_item dt {
    display: inline-block
}

.kucity_item dl {
    padding: 3px 0
}

.kucity_item dt {
    color: #02af84;
    padding-top: 3px;
    vertical-align: top;
    width: 10%
}

.kucity_item dd {
    width: 90%
}

.kucity_item dd span {
    width: 24%;
    display: inline-block;
    cursor: pointer;
    padding: 3px 0;
    border: 1px solid #fff;
    transition: all .3s
}

.kucity_item dd span:hover {
    color: #01af84
}

.kucity .result {
    list-style: none
}

.kucity .result li {
    padding: 5px;
    background-color: #fff;
    margin: 2px 0;
    cursor: pointer;
    overflow: hidden
}

.kucity .result li.active,
.kucity .result li.active .letter {
    background-color: #04a8fd;
    color: #fff
}

.kucity .result li .letter {
    float: right;
    color: #999
}

.kucity .result li .noresult {
    padding: 0 8px;
    color: #fd821b
}

.kucity .result li:hover,
.kucity .result li:hover>.letter {
    background-color: #04a8fd;
    color: #fff !important
}

.kucity_body::-webkit-scrollbar {
    width: 5px;
    height: 16px;
    background-color: #f5f5f5
}

.kucity_body::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f5f5f5
}

.kucity_body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #dedede
}

.kucity_body::-webkit-scrollbar-thumb:hover {
    background-color: #999
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #8d8d8d
}

.banner-box {
    width: 100%;
    height: 359px;
    position: relative
}

.index-banner {
    position: absolute;
    width: 100%;
    min-width: 1200px;
    height: 359px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets.banner-pagination {
    width: auto;
    left: auto;
    right: 20%
}

.category-box {
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.category-box .type-nav {
    width: 184px;
    border-right: 1px solid #eee;
    height: 359px;
    float: left;
    position: relative;
    z-index: 10;
    background: #ecedf1
}

.category-box .type-nav .type-title {
    line-height: 40px;
    height: 40px;
    padding-left: 20px;
    background: #f8f8f8;
    font-size: 16px;
    cursor: pointer;
    transition: all .2s
}

.category-box .type-nav .type-title.cur {
    background: #fff
}

.category-box .type-nav .type-title i {
    float: left;
    font-size: 22px;
    margin-right: 6px;
    color: #444
}

.category-box .type-nav .pad i {
    font-size: 22px
}

.category-box .type-nav ul.brand-list li {
    line-height: 40px;
    padding-left: 48px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    transition: all .2s
}

.category-box .type-nav ul.brand-list li i {
    float: right;
    margin-right: 20px;
    color: #666;
    transition: all .2s
}

.category-box .type-nav ul.brand-list li.more a {
    color: #333
}

.category-box .type-nav ul.brand-list li:hover {
    padding-left: 52px;
    background: #02af84;
    color: #fff
}

.category-box .type-nav ul.brand-list li:hover i {
    color: #fff;
    margin-right: 15px
}

.category-box .type-nav ul.brand-list li:hover a {
    color: #fff
}

.category-box .type-result {
    width: 840px;
    height: 358px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    float: left;
    background: #fff;
    position: relative;
    z-index: 10;
    display: none
}

.category-box .type-result ul li {
    width: 280px;
    height: 89px;
    line-height: 89px;
    float: left
}

.category-box .type-result ul li img {
    width: 40px;
    vertical-align: middle;
    margin-left: 38px;
    margin-right: 20px
}

.category-box .type-result ul li span {
    display: inline-block;
    width: 85px;
    height: 12px;
    line-height: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.category-box .type-result ul li a {
    display: inline-block;
    width: 58px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #00af84;
    border: 1px solid #00af84;
    margin-top: 34px;
    transition: all .2s
}

.category-box .type-result ul li a:hover {
    background: #00af84;
    color: #fff
}

.category-box .type-result a.product-more {
    position: absolute;
    width: 60px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background: #02af84;
    color: #fff;
    right: 68px;
    bottom: 32px;
    border-radius: 4px
}

.process-box {
    background: #fff
}

.process-box ul {
    padding: 40px 30px 30px
}

.process-box ul li {
    float: left;
    width: 100px;
    text-align: center
}

.process-box ul li:last-child {
    margin-right: 0
}

.process-box ul li div {
    margin: 0 auto 15px
}

.process-box ul li span {
    font-size: 20px;
    color: #333
}

.process-box ul span.process-dot {
    display: inline-block;
    float: left;
    width: 6px;
    margin: 40px 77px 0
}

.main-product-box {
    background: #f6f7fb
}

.product-box {
    top: 50px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .12)
}

ul.main-product-header li {
    float: left;
    width: 400px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    color: #000;
    font-size: 14px;
    background: #fff;
    border-bottom: 1px solid #01af84;
    cursor: pointer
}

ul.main-product-header li.active {
    background: #01af84;
    color: #fff
}

ul.nav-brands {
    height: 56px;
    background: #f3f4f5
}

ul.nav-brands a.more {
    color: #666;
    font-size: 14px
}

ul.nav-brands a.more:hover {
    color: #00af84
}

ul.nav-brands li {
    width: 133px;
    height: 56px;
    float: left;
    display: table;
    text-align: center
}

ul.nav-brands li:last-child {
    width: 136px
}

ul.nav-brands li.active {
    background: #fff
}

ul.nav-brands li a,
ul.nav-brands li span {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer
}

.active .icon-apple,
.active .icon-huawei,
.active .icon-meizu,
.active .icon-oppo,
.active .icon-samsung,
.active .icon-smartisan,
.active .icon-vivo,
.active .icon-xiaomi,
.icon-apple,
.icon-huawei,
.icon-meizu,
.icon-oppo,
.icon-samsung,
.icon-smartisan,
.icon-vivo,
.icon-xiaomi {
    display: inline-block;
    background-image: url(/dist/resource/brands.png)
}

.icon-apple {
    width: 20px;
    height: 24px;
    background-position: -170px -26px
}

.active .icon-apple {
    background-position: -170px -51px
}

.icon-samsung {
    width: 68px;
    height: 24px;
    background-position: 0 -121px
}

.active .icon-samsung {
    background-position: -68px -121px
}

.icon-xiaomi {
    width: 24px;
    height: 24px;
    background-position: -130px -76px
}

.active .icon-xiaomi {
    background-position: -154px -76px
}

.icon-huawei {
    width: 30px;
    height: 22px;
    background-position: -30px -168px
}

.active .icon-huawei {
    background-position: 0 -168px
}

.icon-meizu {
    width: 66px;
    height: 12px;
    background-position: -65px -307px
}

.active .icon-meizu {
    background-position: -131px -307px
}

.icon-smartisan {
    width: 32px;
    height: 32px;
    background-position: 0 -33px
}

.active .icon-smartisan {
    background-position: -32px -33px
}

.icon-oppo {
    width: 75px;
    height: 12px;
    background-position: 0 -319px
}

.active .icon-oppo {
    background-position: -75px -319px
}

.icon-vivo {
    width: 63px;
    height: 17px;
    background-position: -201px -109px
}

.active .icon-vivo {
    background-position: -201px -143px
}

.icon-honor {
    display: inline-block;
    width: 70px;
    height: 20px;
    background: url(/dist/resource/icon_honor.png)
}

.active .icon-honor {
    background: url(/dist/resource/icon_honor_hover.png)
}

.icon-more {
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 50%;
    background: #8e8e8e;
    margin: 0 2px
}

.main-product-list {
    display: none
}

#main-product-list-1 {
    display: block
}

.main-products ul li {
    width: 240px;
    height: 270px;
    float: left
}

.main-products ul li a {
    display: block;
    width: 100%;
    height: 100%
}

.main-products ul li a .img-box {
    width: 240px;
    height: 168px;
    padding-top: 20px;
    margin-bottom: 20px;
    position: relative
}

.main-products ul li a .img-box img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.main-products ul li a span {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #333
}

.main-products ul li a span i {
    font-style: normal;
    color: #01af84;
    padding: 0 3px
}

.main-products ul li a span.name {
    color: #666;
    margin-bottom: 8px
}

.transport-box {
    padding-top: 90px;
    background: #fff
}

span.part-title {
    display: block;
    font-size: 20px;
    line-height: 24px;
    color: #333;
    padding-left: 15px;
    position: relative;
    margin-bottom: 30px
}

span.part-title i {
    font-size: 14px;
    color: #a9a9a9;
    font-style: normal;
    margin-left: 10px
}

span.part-title i.number {
    color: #01af84
}

span.part-title:before {
    content: "";
    width: 2px;
    height: 24px;
    background: #005bb5;
    position: absolute;
    left: 0;
    top: 0
}

.transport-box .trans-pic {
    display: block;
    width: 1200px;
    margin: 0 auto
}

.index-comment-box {
    background: #fff;
    padding-top: 45px
}

.index-comment-box ul.swiper-slide {
    width: 100%;
    height: 300px
}

.index-comment-box ul.swiper-slide>li {
    float: left;
    width: 227px;
    margin-right: 15px;
    margin-top: 2px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .12)
}

.index-comment-box ul.swiper-slide>li:first-child {
    margin-left: 2px
}

.index-comment-box ul.swiper-slide>li:last-child {
    margin-right: 2px
}

.index-comment-box .u-top {
    padding: 22px 12px 32px 16px;
    border-bottom: 1px dashed #dfdfdf
}

.u-top .u-info {
    margin-bottom: 30px
}

.u-top .u-avatar {
    width: 33px;
    height: 33px;
    overflow: hidden;
    border-radius: 50%;
    float: left;
    margin-right: 12px
}

.u-top .u-avatar img {
    width: 100%;
    border-radius: 50%
}

.u-top .u-info-detail {
    float: left
}

.u-top .u-info-detail .u-mobile {
    font-size: 16px;
    color: #333
}

.u-top .u-info-detail ul.u-rate>li {
    width: 15px;
    height: 15px;
    float: left;
    background: url(/dist/resource/comment.png) -45px 0
}

.u-top .u-content {
    height: 88px;
    overflow: hidden;
    position: relative
}

.u-top .u-content:before {
    background: url(/dist/resource/comment.png) -45px -15px;
    left: 0;
    top: 0
}

.u-top .u-content:after,
.u-top .u-content:before {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute
}

.u-top .u-content:after {
    background: url(/dist/resource/comment.png) 0 -33px;
    right: 0;
    bottom: 0
}

.u-top .u-content .u-words {
    margin: 0 15px;
    text-indent: 2em;
    font-size: 14px;
    color: #757575
}

.u-bottom {
    padding: 20px 15px 25px;
    color: #818181
}

.u-bottom span.deal-address:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 16px;
    background: url(/dist/resource/comment.png) -33px 0;
    vertical-align: middle;
    margin-right: 2px
}

.u-bottom span.deal-name a {
    color: #01af84
}

.partner-box {
    padding-top: 45px;
    padding-bottom: 50px;
    background: #fff
}

.partner-box .w {
    overflow: visible
}

.partner-box table {
    width: 1200px;
    height: 263px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .12)
}

.partner-box table tr td {
    width: 200px;
    height: 88px;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #f2f2f2;
    position: relative
}

.partner-box table tr td a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.partner-box table tr.border-bottom td,
.partner-box table tr:first-child td {
    border-bottom: 1px solid #f2f2f2
}

.partner-box table tr:first-child td:first-child,
.partner-box table tr:first-child td:nth-child(2),
.partner-box table tr:first-child td:nth-child(3) {
    border-bottom: 0
}

.partner-box table tr td:last-child {
    border-right: 0
}

.partner-box table tr td i.icon-apple,
.partner-box table tr td i.icon-dji,
.partner-box table tr td i.icon-earth,
.partner-box table tr td i.icon-huawei,
.partner-box table tr td i.icon-leeco,
.partner-box table tr td i.icon-meizu,
.partner-box table tr td i.icon-mi,
.partner-box table tr td i.icon-mobile,
.partner-box table tr td i.icon-oppo,
.partner-box table tr td i.icon-samsung,
.partner-box table tr td i.icon-vivo {
    display: inline-block;
    width: 128px;
    height: 55px;
    background-image: url(/dist/resource/partners.png)
}

.partner-box table tr td i.icon-mobile {
    background-position: -108px 0
}

.partner-box table tr td i.icon-earth {
    width: 108px;
    height: 110px;
    background-position: 0 0
}

.partner-box table tr td i.icon-huawei {
    background-position: -128px -220px
}

.partner-box table tr td i.icon-apple {
    background-position: 0 -220px
}

.partner-box table tr td i.icon-samsung {
    background-position: -236px -110px
}

.partner-box table tr td i.icon-oppo {
    background-position: -236px -55px
}

.partner-box table tr td i.icon-vivo {
    background-position: -236px -165px
}

.partner-box table tr td i.icon-mi {
    background-position: 0 -165px
}

.partner-box table tr td i.icon-meizu {
    background-position: 0 -110px
}

.partner-box table tr td i.icon-leeco {
    background-position: -108px -55px
}

.partner-box table tr td i.icon-dji {
    background-position: -236px 0
}

.media-box {
    background: #f6f7fb
}

.index-media {
    padding: 52px 0
}

.media-cont {
    width: 1200px;
    height: 448px;
    box-sizing: border-box;
    border: 1px solid #eaeaea
}

.media-cont .media-news {
    width: 372px;
    height: 446px;
    float: left;
    border-right: 1px solid #eaeaea
}

.media-news ul.media-news-tab {
    background: #fff;
    height: 46px
}

.media-news ul.media-news-tab li {
    float: left;
    width: 124px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    box-sizing: border-box;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    cursor: pointer;
    font-size: 14px
}

.media-news ul.media-news-tab li:last-child {
    border-right: 0
}

.media-news ul.media-news-tab li.active,
.media-news ul.media-news-tab li:hover {
    background: #005bb5;
    color: #fff
}

.media-news .m-news-box ul {
    margin-bottom: 20px
}

.media-news .m-news-box ul li {
    height: 56px;
    line-height: 56px;
    border-bottom: 1px dashed #eaeaea;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.media-news .m-news-box ul li a {
    font-size: 14px;
    color: #707070
}

.media-news .m-news-box ul li a span.date {
    float: left;
    color: #a7a7a7;
    margin: 0 24px 0 20px
}

.media-news .media-more-box {
    padding-right: 20px;
    text-align: right
}

.media-news .media-more-box a {
    color: #a7a7a7;
    font-size: 14px
}

.customer-share-box {
    width: 402px;
    height: 446px;
    float: left;
    border-right: 1px solid #eaeaea
}

.c-s-box {
    width: 300px;
    margin: 0 auto;
    padding-top: 34px;
    font-size: 14px
}

.c-s-box .c-s-pic {
    width: 154px;
    margin: 0 auto 20px
}

.c-s-box .c-s-name {
    color: #000;
    text-align: center;
    margin-bottom: 5px
}

.c-s-box .c-s-rank {
    color: #707070;
    text-align: center;
    margin-bottom: 28px
}

.c-s-box .c-s-words {
    color: #707070
}

table.co-media {
    width: 422px;
    float: left;
    border-spacing: 0;
    border-collapse: collapse
}

table.co-media td {
    width: 211px;
    height: 111px;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea
}

table.co-media tr td:last-child {
    border-right: 0
}

table.co-media tr:nth-child(4) td {
    border-bottom: 0
}

table.co-media td>i {
    display: inline-block;
    background-image: url(/dist/resource/medias.png)
}

table.co-media td i.icon-tecent-final {
    width: 143px;
    height: 49px;
    background-position: 0 -215px
}

table.co-media td i.icon-91com {
    width: 107px;
    height: 62px;
    background-position: 0 -153px
}

table.co-media td i.icon-zol {
    width: 126px;
    height: 56px;
    background-position: -107px -153px
}

table.co-media td i.icon-techweb {
    width: 134px;
    height: 65px;
    background-position: -111px -86px
}

table.co-media td i.icon-pconline {
    width: 111px;
    height: 67px;
    background-position: 0 -86px
}

table.co-media td i.icon-chinaz {
    width: 160px;
    height: 72px;
    background-position: -143px 0
}

table.co-media td i.icon-chinacom {
    height: 49px;
    background-position: 0 -215px;
    width: 143px;
    height: 86px;
    background-position: 0 0
}

.safety-box {
    background: #f6f7fb;
    padding-bottom: 40px
}

.safety-box .w {
    height: 107px;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .12)
}

.safety-box ul {
    display: table;
    padding-left: 50px;
    width: 1150px;
    height: 100%
}

.safety-box ul li {
    display: table-cell;
    width: 25%;
    vertical-align: middle
}

.safety-box ul li i {
    display: inline-block;
    float: left;
    background-image: url(safes.png);
    margin-right: 25px
}

.safety-box ul li i.icon-money {
    width: 44px;
    height: 48px;
    background-position: -38px 0
}

.safety-box ul li i.icon-quick {
    width: 46px;
    height: 48px;
    background-position: -82px 0
}

.safety-box ul li i.icon-service {
    width: 50px;
    height: 48px;
    background-position: 0 -48px
}

.safety-box ul li i.icon-safe {
    width: 38px;
    height: 48px;
    background-position: 0 0
}

.safety-box ul li span {
    display: block;
    font-size: 12px;
    color: #a7a7a7
}

.safety-box ul li span.safety-title {
    font-size: 17px;
    color: #000;
    margin-bottom: 4px
}

.product-swiper .swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    pointer-events: auto
}

.media-box .media-left {
    width: 750px;
    float: left
}

.media-box .media-list li {
    width: 746px;
    height: 164px;
    margin-bottom: 20px
}

.media-box .media-list li a {
    display: block;
    width: 100%;
    background: #fff;
    overflow: hidden;
    color: #000
}

.media-box .media-list li a img {
    width: 281px;
    height: 164px;
    float: left;
    margin-right: 26px;
    border-right: 1px solid #f2f2f2
}

.media-box .media-list li a .news-info {
    width: 414px;
    float: left;
    padding: 22px 0
}

.media-box .media-list li a .news-info .news-tit {
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px
}

.media-box .media-list li a .news-info .news-txt {
    font-size: 15px;
    line-height: 26px;
    color: #a1a1a0
}

.media-box .media-list li a:hover {
    box-shadow: 0 0 18px #e9e9e9;
    transform: translateY(-2px)
}

.media-box .media-right {
    width: 437px;
    float: right
}

.media-box .media-right img {
    width: 437px
}

.media-box .media-right .media-show a.swiper-slide {
    color: #005bb5
}

.media-box .media-right .co-box {
    width: 437px;
    height: 164px;
    background: #fff;
    text-align: center
}

/* 修复轮播切换速度问题 */
#mediaShow .swiper-wrapper {
    transition-duration: 500ms !important;
}

.media-box .media-right .co-box .n-logo {
    padding-top: 20px;
    width: 56px
}

.media-box .media-right .co-box p {
    padding-top: 50px;
    font-size: 18px;
    color: #292929;
    margin-bottom: 20px
}

.media-box .media-right .co-box p.have-logo {
    padding-top: 10px;
    margin-bottom: 10px
}

.media-box .media-right .co-box a {
    font-size: 14px;
    color: #005bb5
}

.media-box .media-right .swiper-container-horizontal>.swiper-pagination-bullets.media-pagination .swiper-pagination-bullet {
    background: #fff
}

.login-wrap {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 1000
}

.login-wrap .login-box {
    width: 335px;
    height: 364px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -167px;
    margin-top: -182px;
    background: #f9f7fa;
    border-radius: 6px
}

.login-wrap .login-box .top {
    height: 75px;
    border-bottom: 1px solid #f5f3f5
}

.login-wrap .login-box .top img {
    display: block;
    width: 112px;
    margin: 0 auto;
    padding-top: 20px
}

.login-wrap .login-box .content {
    padding: 26px
}

.login-wrap .login-box .content .title {
    text-align: center;
    font-size: 16px;
    margin-bottom: 22px
}

.login-wrap .login-box .content .form-group {
    margin-bottom: 20px;
    position: relative
}

.login-wrap .login-box .content .form-group input {
    padding: 0 21px;
    box-sizing: border-box;
    border: none;
    border-radius: 6px;
    height: 43px;
    background: #ececec;
    font-size: 14px
}

.login-wrap .login-box .content .form-group input.inp1 {
    width: 100%
}

.login-wrap .login-box .content .form-group input.inp2 {
    width: 176px;
    margin-right: 10px
}

.login-wrap .login-box .content .form-group .err {
    position: absolute;
    width: 100%;
    bottom: -16px;
    text-align: right;
    color: #cf0707
}

.login-wrap .login-box .content .form-group .err2 {
    right: 106px
}

.login-wrap .login-box .content a.code-btn {
    width: 93px
}

.login-wrap .login-box .content a.code-btn,
.login-wrap .login-box .content a.login-btn {
    display: inline-block;
    height: 43px;
    border-radius: 6px;
    text-align: center;
    background: #005bb5;
    line-height: 43px;
    color: #fff
}

.login-wrap .login-box .content a.login-btn {
    width: 280px;
    margin-top: 16px;
    margin-bottom: 4px;
    font-size: 14px
}

.login-wrap .login-box .content .tip {
    font-size: 12px;
    color: #cbcbcb
}

.active-light-wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 9999;
    display: none
}

.active-light {
    width: 630px;
    height: 615px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -315px;
    margin-top: -272px
}

.active-light .light-close {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -26px;
    cursor: pointer
}