<style data-vue-ssr-id="8ccc5c78:0 6b1e788b:0 1fa17d2a:0 2391fb45:0 01c93c15:0 433b575e:0 06df21a1:0 51e1fd84:0 3851252c:0 e63420c2:0 052d61e8:0 c26df794:0 60f914e5:0 2caecf9b:0 6e670a54:0 47de91a6:0">.ow-base[data-v-056a508c] {
    height: 70px
}

.head[data-v-056a508c] {
    height: 70px;
    width: 100%;
    background: #fff
}

.show-line[data-v-056a508c] {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1)
}

.ow-nav[data-v-056a508c] {
    z-index: 20;
    top: 0;
    left: 0;
    right: 0
}

.ow-nav.ow-fixed[data-v-056a508c] {
    position: fixed
}

.nav[data-v-056a508c] {
    width: 1200px;
    padding: 0 20px;
    height: 70px;
    line-height: 70px;
    font-size: 18px;
    margin: 0 auto
}

.nav .icon[data-v-056a508c] {
    font-size: 24px;
    margin-right: 5px;
    vertical-align: middle
}

.head-left[data-v-056a508c] {
    width: auto
}

.head-left .ow-img[data-v-056a508c] {
    height: 35px;
    border-radius: 0px;
    vertical-align: middle
}

.active-img[data-v-056a508c] {
    vertical-align: middle;
    max-height: 70px;
    margin-right: 20px
}

.ow-in-app[data-v-056a508c] {
    padding: 0;
    width: 96px;
    height: 32px;
    border-radius: 17px;
    left: 32px;
    margin-left: 10px
}

.whois .ow-img[data-v-056a508c] {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    margin-right: 5px;
    vertical-align: middle;
    border-radius: 50%
}

.whois p[data-v-056a508c] {
    cursor: pointer
}

.whois span[data-v-056a508c] {
    display: inline-block;
    max-width: 60px;
    line-height: 20px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis
}

.whois .showmore[data-v-056a508c] {
    z-index: 10;
    line-height: 40px;
    padding: 10px 14px;
    width: 160px;
    left: -50px;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(216,216,216,0.8);
    box-shadow: 0px 0px 25px 0px rgba(216,216,216,0.8);
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    visibility: hidden
}

.whois .showmore[data-v-056a508c]:before {
    content: '';
    width: 0;
    height: 0;
    display: inline-block;
    border-top: #fff 8px solid;
    border-right: #fff 8px solid;
    border-bottom: transparent 8px solid;
    border-left: transparent 8px solid;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -5px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.whois .showmore li[data-v-056a508c] {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

.whois .showmore li a[data-v-056a508c] {
    display: block
}

.whois .showmore li[data-v-056a508c]:last-child {
    border-bottom: none !important
}

.whois i[data-v-056a508c] {
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

.whois:hover i[data-v-056a508c] {
    -webkit-transform: rotate(-90deg) !important;
    -moz-transform: rotate(-90deg) !important;
    -ms-transform: rotate(-90deg) !important;
    -o-transform: rotate(-90deg) !important;
    transform: rotate(-90deg) !important
}

.whois:hover .showmore[data-v-056a508c] {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible
}

.login-buttons .ow-button[data-v-056a508c] {
    border: none;
    width: 96px;
    height: 32px
}

.login-buttons .login[data-v-056a508c] {
    margin-right: 10px;
    width: auto
}

.button[data-v-056a508c] {
    height: 25px;
    padding: 0 10px !important
}

.button[data-v-056a508c]:hover {
    background: #fff
}

.nav-main .nav-item[data-v-056a508c] {
    margin: 0 20px;
    font-weight: 500;
    font-size: 15px;
    color: #777777
}

.nav-main .nav-item .nav-title[data-v-056a508c] {
    position: relative;
    cursor: pointer;
    display: block;
    height: 70px;
    padding: 0 5px
}

.nav-main .nav-item .nav-title[data-v-056a508c]:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    content: '';
    border-radius: 3px;
    height: 3px;
    -webkit-transition: width linear 200ms 0ms;
    -o-transition: width linear 200ms 0ms;
    -moz-transition: width linear 200ms 0ms;
    transition: width linear 200ms 0ms;
    display: block
}

.nav-main .nav-item .nav-title[data-v-056a508c]:hover:after,.nav-main .nav-item .nav-title.active[data-v-056a508c]:after {
    width: 100%
}

.nav-main .nav-item .hidden-block[data-v-056a508c] {
    border-top: 1px solid #f0f0f0;
    width: 100%;
    left: 0;
    right: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    -webkit-transform: translate(0, 30px);
    -moz-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    -o-transform: translate(0, 30px);
    transform: translate(0, 30px);
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
    z-index: 3;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

.nav-main .nav-item .hidden-block .inner-wrapper[data-v-056a508c] {
    margin: 0 auto
}

.nav-main .nav-item .hidden-block .inner-wrapper .inner-detail[data-v-056a508c] {
    padding: 40px 60px;
    background: #f6f6f6
}

.nav-main .nav-item .hidden-block .inner-wrapper .inner-detail .center[data-v-056a508c] {
    text-align: center
}

.nav-main .nav-item .hidden-block .inner-wrapper .inner-detail .link-list[data-v-056a508c] {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    text-align: center
}

.nav-main .nav-item .hidden-block .inner-wrapper .inner-detail .link-list .link-title[data-v-056a508c] {
    margin-bottom: 30px;
    line-height: 22px;
    font-weight: 500;
    font-size: 19px
}

.nav-main .nav-item .hidden-block .inner-wrapper .inner-detail .link-list .link-item[data-v-056a508c] {
    margin-bottom: 20px;
    line-height: 18px;
    font-size: 16px
}

.nav-main .nav-item .hidden-block .inner-wrapper .inner-footer[data-v-056a508c] {
    background: #ededed;
    height: 100px;
    line-height: 100px;
    font-family: Source Han Sans CN
}

.nav-main .nav-item .hidden-block .inner-wrapper .inner-footer .inner-footer-content[data-v-056a508c] {
    text-align: left
}

.nav-main .nav-item .hidden-block .inner-wrapper .inner-footer .title[data-v-056a508c] {
    padding-left: 30px;
    display: inline-block;
    vertical-align: middle;
    width: 240px;
    height: 60px;
    border-right-style: solid;
    border-right-width: 1.5px;
    line-height: 60px;
    font-size: 19px;
    font-weight: 500
}

.nav-main .nav-item .hidden-block .inner-wrapper .inner-footer .detail[data-v-056a508c] {
    display: inline-block;
    vertical-align: middle;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    font-weight: 500
}

.nav-main .nav-item .hidden-block .inner-wrapper .inner-footer .detail .detail-item[data-v-056a508c] {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    text-align: center
}

.nav-main .nav-item:hover .hidden-block[data-v-056a508c] {
    opacity: 1;
    visibility: visible;
    z-index: 5;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.download-a[data-v-056a508c] {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    min-width: 60px;
    height: 32px;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 16px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    border: 1px solid transparent
}

.download-a.download-a-spec[data-v-056a508c] {
    border: 1px solid
}

.download-a.red[data-v-056a508c] {
    padding: 0 14px 0 10px;
    background: #e40213;
    color: white;
    border: none
}

.download-a.red .icon[data-v-056a508c] {
    margin-right: 2px;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url("https://cms.static.chanjet.com/90004719560/market/platform/image/2022/04/27/98335b7d0d124eb6afde177e5505d95a.png") no-repeat center/contain
}

.download-a.red .text[data-v-056a508c] {
    display: inline-block;
    vertical-align: middle;
    height: 32px;
    line-height: 32px
}

.download-a.red[data-v-056a508c]:hover {
    background: #ff3444
}

.item-show[data-v-7fc6b5e9] {
    height: 100%;
    background-size: cover;
    background-position: center
}

.item-show h2[data-v-7fc6b5e9] {
    font-weight: 600;
    font-size: 48px;
    line-height: 53px;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    opacity: 0;
    margin-bottom: 19px
}

.item-show p[data-v-7fc6b5e9] {
    font-weight: 400;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    opacity: 0;
    margin-bottom: 4px;
    line-height: 28px;
    font-size: 20px
}

.item-show .b-b[data-v-7fc6b5e9] {
    opacity: 0;
    margin-top: 30px;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

.item-show .ow-button[data-v-7fc6b5e9] {
    width: 140px;
    height: 50px;
    padding: 0;
    margin-top: 30px;
    margin-right: 12px;
    font-size: 18px;
    font-weight: 600
}

.item-show .ow-button.right-button[data-v-7fc6b5e9] {
    border: 1px solid #ffffff;
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15)
}

.banner-ow[data-v-7fc6b5e9] {
    overflow: hidden;
    background: #fff
}

.banner-ow[data-v-7fc6b5e9] .swiper-pagination {
    bottom: 15px
}

.banner-ow[data-v-7fc6b5e9] .swiper-pagination .swiper-pagination-switch {
    opacity: 1;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #cacaca;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    border: none;
    margin: 0 6px
}

.banner-ow[data-v-7fc6b5e9] .swiper-pagination .swiper-active-switch {
    width: 40px
}

.banner-ow[data-v-7fc6b5e9] .swiper-slide-active h2,.banner-ow[data-v-7fc6b5e9] .swiper-slide-active p,.banner-ow[data-v-7fc6b5e9] .swiper-slide-active .b-b {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition: all ease-out 500ms 400ms;
    -o-transition: all ease-out 500ms 400ms;
    -moz-transition: all ease-out 500ms 400ms;
    transition: all ease-out 500ms 400ms
}

.banner-ow[data-v-7fc6b5e9] .swiper-slide-active p {
    -webkit-transition: all ease-out 500ms 600ms;
    -o-transition: all ease-out 500ms 600ms;
    -moz-transition: all ease-out 500ms 600ms;
    transition: all ease-out 500ms 600ms
}

.banner-ow[data-v-7fc6b5e9] .swiper-slide-active .b-b {
    -webkit-transition: all ease-out 500ms 900ms;
    -o-transition: all ease-out 500ms 900ms;
    -moz-transition: all ease-out 500ms 900ms;
    transition: all ease-out 500ms 900ms
}

.banner-ow[data-v-7fc6b5e9] .swiper-slide-active .info {
    -webkit-transition: all ease-out 500ms 1000ms;
    -o-transition: all ease-out 500ms 1000ms;
    -moz-transition: all ease-out 500ms 1000ms;
    transition: all ease-out 500ms 1000ms
}

.banner-ow[data-v-7fc6b5e9] .swiper-button-container {
    max-width: 1300px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.banner-ow[data-v-7fc6b5e9] .swiper-button-prev,.banner-ow[data-v-7fc6b5e9] .swiper-button-next {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background: rgba(0,0,0,0.1)
}

.banner-ow[data-v-7fc6b5e9] .swiper-button-prev:hover,.banner-ow[data-v-7fc6b5e9] .swiper-button-next:hover {
    background: rgba(0,0,0,0.3)
}

.banner-ow[data-v-7fc6b5e9] .swiper-button-prev i,.banner-ow[data-v-7fc6b5e9] .swiper-button-next i {
    font-size: 18px;
    color: #fff;
    font-weight: bold
}

.show-img[data-v-7fc6b5e9] {
    width: 620px;
    right: 20px;
    z-index: 2
}

.show-img .ow-img[data-v-7fc6b5e9] {
    height: 400px
}

.show-img .erweima-show[data-v-7fc6b5e9] {
    margin: 0 auto;
    display: block;
    width: 390px
}

.show-img .ow-video[data-v-7fc6b5e9] video {
    opacity: 0
}

.content[data-v-7fc6b5e9] {
    width: 100%;
    z-index: 2
}

.content .des[data-v-7fc6b5e9] {
    width: 480px
}

.erweima-div[data-v-7fc6b5e9] {
    vertical-align: top;
    text-align: center;
    margin-left: 10px
}

.erweima-div p[data-v-7fc6b5e9] {
    font-size: 14px
}

.banner-logo[data-v-7fc6b5e9] {
    right: 40px;
    top: 30px;
    height: 37px;
    position: absolute;
    z-index: 2
}

.info[data-v-7fc6b5e9] {
    line-height: 22px;
    width: 40%;
    margin-top: 6px
}

.login-iframe[data-v-7fc6b5e9] {
    position: relative
}

.z3[data-v-7fc6b5e9] {
    z-index: 3
}

.ow-base[data-v-ea0faeca] {
    padding: 50px 0
}

.ow-title[data-v-ea0faeca] {
    margin-bottom: 20px;
    line-height: 48px
}

.sub-title[data-v-ea0faeca] {
    line-height: 38px;
    margin-bottom: 20px
}

.des[data-v-ea0faeca] {
    line-height: 38px;
    margin-bottom: 20px
}

.img-div[data-v-ea0faeca] {
    line-height: 0;
    margin-bottom: 60px
}

.img-div[data-v-ea0faeca] .ow-img {
    margin: 0;
    margin-bottom: 30px
}

.img-div[data-v-ea0faeca] .ow-img:last-child {
    margin-bottom: 0
}

.custom[data-v-ea0faeca] .img-list .ow-img {
    width: 100%;
    overflow: hidden
}

.custom[data-v-ea0faeca] .img-list .ow-img img {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    max-width: unset
}

.html-show[data-v-ea0faeca] {
    margin-bottom: 20px
}

.ow-button[data-v-ea0faeca] {
    display: block;
    margin: 0 auto;
    height: 50px;
    border-radius: 10px;
    padding: 0 60px
}

.bk-hover[data-v-ea0faeca] {
    opacity: 0.9
}

.miw1200[data-v-3c28241d] {
    padding: 34px 0 20px;
    font-family: SourceHanSansSC
}

.miw1200 .title[data-v-3c28241d] {
    margin-bottom: 40px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    color: #33333B
}

.miw1200 .card-wrapper[data-v-3c28241d] {
    margin: 0 auto;
    width: 1200px;
    text-align: left
}

.miw1200 .card-wrapper .card-context[data-v-3c28241d] {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 0;
    margin: 0 20px 30px 0
}

.miw1200 .card-wrapper .card-context .card[data-v-3c28241d] {
    position: relative;
    top: 0;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

.miw1200 .card-wrapper .card-context .card .img-wrapper[data-v-3c28241d] {
    overflow: hidden
}

.miw1200 .card-wrapper .card-context.no-margin[data-v-3c28241d] {
    margin-right: 0
}

.miw1200 .card-wrapper .card-context:hover .card[data-v-3c28241d] {
    top: -20px
}

.miw1200 .card-wrapper .card-context:hover .card .img-cover .inner[data-v-3c28241d] {
    top: 0
}

.miw1200 .card-wrapper .card-context:hover .card .img-cover .inner .title[data-v-3c28241d] {
    font-size: 32px
}

.img-cover[data-v-3c28241d] {
    position: relative;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.7)), to(transparent));
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, transparent 100%);
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, transparent 100%);
    background: -o-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, transparent 100%);
    background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, transparent 100%)
}

.img-cover .inner[data-v-3c28241d] {
    position: absolute;
    top: -moz-calc(100% - 110px);
    top: calc(100% - 110px);
    padding: 60px 20px 20px;
    width: 100%;
    height: 100%;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

.img-cover .inner .title[data-v-3c28241d] {
    height: 30px;
    line-height: 30px;
    text-align: left;
    font-family: SourceHanSansSC;
    font-weight: bold;
    font-size: 22px;
    color: #FFFFFF
}

.img-cover .inner .rich-text[data-v-3c28241d] {
    position: absolute;
    left: 20px;
    right: 20px;
    margin: auto;
    bottom: 10px;
    text-align: left;
    color: #FFFFFF
}

.wrap-title[data-v-40b598d5] {
    width: 100%;
    text-align: center;
    padding-top: 70px;
    margin-bottom: 40px;
    font-size: 36px;
    font-weight: 500;
    line-height: 1.35
}

.wrap-t-i-d[data-v-40b598d5] {
    margin-bottom: 80px
}

.img1[data-v-40b598d5] {
    margin-right: 64px
}

.img2[data-v-40b598d5] {
    margin-left: 64px
}

.wrap-item-title[data-v-40b598d5] {
    font-size: 36px;
    padding: 53px 0
}

.wrap-item-img[data-v-40b598d5] {
    width: 460px;
    height: 330px
}

.wrap-desc[data-v-40b598d5] {
    font-size: 16px;
    line-height: 34px
}

.ow-button[data-v-40b598d5] {
    margin-top: 20px;
    margin-right: 20px
}

.miw1200[data-v-7bb81678] {
    height: 478px;
    background: #3d3d3d;
    font-family: SourceHanSansSC
}

.miw1200 .scene-wrapper[data-v-7bb81678] {
    margin: 0 auto;
    width: 1240px;
    height: 100%
}

.miw1200 .scene-wrapper .scene[data-v-7bb81678] {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 30px 22px 40px;
    border-left: 1px solid #7d7d7d;
    height: 100%;
    -webkit-transition: width linear 200ms 0ms;
    -o-transition: width linear 200ms 0ms;
    -moz-transition: width linear 200ms 0ms;
    transition: width linear 200ms 0ms
}

.miw1200 .scene-wrapper .scene[data-v-7bb81678]:last-child {
    border-right: 1px solid #7d7d7d
}

.miw1200 .scene-wrapper .scene .title[data-v-7bb81678] {
    margin-bottom: 48px;
    line-height: 26px;
    font-weight: 500;
    font-size: 24px;
    color: #ffffff
}

.miw1200 .scene-wrapper .scene .module-wrapper[data-v-7bb81678] {
    display: none
}

.miw1200 .scene-wrapper .scene .module-wrapper .module[data-v-7bb81678] {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    line-height: 40px;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff
}

.miw1200 .scene-wrapper .scene .scene-bottom[data-v-7bb81678] {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 40px;
    z-index: 10
}

.miw1200 .scene-wrapper .scene .scene-bottom .scene-img[data-v-7bb81678] {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    width: 60px
}

.miw1200 .scene-wrapper .scene .scene-bottom .scene-text[data-v-7bb81678] {
    display: inline-block;
    vertical-align: middle;
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px);
    line-height: 20px;
    font-weight: 500;
    font-size: 16px;
    color: #8e8e8e
}

.miw1200 .scene-wrapper .scene .right-bottom-img[data-v-7bb81678] {
    display: none;
    position: absolute;
    right: 0;
    bottom: 20px;
    z-index: 1;
    width: 40%
}

.miw1200 .scene-wrapper .scene.active .module-wrapper[data-v-7bb81678] {
    display: block
}

.miw1200 .scene-wrapper .scene.active .scene-bottom .scene-img[data-v-7bb81678] {
    display: none
}

.miw1200 .scene-wrapper .scene.active .scene-bottom .scene-text[data-v-7bb81678] {
    width: 100%;
    color: white
}

.miw1200 .scene-wrapper .scene.active .right-bottom-img[data-v-7bb81678] {
    display: block
}

.miw1200 .no-pointer[data-v-7bb81678] {
    cursor: unset !important
}

.w1200[data-v-acaa693a] {
    margin: 0 auto;
    font-family: SourceHanSansSC
}

.w1200 .title-tab-wrapper[data-v-acaa693a] {
    margin-bottom: 6px;
    padding: 0 170px;
    border-bottom: 2px solid #DCDCDC
}

.w1200 .title-tab-wrapper .tab[data-v-acaa693a] {
    position: relative;
    display: inline-block;
    height: 52px;
    line-height: 52px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #211512;
    cursor: pointer
}

.w1200 .title-tab-wrapper .tab .line[data-v-acaa693a] {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 24%;
    height: 5px
}

.w1200 .title-tab-wrapper .tab.active[data-v-acaa693a] {
    color: white
}

.w1200 .title-tab-wrapper .tab.active .line[data-v-acaa693a] {
    background: white
}

.w1200 .case-wrapper[data-v-acaa693a] .case-content {
    margin-right: 10px;
    display: inline-block;
    height: 414px
}

.w1200 .case-wrapper[data-v-acaa693a] .case-content:last-child {
    margin-right: 0
}

.w1200 .case-wrapper[data-v-acaa693a] .case-content .ow-img {
    height: 100%
}

.w1200 .case-wrapper[data-v-acaa693a] .case-content .img-inner:before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    height: inherit
}

.w1200 .case-wrapper[data-v-acaa693a] .case-content .cover {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 50px 25px 0;
    width: 100%;
    height: 215px;
    background: rgba(70,70,70,0.8);
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

.w1200 .case-wrapper[data-v-acaa693a] .case-content .cover .title {
    margin-bottom: 35px;
    line-height: 35px;
    font-size: 22px;
    font-family: SourceHanSansSC;
    font-weight: bold;
    color: #FFFFFF
}

.w1200 .case-wrapper[data-v-acaa693a] .case-content .cover .detail {
    overflow: hidden;
    height: 0;
    line-height: 24px;
    font-family: SourceHanSansSC;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

.w1200 .case-wrapper[data-v-acaa693a] .case-content .cover .detail .text {
    display: block;
    height: 160px;
    overflow: hidden
}

.w1200 .case-wrapper[data-v-acaa693a] .case-content .cover .detail .btn {
    margin: 0 auto;
    display: block;
    border-radius: 5px;
    width: 108px;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    font-family: SourceHanSansSC;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 0.8
}

.w1200 .case-wrapper[data-v-acaa693a] .case-content .cover .name {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: right;
    padding-right: 22px;
    font-size: 14px;
    font-family: SourceHanSansSC;
    font-weight: bold;
    color: #FFFFFF
}

.w1200 .case-wrapper[data-v-acaa693a] .case-content:hover .cover {
    height: 100%
}

.w1200 .case-wrapper[data-v-acaa693a] .case-content:hover .cover .detail {
    height: 200px
}

.guess-need[data-v-52cf0e22] {
    background: #f9f9f9;
    padding-bottom: 80px
}

.guess-need .ml10[data-v-52cf0e22] {
    margin-left: 10px
}

.guess-need h1[data-v-52cf0e22] {
    height: 35px;
    line-height: 35px;
    font-size: 36px;
    font-weight: 400;
    color: #33333b;
    text-align: center;
    margin-top: 77px;
    margin-bottom: 58px
}

.guess-need .tags[data-v-52cf0e22] {
    width: 1200px;
    float: left;
    border-bottom: 2px solid #e7e7e7
}

.guess-need .tags ul[data-v-52cf0e22] {
    width: 1200px
}

.guess-need .tags ul li[data-v-52cf0e22] {
    font-size: 29px;
    font-weight: bold;
    position: relative;
    cursor: pointer
}

.guess-need .tags ul li span[data-v-52cf0e22] {
    padding-bottom: 10px;
    display: inline-block
}

.guess-need .tags ul .active[data-v-52cf0e22]::after {
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: -2px
}

.guess-need .box-list[data-v-52cf0e22] {
    width: 1230px;
    float: left;
    margin-left: -30px
}

.guess-need .box-list li[data-v-52cf0e22] {
    margin-left: 30px;
    margin-top: 40px;
    float: left;
    width: 380px;
    background: #ffffff;
    padding-bottom: 25px;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    -moz-transition: 0.2s all;
    transition: 0.2s all
}

.guess-need .box-list li .img[data-v-52cf0e22] {
    width: 380px;
    height: 240px;
    position: relative
}

.guess-need .box-list li .img .fs26[data-v-52cf0e22] {
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

.guess-need .box-list li .img:hover .fs26[data-v-52cf0e22] {
    font-size: 28px
}

.guess-need .box-list li .img:hover .box-text h3[data-v-52cf0e22] {
    font-size: 19px
}

.guess-need .box-list li .box-img[data-v-52cf0e22] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0,0,0,0)));
    background: -webkit-linear-gradient(bottom, #000 0%, rgba(0,0,0,0) 100%);
    background: -moz-linear-gradient(bottom, #000 0%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(bottom, #000 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, #000 0%, rgba(0,0,0,0) 100%);
    opacity: 0.64;
    z-index: 10
}

.guess-need .box-list li .box-text[data-v-52cf0e22] {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 19;
    color: #fff;
    text-align: center
}

.guess-need .box-list li .box-text h3[data-v-52cf0e22] {
    font-size: 17px;
    margin-top: 15px;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

.guess-need .box-list li .details[data-v-52cf0e22] {
    padding: 26px 23px
}

.guess-need .box-list li .details .row[data-v-52cf0e22] {
    width: 100%;
    float: left
}

.guess-need .box-list li .details .label[data-v-52cf0e22] {
    height: 28px;
    line-height: 28px;
    border-radius: 14px;
    padding: 0 18px;
    display: inline-block;
    margin-right: 10px
}

.guess-need .box-list li .details .button[data-v-52cf0e22] {
    cursor: pointer;
    margin-top: 28px;
    height: 30px;
    border-radius: 5px;
    display: inline-block;
    padding: 0 13px;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    -moz-transition: 0.2s all;
    transition: 0.2s all
}

.guess-need .box-list li .details .button .iconfont[data-v-52cf0e22] {
    display: inline-block;
    vertical-align: top;
    height: 14.5px;
    line-height: 14.5px;
    margin-left: 6px;
    font-size: 14px
}

.guess-need .box-list li .details .button .text[data-v-52cf0e22] {
    display: inline-block;
    vertical-align: top;
    height: 14.5px;
    line-height: 14.5px
}

.guess-need .box-list li[data-v-52cf0e22]:hover {
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1)
}

.guess-need .more-box[data-v-52cf0e22] {
    float: left;
    width: 100%
}

.guess-need .more-box .more[data-v-52cf0e22] {
    display: block;
    cursor: pointer;
    margin: 40px auto 0;
    width: 120px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    padding: 0;
    border: none
}

ul[data-v-5787e3cc] {
    overflow: hidden;
    width: 860px
}

li[data-v-5787e3cc] {
    width: 260px;
    height: 120px;
    margin-left: 25px;
    margin-bottom: 25px;
    display: inline-block
}

li h3[data-v-5787e3cc] {
    padding: 0 10px;
    height: 38px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 38px;
    color: #fff
}

li h3.has-shadow[data-v-5787e3cc] {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(#333));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, #333 100%);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, #333 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, #333 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #333 100%)
}

li .ow-img[data-v-5787e3cc] {
    width: 260px;
    height: 120px
}

.ow-base[data-v-5787e3cc] {
    background-color: #f7f7f7;
    padding: 38px 0
}

.top-title[data-v-5787e3cc] .ow-title {
    font-size: 36px;
    font-weight: 700
}

.top-title[data-v-5787e3cc] .ow-title .ow-title-show {
    font-weight: 700;
    font-size: 36px;
    color: #33333b
}

.top-title[data-v-5787e3cc] .ow-text {
    margin-top: 24px;
    line-height: 32px;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #66666b
}

.oh[data-v-5787e3cc] {
    margin-top: 30px
}

.oh .list .list-item[data-v-5787e3cc] {
    position: relative;
    width: 260px;
    height: 180px;
    overflow: hidden;
    background: rgba(255,255,255,0.6);
    border: 1px solid #e2e2e2
}

.oh .list .list-item .ow-img[data-v-5787e3cc] {
    width: 100%;
    height: 100%
}

.oh .list .list-item .title[data-v-5787e3cc] {
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
    text-indent: 18px
}

.oh .list .list-item .sub-title[data-v-5787e3cc] {
    margin-top: 16px;
    font-size: 16px;
    color: #666;
    line-height: 24px;
    text-indent: 18px
}

.oh .list .list-item .blk-bottom[data-v-5787e3cc] {
    position: absolute;
    width: 100%;
    height: 60px;
    left: 0;
    bottom: -60px;
    display: block;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

.oh .list .list-item .blk-bottom .button[data-v-5787e3cc] {
    border: none;
    color: white;
    font-size: 20px;
    font-weight: 500;
    background: none
}

.oh .list .list-item:hover .blk-bottom[data-v-5787e3cc] {
    bottom: 0
}

.main[data-v-764e6e3f] {
    padding: 0 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.main .title[data-v-764e6e3f] {
    margin-bottom: 30px;
    line-height: 24px;
    text-align: center;
    font-size: 24px;
    font-family: SourceHanSansSC;
    font-weight: bold;
    color: #333333
}

.main .list[data-v-764e6e3f] .toggle-item {
    padding: 10px 0;
    border-bottom: 1px solid #DEDEDE
}

.main .list[data-v-764e6e3f] .toggle-item.no-fold {
    padding-bottom: 34px
}

.main .list[data-v-764e6e3f] .toggle-item .title-show {
    line-height: 48px;
    font-family: SourceHanSansSC;
    font-size: 18px;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: transparent
}

.main .list[data-v-764e6e3f] .toggle-item .title-show.no-fold .iconfont {
    -webkit-transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important
}

.main .list[data-v-764e6e3f] .toggle-item .title-show.no-fold .table-cell {
    font-weight: bold
}

.main .list[data-v-764e6e3f] .toggle-item .title-show .table-cell {
    font-weight: 500;
    color: #333333
}

.main .list[data-v-764e6e3f] .toggle-item .title-show .iconfont {
    -webkit-transition: -webkit-transform linear 100ms;
    transition: -webkit-transform linear 100ms;
    -o-transition: -o-transform linear 100ms;
    -moz-transition: transform linear 100ms, -moz-transform linear 100ms;
    transition: transform linear 100ms;
    transition: transform linear 100ms, -webkit-transform linear 100ms, -moz-transform linear 100ms, -o-transform linear 100ms;
    font-weight: bold;
    font-size: 20px
}

.main .list[data-v-764e6e3f] .toggle-content {
    margin-top: 12px
}

.list-container[data-v-21cde0f6] {
    padding: 0
}

.list-container .list-item[data-v-21cde0f6] {
    display: inline-block;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

.list-container .list-item.spec[data-v-21cde0f6] {
    margin-right: 0 !important
}

.list-container .list-item .shadow[data-v-21cde0f6] {
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.2)
}

.list-container .list-item .img-wrapper[data-v-21cde0f6] {
    width: 100%;
    height: 100%
}

.list-container .list-item .img-wrapper[data-v-21cde0f6] .inner {
    overflow: hidden;
    width: 100%;
    height: 100%
}

.list-container .list-item .img-wrapper[data-v-21cde0f6] .inner img {
    opacity: 1
}

.list-container .list-item .img-wrapper[data-v-21cde0f6] .inner p,.list-container .list-item .img-wrapper[data-v-21cde0f6] .inner span {
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms
}

.list-container .isTop .img-wrapper[data-v-21cde0f6] {
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    position: relative;
    top: 0
}

.list-container .isTop:hover .img-wrapper[data-v-21cde0f6] {
    top: -15px
}

.ow-base[data-v-d44c30a6] {
    padding: 50px 0
}

.ow-title[data-v-d44c30a6] {
    margin-bottom: 20px;
    line-height: 48px
}

.sub-title[data-v-d44c30a6] {
    line-height: 38px;
    margin-bottom: 20px
}

.des[data-v-d44c30a6] {
    line-height: 38px;
    margin-bottom: 20px
}

.ow-img[data-v-d44c30a6] {
    margin-top: 59px;
    margin-bottom: 60px
}

.ow-button[data-v-d44c30a6] {
    display: block;
    margin: 0 auto;
    height: 50px;
    border-radius: 10px;
    padding: 0 60px
}

.bk-hover[data-v-d44c30a6] {
    opacity: 0.9
}

.pt78[data-v-33740089] {
    margin-top: 78px
}

.nav-list[data-v-33740089] {
    font-size: 14px;
    color: #ffffff
}

.nav-list li[data-v-33740089] {
    width: 170px
}

.nav-list .title[data-v-33740089] {
    margin-bottom: 30px;
    font-weight: 500;
    color: #ffffff
}

.nav-list a[data-v-33740089] {
    display: block;
    font-weight: 400;
    margin-bottom: 25px
}

.nav-list a[data-v-33740089]:hover {
    color: #fff
}

.footer-nav[data-v-33740089] {
    border-right: 1px solid rgba(255,255,255,0.1)
}

.you-links[data-v-33740089] {
    line-height: 22px;
    line-height: 60px;
    font-size: 16px
}

.you-links a[data-v-33740089] {
    margin-left: 30px;
    border-bottom: 1px solid transparent;
    position: relative;
    display: inline-block
}

.you-links a[data-v-33740089]:hover {
    color: #fff
}

.you-links-div[data-v-33740089] {
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    margin-top: 30px
}

.footer-info[data-v-33740089] {
    width: 430px;
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
    line-height: 25px
}

.footer-info .ph[data-v-33740089] {
    line-height: 33px;
    margin-bottom: 33px;
    margin-top: 10px
}

.footer-info .ph span[data-v-33740089] {
    width: 95%;
    display: inline-block
}

.footer-info .ph i[data-v-33740089] {
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    font-size: 16px
}

.footer-info .iconfont[data-v-33740089] {
    margin: 0 7px;
    width: 30px;
    height: 30px;
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
    display: inline-block;
    line-height: 30px;
    font-size: 20px
}

.footer-info .info[data-v-33740089] {
    margin: 20px auto
}

.footer-info .erweima[data-v-33740089] {
    width: 100px;
    height: 100px;
    background: #fff
}

.footer-info .ewm[data-v-33740089] {
    margin-right: 44px
}

.footer-info .ewm[data-v-33740089]:last-child {
    margin-right: 0
}

.footer-info .ow-img[data-v-33740089] {
    margin: auto
}

.bottom[data-v-33740089] {
    padding-top: 19px;
    padding-bottom: 30px;
    margin-top: 40px
}

.bottom img[data-v-33740089] {
    display: inline-block
}

.bottom .other-links p[data-v-33740089] {
    font-size: 12px;
    line-height: 17px;
    color: #ffffff
}

.co-icon[data-v-33740089] {
    display: inline-block;
    width: 115px;
    height: 20px;
    vertical-align: middle
}

.img-list[data-v-33740089] {
    display: inline-block;
    vertical-align: middle
}

.img-list[data-v-33740089] .ow-img {
    border-radius: 4px;
    height: 20px
}

.tel-wz span[data-v-33740089] {
    display: inline-block;
    width: 49%
}

.no-bottom-border[data-v-33740089] {
    border-bottom: none
}

.pop-wrapper[data-v-5f589eae] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 30;
    background: rgba(0,0,0,0.6)
}

.pop-wrapper .pop-content[data-v-5f589eae] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 350px;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: white;
    text-align: center
}

.pop-wrapper .pop-content .title[data-v-5f589eae] {
    height: 60px;
    line-height: 60px;
    font-size: 25px;
    font-family: SourceHanSansSC;
    font-weight: bold;
    color: #FFFFFF
}

.pop-wrapper .pop-content .radio-wrapper[data-v-5f589eae] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 30px 8px;
    text-align: left
}

.pop-wrapper .pop-content .radio-wrapper .radio[data-v-5f589eae] {
    display: inline-block;
    margin-bottom: 26px;
    padding-left: 10px;
    width: 50%;
    cursor: pointer;
    text-align: left
}

.pop-wrapper .pop-content .radio-wrapper .radio span[data-v-5f589eae] {
    display: inline-block;
    vertical-align: middle
}

.pop-wrapper .pop-content .radio-wrapper .radio span.dot[data-v-5f589eae] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-right: 6px;
    border: 1px solid #efefef;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    font-size: 0
}

.pop-wrapper .pop-content .radio-wrapper .radio span.dot .inner[data-v-5f589eae] {
    width: 8px;
    height: 8px;
    border-radius: 50%
}

.pop-wrapper .pop-content .radio-wrapper .radio span.text[data-v-5f589eae] {
    height: 16px;
    line-height: 16px;
    font-family: SourceHanSansSC;
    font-weight: 400;
    font-size: 16px;
    color: #666666
}

.pop-wrapper .pop-content .ow-button[data-v-5f589eae] {
    margin-bottom: 34px;
    padding: 0;
    border: none;
    border-radius: 0;
    width: 132px;
    height: 32px;
    line-height: 32px;
    font-size: 18px;
    font-family: SourceHanSansSC;
    font-weight: 500;
    color: #FFFFFF
}

.fix-rs[data-v-6a2b4158] {
    z-index: 15
}

.fix-rs ul[data-v-6a2b4158] {
    width: 42px;
    float: right
}

.top[data-v-6a2b4158] {
    border-radius: 4px
}

.top li[data-v-6a2b4158] {
    margin-top: 10px;
    width: 42px;
    border-radius: 4px 4px 0 0;
    font-size: 14px;
    background: #fff;
    border-radius: 42px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2)
}

.top li.single[data-v-6a2b4158] {
    line-height: 42px;
    height: 42px
}

.top li i[data-v-6a2b4158] {
    font-size: 24px
}

.top .free-use[data-v-6a2b4158] {
    color: #fff;
    line-height: 22px;
    letter-spacing: 6px;
    font-size: 16px;
    text-align: center;
    word-wrap: break-word;
    line-height: 20px;
    font-weight: bold
}

.top .free-use a[data-v-6a2b4158] {
    padding: 11px 0px 20px 5px;
    display: block
}

.top .free-use i[data-v-6a2b4158] {
    margin-bottom: 10px;
    font-size: 18px;
    display: inline-block;
    text-align: center
}

.top .free-use:hover a[data-v-6a2b4158] {
    color: #fff
}

.top .show-more[data-v-6a2b4158] {
    right: 45px;
    bottom: 30px;
    padding-right: 16px;
    -webkit-transition: all linear 200ms 0ms;
    -o-transition: all linear 200ms 0ms;
    -moz-transition: all linear 200ms 0ms;
    transition: all linear 200ms 0ms;
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
    visibility: hidden;
    opacity: 0
}

.top .show-more .inner[data-v-6a2b4158] {
    position: relative;
    padding: 6px;
    border-radius: 4px;
    line-height: 20px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(216,216,216,0.6);
    box-shadow: 0px 0px 20px 0px rgba(216,216,216,0.6)
}

.top .show-more .inner .gzh[data-v-6a2b4158] {
    width: 160px;
    height: 160px;
    background-color: #eee
}

.top .show-more .inner .inner-table-content[data-v-6a2b4158] {
    background: #fff;
    margin: 3px;
    padding-bottom: 6px
}

.top .show-more .inner.table[data-v-6a2b4158] {
    padding: 3px
}

.top .show-more .inner[data-v-6a2b4158]::before {
    content: '';
    display: block;
    border-top: 10px solid #fff;
    border-right: 10px solid #fff;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    right: -4px;
    top: 175px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.top .show-more .tel[data-v-6a2b4158] {
    line-height: 22px;
    margin-bottom: 12px;
    margin-top: 5px
}

.top .show-more i[data-v-6a2b4158] {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 4px auto 7px;
    color: #fff;
    font-size: 22px;
    background-position: center;
    background-repeat: no-repeat
}

.top .show-more .ow-img[data-v-6a2b4158] {
    width: 88px;
    height: 88px;
    margin-bottom: 3px
}

.top .dianhua .show-more[data-v-6a2b4158] {
    top: -180px
}

.top .dianhua .show-more .inner[data-v-6a2b4158] {
    text-align: left;
    min-height: 195px;
    background: #fff;
    width: 340px;
    padding: 30px
}

.top .dianhua .show-more .inner .ow-img[data-v-6a2b4158] {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    margin-right: 28px;
    background: #eee
}

.top .dianhua .show-more .inner .tel[data-v-6a2b4158] {
    line-height: 28px;
    margin-bottom: 4px;
    width: 195px
}

.top .dianhua .show-more .inner .tel a[data-v-6a2b4158] {
    margin-left: 4px
}

.top .dianhua .show-more .inner .tel .tel-num[data-v-6a2b4158] {
    white-space: nowrap
}

.top .dianhua .show-more .inner i[data-v-6a2b4158] {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    font-size: 14px;
    line-height: 25px;
    display: inline-block;
    vertical-align: middle
}

.top .dianhua .show-more .inner .try-zixun[data-v-6a2b4158] {
    display: inline-block;
    vertical-align: top;
    height: 34px;
    line-height: 32px;
    padding: 0;
    width: 130px;
    margin-right: 13px;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    color: black
}

.top .dianhua .show-more .inner .try-free[data-v-6a2b4158] {
    width: 130px;
    height: 34px;
    padding: 0
}

.top .dianhua .show-more .inner .row[data-v-6a2b4158] {
    margin-bottom: 22px
}

.top .dianhua .show-more .inner[data-v-6a2b4158]:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 12.5px solid;
    border-left: 12.5px solid;
    border-color: inherit;
    border-bottom: 12.5px solid transparent;
    border-right: 12.5px solid transparent;
    border-radius: 4px 0 0 0
}

.top .dianhua .show-more .time[data-v-6a2b4158] {
    word-break: break-all
}

.top .dianhua .show-more .content[data-v-6a2b4158] {
    width: 174px
}

.top .dianhua .show-more .inner[data-v-6a2b4158]::before {
    top: 150px
}

.top .dianhua:hover .show-more[data-v-6a2b4158] {
    top: -140px
}

.top li:hover .show-more[data-v-6a2b4158] {
    opacity: 1;
    visibility: visible;
    bottom: 0
}

.gotop[data-v-6a2b4158] {
    width: 42px;
    line-height: 40px;
    height: 42px;
    border-radius: 50%;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    margin-top: 10px;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    cursor: pointer;
    float: right;
    clear: both
}

.freeUseIcon[data-v-6a2b4158] {
    background-size: contain;
    margin-left: -5px;
    height: 24px;
    vertical-align: middle;
    display: inline-block;
    width: 42px
}

.multi[data-v-6a2b4158] {
    padding-top: 10px;
    clear: both;
    width: auto;
    float: right
}

.multi[data-v-6a2b4158] .img-list .ow-img {
    margin: 0;
    display: block;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms
}

.multi[data-v-6a2b4158] .img-list .ow-img:last-child {
    margin-bottom: 0
}

.hover-img[data-v-6a2b4158] {
    margin-bottom: 10px
}

.hover-img .posa[data-v-6a2b4158] {
    position: absolute;
    opacity: 0;
    background: red;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.hover-img:hover .show-icon[data-v-6a2b4158] {
    opacity: 0
}

.hover-img:hover .posa[data-v-6a2b4158] {
    opacity: 1
}

.ow-base[data-v-de92755a] {
    background: rgba(0,0,0,0.2);
    z-index: 30
}

.show-main[data-v-de92755a] {
    width: 420px;
    height: 360px;
    background: #fff
}

.pop-form[data-v-de92755a] {
    width: 500px;
    background-color: #fff;
    border-radius: 6px;
    z-index: 110;
    height: 329px;
    margin: auto;
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    -o-transform: translateY(-30%);
    transform: translateY(-30%)
}

.pop-form-top[data-v-de92755a] {
    width: 100%;
    height: 46px;
    line-height: 46px;
    color: #333;
    padding-left: 20px;
    position: relative;
    background: #e8e8e8;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.pop-form-top i[data-v-de92755a] {
    display: block;
    cursor: pointer;
    width: 46px;
    height: 46px;
    background-size: 16px auto;
    position: absolute;
    top: 0;
    right: 0
}

.pop-form-footer[data-v-de92755a] {
    width: 100%;
    padding: 30px 40px
}

.group-title-style[data-v-de92755a] {
    height: 34px;
    line-height: 34px
}

.group-input-pop[data-v-de92755a] {
    width: 260px;
    margin: 0 auto 20px;
    line-height: 34px;
    position: relative;
    border: 1px solid #ececec;
    border-radius: 6px
}

.group-input-pop input[type='text'][data-v-de92755a] {
    width: 100%;
    height: 34px;
    background: #fff;
    line-height: 32px;
    border: 1px solid #ececec;
    font-size: 14px;
    color: #666;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 4px;
    cursor: pointer
}

.btn-box-pop[data-v-de92755a] {
    width: 100%;
    border-top: 1px solid #ebebeb;
    padding-top: 16px
}

.btn-pop-style[data-v-de92755a] {
    display: inline-block;
    width: 140px;
    margin: 0 auto;
    height: 34px;
    line-height: 32px;
    text-align: center;
    border-radius: 4px
}

.red-btn-t[data-v-de92755a] {
    cursor: pointer;
    color: #fff;
    margin-right: 20px;
    margin: 5px auto 0;
    line-height: 34px;
    display: block
}

.red-btn-t[data-v-de92755a]:hover {
    box-shadow: 0 0 15px rgba(255,75,71,0.5);
    -webkit-box-shadow: 0 0 15px rgba(255,75,71,0.5);
    -ms-box-shadow: 0 0 15px rgba(255,75,71,0.5)
}

.white-btn-q[data-v-de92755a] {
    cursor: pointer;
    background: #fff;
    border: 1px solid #ececec;
    color: #333
}

.white-btn-q[data-v-de92755a]:hover {
    box-shadow: 0 0 15px rgba(236,236,236,0.8);
    -webkit-box-shadow: 0 0 15px rgba(236,236,236,0.8);
    -ms-box-shadow: 0 0 15px rgba(236,236,236,0.8)
}

.pop-erro[data-v-de92755a] {
    padding-top: 10px;
    color: #bf0719;
    width: 310px;
    margin: 0 auto
}

.pop-form2[data-v-de92755a] {
    width: 640px;
    background-color: #fff;
    border-radius: 2px;
    position: absolute;
    margin-left: 50%;
    top: 120px;
    left: -320px;
    z-index: 110
}

.pop-form .fz20[data-v-de92755a] {
    margin-bottom: 10px;
    color: #bf0719
}

.pop-form .closeIcon[data-v-de92755a] {
    display: block;
    width: 46px;
    height: 46px;
    background-size: 16px auto;
    position: absolute;
    top: 0;
    right: 0
}

.group-input-pop2[data-v-de92755a] {
    width: 220px;
    margin: 0 auto 20px;
    height: 34px;
    line-height: 34px;
    position: relative
}

.group-input-pop2 input[type='text'][data-v-de92755a] {
    width: 100%;
    height: 34px;
    background: #fff;
    line-height: 32px;
    border: 1px solid #ececec;
    font-size: 14px;
    color: #666;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 4px
}

.seclect-icon[data-v-de92755a] {
    display: block;
    width: 34px;
    height: 34px;
    background-size: 12px auto;
    position: absolute;
    right: 0;
    top: 0
}

</style>