.shadow[data-v-77f704fd]{-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.shadowDark[data-v-77f704fd]{-webkit-box-shadow:0 2px 8px 0 rgba(83,83,83,.1);box-shadow:0 2px 8px 0 rgba(83,83,83,.1)}.shadow-white[data-v-77f704fd]{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.05);box-shadow:0 1px 3px 0 rgba(0,0,0,.05);border-radius:2px;border:1px solid #eef0f3}.clearfix[data-v-77f704fd]:after{clear:both;content:"";display:block}.ellipsis[data-v-77f704fd]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis2[data-v-77f704fd]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.pull-left[data-v-77f704fd]{float:left}.pull-right[data-v-77f704fd]{float:right}.text-c[data-v-77f704fd]{text-align:center}.cb-modal-header[data-v-77f704fd]{padding:20px 40px}.cb-modal-header .cb-modal-header-inner[data-v-77f704fd]{font-style:normal;font-weight:500;font-size:20px;line-height:32px;color:var(--vcc-color-dark)}.cb-modal-body[data-v-77f704fd]{padding:0 40px 0}.cb-modal-footer[data-v-77f704fd]{padding:20px 40px}[data-v-77f704fd] .role-item{-webkit-box-shadow:none;box-shadow:none;border:1px solid #dee2e6}[data-v-77f704fd] .role-item-error{border:1px solid #fcc0bc}.page-landing-header{overflow:hidden;position:relative;background:linear-gradient(93.58deg,var(--vcc-color-primary) 12.2%,var(--vcc-color-dark) 83.92%)}.page-landing-header .container{position:relative;height:520px}.page-landing-header .cb-checkbox-wrapper:not(:last-child){margin-right:0}.page-landing-header .header-logo{position:absolute;top:15px}.page-landing-header .header-logo .logo{display:block;line-height:14px;height:20px;width:136px;background:url(../img/vcc.27b88fc9.svg) no-repeat;background-size:auto 16px;background-position:0;font-size:12px;text-indent:-99999px;color:#fff}.page-landing-header .header-backAccount{position:absolute;top:15px;right:0;z-index:9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-landing-header .header-backAccount a{color:#fff;height:20px;line-height:20px;opacity:.7;-webkit-transition:color .3s linear;transition:color .3s linear}.page-landing-header .header-backAccount a:hover{opacity:1}.page-landing-header .header-backAccount .logout-btn,.page-landing-header .header-backAccount .logout-btn:before{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-landing-header .header-backAccount .logout-btn:before{content:" ";border-left:1px solid #fff;width:1px;height:12px;margin-right:16px}.page-landing-header .header-backAccount .logout-btn:hover:before{opacity:.7}.page-landing-header .card-bg{position:absolute;margin-left:-180px;width:1596px;height:606px}.page-landing-header .card-bg img{height:100%;width:auto}.page-landing-header .card-bg .line-1{position:absolute;width:234px;height:68px;top:202px;left:645px}.page-landing-header .card-bg .line-1 .line{position:absolute;left:0;bottom:0;height:100%;background-image:url(https://oss-middle-desk-assets.lianlianpay.com/tps/cbva-vcc/line-1.png);background-size:cover;background-repeat:no-repeat;background-position:50%;background-position:0 100%;-webkit-animation:lineLeftToRight 3s linear infinite;animation:lineLeftToRight 3s linear infinite}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi){.page-landing-header .card-bg .line-1 .line{background-image:url(https://oss-middle-desk-assets.lianlianpay.com/tps/cbva-vcc/line-1@2x.png);background-size:cover}}.page-landing-header .card-bg .line-2{width:85px;height:62px;position:absolute;top:114px;right:488px}.page-landing-header .card-bg .line-2 .line{position:absolute;left:0;top:0;width:100%;background-image:url(https://oss-middle-desk-assets.lianlianpay.com/tps/cbva-vcc/line-2.png);background-size:cover;background-repeat:no-repeat;background-position:50%;background-position:0 0;-webkit-animation:lineTopToBottom 3s linear infinite;animation:lineTopToBottom 3s linear infinite}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi){.page-landing-header .card-bg .line-2 .line{background-image:url(https://oss-middle-desk-assets.lianlianpay.com/tps/cbva-vcc/line-2@2x.png);background-size:cover}}.page-landing-header .card-bg .line-3{width:204px;height:68px;position:absolute;top:112px;right:296px}.page-landing-header .card-bg .line-3 .line{position:absolute;right:0;bottom:0;height:100%;background-image:url(https://oss-middle-desk-assets.lianlianpay.com/tps/cbva-vcc/line-3.png);background-size:cover;background-repeat:no-repeat;background-position:50%;background-position:100% 0;-webkit-animation:lineRightToLeft 3s linear infinite;animation:lineRightToLeft 3s linear infinite}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi){.page-landing-header .card-bg .line-3 .line{background-image:url(https://oss-middle-desk-assets.lianlianpay.com/tps/cbva-vcc/line-3@2x.png);background-size:cover}}.page-landing-header .addition-tip{position:absolute;bottom:16px;left:0;color:#828282}.page-landing-header .apply-wrap{height:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page-landing-header .apply-wrap .main-title{font-style:normal;font-weight:700;font-size:38px;line-height:48px;letter-spacing:.02em;color:#fff}.page-landing-header .apply-wrap .sub-title{font-style:normal;font-weight:400;font-size:20px;line-height:28px;color:hsla(0,0%,100%,.7);margin-top:16px}.page-landing-header .apply-wrap .apply-btn-wrap{margin-top:56px;margin-bottom:12px;position:relative}.page-landing-header .apply-wrap .btn{position:relative;display:block;width:140px;height:48px;line-height:48px;color:#fff;text-align:center;background:#1884fc;border-radius:2px;font-weight:500;font-size:16px;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out;padding:0}.page-landing-header .apply-wrap .btn:hover{background:#2697ff}.page-landing-header .apply-wrap .apply-tip{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0 12px;height:30px;left:125px;top:-14px;background:-webkit-gradient(linear,right top,left top,color-stop(-2.13%,#ff9d73),to(#ffc846));background:linear-gradient(270deg,#ff9d73 -2.13%,#ffc846);font-weight:500;font-size:14px;line-height:30px;white-space:nowrap;text-align:center;color:#fff;border-radius:15px 15px 15px 0}.page-landing-header .agreement-wrap{position:relative;font-size:14px;line-height:24px;color:#fff;opacity:.8;margin-bottom:4px}.page-landing-header .agreement-wrap:last-child{margin-bottom:0}.page-landing-header .agreement-wrap a{color:#fff;text-decoration:underline}.page-landing-header .agreement-wrap .cb-checkbox-inner{border-color:#fff;background-color:transparent}.landing-form-modal .cb-modal-header{padding:20px 40px}.landing-form-modal .cb-modal-header .cb-modal-header-inner{font-style:normal;font-weight:500;font-size:20px;line-height:32px;color:var(--vcc-color-dark)}.landing-form-modal .cb-modal-body{padding:0 40px 0}.landing-form-modal .cb-modal-footer{padding:20px 40px}.shadow[data-v-2c7d8e6c]{-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.shadowDark[data-v-2c7d8e6c]{-webkit-box-shadow:0 2px 8px 0 rgba(83,83,83,.1);box-shadow:0 2px 8px 0 rgba(83,83,83,.1)}.shadow-white[data-v-2c7d8e6c]{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.05);box-shadow:0 1px 3px 0 rgba(0,0,0,.05);border-radius:2px;border:1px solid #eef0f3}.clearfix[data-v-2c7d8e6c]:after{clear:both;content:"";display:block}.ellipsis[data-v-2c7d8e6c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis2[data-v-2c7d8e6c]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.pull-left[data-v-2c7d8e6c]{float:left}.pull-right[data-v-2c7d8e6c]{float:right}.text-c[data-v-2c7d8e6c]{text-align:center}.cb-modal-header[data-v-2c7d8e6c]{padding:20px 40px}.cb-modal-header .cb-modal-header-inner[data-v-2c7d8e6c]{font-style:normal;font-weight:500;font-size:20px;line-height:32px;color:var(--vcc-color-dark)}.cb-modal-body[data-v-2c7d8e6c]{padding:0 40px 0}.cb-modal-footer[data-v-2c7d8e6c]{padding:20px 40px}[data-v-2c7d8e6c] .role-item{-webkit-box-shadow:none;box-shadow:none;border:1px solid #dee2e6}[data-v-2c7d8e6c] .role-item-error{border:1px solid #fcc0bc}.page-landingB2b-header{overflow:hidden;position:relative;background:linear-gradient(93.58deg,var(--vcc-color-primary) 12.2%,var(--vcc-color-dark) 83.92%)}.page-landingB2b-header .container{position:relative;height:520px}.page-landingB2b-header .cb-checkbox-wrapper:not(:last-child){margin-right:0}.page-landingB2b-header .header-logo{position:absolute;top:15px}.page-landingB2b-header .header-logo .logo{display:block;line-height:14px;height:20px;width:136px;background:url(../img/vcc_w.f2247e42.svg) no-repeat;background-size:auto 16px;background-position:0;font-size:12px;text-indent:-99999px;color:#fff}.page-landingB2b-header .header-backAccount{position:absolute;top:15px;right:0;z-index:9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-landingB2b-header .header-backAccount a{color:#fff;height:20px;line-height:20px;opacity:.7;-webkit-transition:color .3s linear;transition:color .3s linear}.page-landingB2b-header .header-backAccount a:hover{opacity:1}.page-landingB2b-header .header-backAccount .logout-btn,.page-landingB2b-header .header-backAccount .logout-btn:before{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-landingB2b-header .header-backAccount .logout-btn:before{content:" ";border-left:1px solid #fff;width:1px;height:12px;margin-right:16px}.page-landingB2b-header .header-backAccount .logout-btn:hover:before{opacity:.7}.page-landingB2b-header .card-bg{position:absolute;margin-left:-180px;width:1596px;height:606px}.page-landingB2b-header .card-bg img{height:100%;width:auto}.page-landingB2b-header .card-bg .line-1{position:absolute;width:234px;height:68px;top:202px;left:645px}.page-landingB2b-header .card-bg .line-1 .line{position:absolute;left:0;bottom:0;height:100%;background-image:url(https://oss-middle-desk-assets.lianlianpay.com/tps/cbva-vcc/line-1.png);background-size:cover;background-repeat:no-repeat;background-position:50%;background-position:0 100%;-webkit-animation:lineLeftToRight 3s linear infinite;animation:lineLeftToRight 3s linear infinite}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi){.page-landingB2b-header .card-bg .line-1 .line{background-image:url(https://oss-middle-desk-assets.lianlianpay.com/tps/cbva-vcc/line-1@2x.png);background-size:cover}}.page-landingB2b-header .card-bg .line-2{width:85px;height:62px;position:absolute;top:114px;right:488px}.page-landingB2b-header .card-bg .line-2 .line{position:absolute;left:0;top:0;width:100%;background-image:url(https://oss-middle-desk-assets.lianlianpay.com/tps/cbva-vcc/line-2.png);background-size:cover;background-repeat:no-repeat;background-position:50%;background-position:0 0;-webkit-animation:lineTopToBottom 3s linear infinite;animation:lineTopToBottom 3s linear infinite}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi){.page-landingB2b-header .card-bg .line-2 .line{background-image:url(https://oss-middle-desk-assets.lianlianpay.com/tps/cbva-vcc/line-2@2x.png);background-size:cover}}.page-landingB2b-header .card-bg .line-3{width:204px;height:68px;position:absolute;top:112px;right:296px}.page-landingB2b-header .card-bg .line-3 .line{position:absolute;right:0;bottom:0;height:100%;background-image:url(https://oss-middle-desk-assets.lianlianpay.com/tps/cbva-vcc/line-3.png);background-size:cover;background-repeat:no-repeat;background-position:50%;background-position:100% 0;-webkit-animation:lineRightToLeft 3s linear infinite;animation:lineRightToLeft 3s linear infinite}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi){.page-landingB2b-header .card-bg .line-3 .line{background-image:url(https://oss-middle-desk-assets.lianlianpay.com/tps/cbva-vcc/line-3@2x.png);background-size:cover}}.page-landingB2b-header .addition-tip{position:absolute;bottom:16px;left:0;color:#828282}.page-landingB2b-header .apply-wrap{height:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page-landingB2b-header .apply-wrap .main-title{font-style:normal;font-weight:700;font-size:38px;line-height:48px;letter-spacing:.02em;color:#fff}.page-landingB2b-header .apply-wrap .sub-title{font-style:normal;font-weight:400;font-size:20px;line-height:28px;color:hsla(0,0%,100%,.7);margin-top:16px}.page-landingB2b-header .apply-wrap .apply-btn-wrap{margin-top:56px;position:relative;margin-bottom:12px}.page-landingB2b-header .apply-wrap .btn{position:relative;display:block;width:140px;height:48px;line-height:48px;color:#fff;text-align:center;background:#1884fc;border-radius:2px;font-weight:500;font-size:16px;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out}.page-landingB2b-header .apply-wrap .btn:hover{background:#2697ff}.page-landingB2b-header .apply-wrap .apply-tip{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0 12px;height:30px;left:125px;top:-14px;background:-webkit-gradient(linear,right top,left top,color-stop(-2.13%,#ff9d73),to(#ffc846));background:linear-gradient(270deg,#ff9d73 -2.13%,#ffc846);font-weight:500;font-size:14px;line-height:30px;white-space:nowrap;text-align:center;color:#fff;border-radius:15px 15px 15px 0}.page-landingB2b-header .agreement-wrap{position:relative;font-size:14px;line-height:24px;color:#fff;opacity:.8;margin-bottom:4px}.page-landingB2b-header .agreement-wrap:last-child{margin-bottom:0}.page-landingB2b-header .agreement-wrap a{color:#fff;text-decoration:underline}.page-landingB2b-header .agreement-wrap .cb-checkbox-inner{border-color:#fff;background-color:transparent}.page-landing-result{position:relative;float:left;width:100%;padding-bottom:80px;background:#f7f9fc}.page-landing-result .container{margin-top:-80px!important;background:#fff;-webkit-box-shadow:0 2px 4px rgba(157,161,166,.3);box-shadow:0 2px 4px rgba(157,161,166,.3);border-radius:8px;padding:24px 40px}.page-landing-result .form-title{font-weight:500;font-size:24px;line-height:36px;color:var(--vcc-color-dark);margin-bottom:24px}.page-landing-result .form-group{margin-bottom:24px}.page-landing-result .group-title{font-size:14px;line-height:20px;color:var(--vcc-color-dark);margin-bottom:16px}.page-landing-result .apply-result{padding-top:84px;height:300px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-landing-result .apply-result .result-tip{font-size:20px;color:var(--vcc-color-dark);line-height:32px;margin-bottom:8px;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex}.page-landing-result .apply-result .result-tip .vcc-icon{position:relative;top:1px;margin-right:8px}.page-landing-result .apply-result .result-subTip{text-align:center}.page-landing-result .apply-result .result-subTip a{text-decoration:underline}.page-landing-scene{padding-top:80px;padding-bottom:80px;background:#f7fafc}.page-landing-scene .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-landing-scene .main-title{font-weight:600;font-size:38px;line-height:60px;color:var(--vcc-color-dark);margin-bottom:48px}.page-landing-scene .scene-wrap{text-align:center;height:564px;position:relative;width:564px}.page-landing-scene .scene-wrap img{height:100%;width:100%}.page-landing-scene .scene-dot{position:relative;width:16px;height:16px;top:6px}.page-landing-scene .scene-dot .dot-inner{content:" ";background:var(--vcc-color-primary);z-index:99}.page-landing-scene .scene-dot .dot-inner,.page-landing-scene .scene-dot .dot-outer{position:absolute;display:block;top:50%;left:50%;margin-left:-4px;margin-top:-4px;height:8px;width:8px;border-radius:8px}.page-landing-scene .scene-dot .dot-outer{background:#dbe1f1;-webkit-animation:sceneDotAni 2s linear infinite;animation:sceneDotAni 2s linear infinite;z-index:98}.page-landing-scene .h5-scene-box{display:none;position:absolute}.page-landing-scene .h5-scene-box-1{top:151px;right:269px}.page-landing-scene .h5-scene-box-2{top:29px;right:34px}.page-landing-scene .h5-scene-box-3{right:28px;bottom:46px}.page-landing-scene .h5-scene-box-4{right:269px;top:46px}.page-landing-scene .scene-box{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex}.page-landing-scene .scene-box .scene-detail{-webkit-box-flex:1;-ms-flex:1;flex:1}.page-landing-scene .scene-box .scene-title{text-align:left;font-weight:600;font-size:18px;line-height:30px;color:var(--vcc-color-dark)}.page-landing-scene .scene-box .scene-desc{text-align:left;font-size:14px;line-height:24px;color:var(--vcc-color-normal)}.page-landing-scene .scene-box-1{top:302px;right:552px;width:280px;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.page-landing-scene .scene-box-1 .scene-detail{margin-right:12px;width:250px}.page-landing-scene .scene-box-1 .scene-desc,.page-landing-scene .scene-box-1 .scene-title{text-align:right}.page-landing-scene .scene-box-2{top:58px;right:-272px;width:378px}.page-landing-scene .scene-box-2 .scene-detail{margin-left:12px;width:348px}.page-landing-scene .scene-box-3{right:-245px;bottom:33px;width:330px}.page-landing-scene .scene-box-3 .scene-detail{margin-left:12px;width:297px}.page-landing-scene .scene-box-4{top:44px;right:448px;width:330px;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.page-landing-scene .scene-box-4 .scene-detail{margin-left:12px;width:297px}.page-landing-scene .scene-box-4 .scene-desc,.page-landing-scene .scene-box-4 .scene-title{text-align:right}@-webkit-keyframes sceneDotAni{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}5%{opacity:1}20%{-webkit-transform:scale(1.5);transform:scale(1.5)}90%{opacity:.8}to{-webkit-transform:scale(2.5);transform:scale(2.5);opacity:0}}@keyframes sceneDotAni{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}5%{opacity:1}20%{-webkit-transform:scale(1.5);transform:scale(1.5)}90%{opacity:.8}to{-webkit-transform:scale(2.5);transform:scale(2.5);opacity:0}}.page-landing-reason{position:relative;background:#f7f9fc;padding:80px 0}.page-landing-reason .main-title{font-style:normal;font-weight:600;font-size:36px;line-height:60px;color:var(--vcc-color-dark);text-align:center}.page-landing-reason .sub-title{font-size:14px;line-height:24px;color:#fff;opacity:.8;margin-bottom:24px;font-weight:300}.page-landing-reason .desc-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page-landing-reason .desc-wrap .desc-item{width:265px;height:302px;background:#fff;-webkit-box-shadow:0 2px 4px rgba(157,161,166,.25);box-shadow:0 2px 4px rgba(157,161,166,.25);border-radius:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.page-landing-reason .desc-wrap .desc-icon,.page-landing-reason .desc-wrap .desc-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-landing-reason .desc-wrap .desc-icon{width:96px;height:96px;overflow:hidden;background:#f5f7fb;border-radius:96px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:56px;margin-bottom:48px}.page-landing-reason .desc-wrap .desc-icon img{width:60px;height:60px}.page-landing-reason .desc-wrap .desc-title{font-weight:600;font-size:18px;line-height:30px;color:var(--vcc-color-dark)}.page-landing-reason .desc-wrap .desc-subTitle{font-size:14px;line-height:24px;text-align:center;color:var(--vcc-color-normal);margin-bottom:48px}.page-landing-customer{background:#fff}.page-landing-customer .container{position:relative;padding:80px 0}.page-landing-customer .comma-wrap{position:absolute;width:250px;height:184px;top:80px;left:285px;background-image:url(https://oss-middle-desk-assets.lianlianpay.com/tps/cbva-vcc/comma.png);background-size:cover;background-repeat:no-repeat;background-position:50%}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi){.page-landing-customer .comma-wrap{background-image:url(https://oss-middle-desk-assets.lianlianpay.com/tps/cbva-vcc/comma@2x.png);background-size:cover}}.page-landing-customer .customer-main-title{position:relative;font-weight:600;font-size:38px;line-height:38px;text-align:center;color:#333;margin-bottom:68px}.page-landing-customer .comment-banner{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-landing-customer .comment-list{width:810px;margin-bottom:36px;height:100px;overflow:hidden}.page-landing-customer .comment-list .list-item{font-size:16px;line-height:28px;text-align:center;color:var(--vcc-color-primary)}.page-landing-customer .user-list{width:622px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.page-landing-customer .user-list,.page-landing-customer .user-list .list-item{display:-webkit-box;display:-ms-flexbox;display:flex}.page-landing-customer .user-list .list-item:last-child{margin-right:0}.page-landing-customer .user-list .list-item .detail-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;white-space:nowrap;width:0;overflow:hidden;font-size:14px;line-height:20px}.page-landing-customer .user-list .list-item .detail-info .user-info{font-weight:600;color:var(--vcc-color-primary)}.page-landing-customer .user-list .list-item .detail-info .platform-info{color:#8c8d9f}.page-landing-customer .user-list .list-item .avatar{position:relative;width:56px;height:56px;border-radius:56px;overflow:hidden;margin-right:20px;cursor:pointer}.page-landing-customer .user-list .list-item .avatar img{width:100%;height:100%}.page-landing-customer .user-list .list-item .avatar .avatar-mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(203,210,218,.6);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.page-landing-customer .user-list .list-item .avatar:hover .avatar-mask{background:transparent}.page-landing-customer .user-list .list-item.active:last-child{padding-right:0}.page-landing-customer .user-list .list-item.active:first-child{padding-left:0}.page-landing-customer .user-list .list-item.active .detail-info{width:242px}.page-landing-customer .user-list .list-item.active .avatar .avatar-mask{background:transparent}.userDetail-enter-active,.userDetail-leave-active{-webkit-transition:width .3s ease-in-out,opacity .3s ease-in-out,margin .3s ease-in-out;transition:width .3s ease-in-out,opacity .3s ease-in-out,margin .3s ease-in-out}.userDetail-enter,.userDetail-leave-to{opacity:0;width:0!important}.commentFade-enter-active{-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}.commentFade-enter{opacity:0}.shadow{-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.shadowDark{-webkit-box-shadow:0 2px 8px 0 rgba(83,83,83,.1);box-shadow:0 2px 8px 0 rgba(83,83,83,.1)}.shadow-white{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.05);box-shadow:0 1px 3px 0 rgba(0,0,0,.05);border-radius:2px;border:1px solid #eef0f3}.clearfix:after{clear:both;content:"";display:block}.ellipsis{white-space:nowrap}.ellipsis,.ellipsis2{overflow:hidden;text-overflow:ellipsis}.ellipsis2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.pull-left{float:left}.pull-right{float:right}.text-c{text-align:center}.page-landing{background:#fff;min-width:1200px}.page-landing .container{width:1120px;margin:0 auto}.page-landing .vcc-loading{height:100%}