html {
-webkit-tap-highlight-color: transparent
}
body {
max-width: 750px;
margin: 0 auto;
font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif
}
a {
text-decoration: none
}
button,input,textarea {
color: inherit;
font: inherit
}
[class*=van-]:focus,a:focus,button:focus,input:focus,textarea:focus {
outline: 0
}
ol,ul {
margin: 0;
padding: 0;
list-style: none
}
.van-ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.van-multi-ellipsis--l2 {
-webkit-line-clamp: 2
}
.van-multi-ellipsis--l2,.van-multi-ellipsis--l3 {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical
}
.van-multi-ellipsis--l3 {
-webkit-line-clamp: 3
}
.van-clearfix:after {
display: table;
clear: both;
content: ""
}
[class*=van-hairline]:after {
position: absolute;
box-sizing: border-box;
content: " ";
pointer-events: none;
top: -50%;
right: -50%;
bottom: -50%;
left: -50%;
border: 0 solid #ebedf0;
-webkit-transform: scale(.5);
transform: scale(.5)
}
.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom {
position: relative
}
.van-hairline--top:after {
border-top-width: .04rem
}
.van-hairline--left:after {
border-left-width: .04rem
}
.van-hairline--right:after {
border-right-width: .04rem
}
.van-hairline--bottom:after {
border-bottom-width: .04rem
}
.van-hairline--top-bottom:after,.van-hairline-unset--top-bottom:after {
border-width: .04rem 0
}
.van-hairline--surround:after {
border-width: .04rem
}
@-webkit-keyframes van-slide-up-enter {
0% {
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0)
}
}
@keyframes van-slide-up-enter {
0% {
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0)
}
}
@-webkit-keyframes van-slide-up-leave {
to {
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0)
}
}
@keyframes van-slide-up-leave {
to {
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0)
}
}
@-webkit-keyframes van-slide-down-enter {
0% {
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0)
}
}
@keyframes van-slide-down-enter {
0% {
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0)
}
}
@-webkit-keyframes van-slide-down-leave {
to {
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0)
}
}
@keyframes van-slide-down-leave {
to {
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0)
}
}
@-webkit-keyframes van-slide-left-enter {
0% {
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}
}
@keyframes van-slide-left-enter {
0% {
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}
}
@-webkit-keyframes van-slide-left-leave {
to {
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}
}
@keyframes van-slide-left-leave {
to {
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}
}
@-webkit-keyframes van-slide-right-enter {
0% {
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}
}
@keyframes van-slide-right-enter {
0% {
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}
}
@-webkit-keyframes van-slide-right-leave {
to {
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}
}
@keyframes van-slide-right-leave {
to {
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}
}
@-webkit-keyframes van-fade-in {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes van-fade-in {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes van-fade-out {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes van-fade-out {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@-webkit-keyframes van-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes van-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
.van-fade-enter-active {
-webkit-animation: van-fade-in .3s ease-out both;
animation: van-fade-in .3s ease-out both
}
.van-fade-leave-active {
-webkit-animation: van-fade-out .3s ease-in both;
animation: van-fade-out .3s ease-in both
}
.van-slide-up-enter-active {
-webkit-animation: van-slide-up-enter .3s ease-out both;
animation: van-slide-up-enter .3s ease-out both
}
.van-slide-up-leave-active {
-webkit-animation: van-slide-up-leave .3s ease-in both;
animation: van-slide-up-leave .3s ease-in both
}
.van-slide-down-enter-active {
-webkit-animation: van-slide-down-enter .3s ease-out both;
animation: van-slide-down-enter .3s ease-out both
}
.van-slide-down-leave-active {
-webkit-animation: van-slide-down-leave .3s ease-in both;
animation: van-slide-down-leave .3s ease-in both
}
.van-slide-left-enter-active {
-webkit-animation: van-slide-left-enter .3s ease-out both;
animation: van-slide-left-enter .3s ease-out both
}
.van-slide-left-leave-active {
-webkit-animation: van-slide-left-leave .3s ease-in both;
animation: van-slide-left-leave .3s ease-in both
}
.van-slide-right-enter-active {
-webkit-animation: van-slide-right-enter .3s ease-out both;
animation: van-slide-right-enter .3s ease-out both
}
.van-slide-right-leave-active {
-webkit-animation: van-slide-right-leave .3s ease-in both;
animation: van-slide-right-leave .3s ease-in both
}
.van-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.7)
}
.van-info {
position: absolute;
top: 0;
right: 0;
box-sizing: border-box;
min-width: .64rem;
padding: 0 .12rem;
color: #fff;
font-weight: 500;
font-size: .48rem;
font-family: -apple-system-font,Helvetica Neue,Arial,sans-serif;
line-height: 1.2;
text-align: center;
background-color: #ee0a24;
border: .04rem solid #fff;
border-radius: .64rem;
-webkit-transform: translate(50%,-50%);
transform: translate(50%,-50%);
-webkit-transform-origin: 100%;
transform-origin: 100%
}
.van-info--dot {
width: .32rem;
min-width: 0;
height: .32rem;
background-color: #ee0a24;
border-radius: 100%
}
.van-icon {
position: relative;
font: normal normal normal .56rem/1 vant-icon;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased
}
.van-icon,.van-icon:before {
display: inline-block
}
.van-icon-exchange:before {
content: "\E6AF"
}
.van-icon-eye:before {
content: "\E6B0"
}
.van-icon-enlarge:before {
content: "\E6B1"
}
.van-icon-expand-o:before {
content: "\E6B2"
}
.van-icon-eye-o:before {
content: "\E6B3"
}
.van-icon-expand:before {
content: "\E6B4"
}
.van-icon-filter-o:before {
content: "\E6B5"
}
.van-icon-fire:before {
content: "\E6B6"
}
.van-icon-fail:before {
content: "\E6B7"
}
.van-icon-failure:before {
content: "\E6B8"
}
.van-icon-fire-o:before {
content: "\E6B9"
}
.van-icon-flag-o:before {
content: "\E6BA"
}
.van-icon-font:before {
content: "\E6BB"
}
.van-icon-font-o:before {
content: "\E6BC"
}
.van-icon-gem-o:before {
content: "\E6BD"
}
.van-icon-flower-o:before {
content: "\E6BE"
}
.van-icon-gem:before {
content: "\E6BF"
}
.van-icon-gift-card:before {
content: "\E6C0"
}
.van-icon-friends:before {
content: "\E6C1"
}
.van-icon-friends-o:before {
content: "\E6C2"
}
.van-icon-gold-coin:before {
content: "\E6C3"
}
.van-icon-gold-coin-o:before {
content: "\E6C4"
}
.van-icon-good-job-o:before {
content: "\E6C5"
}
.van-icon-gift:before {
content: "\E6C6"
}
.van-icon-gift-o:before {
content: "\E6C7"
}
.van-icon-gift-card-o:before {
content: "\E6C8"
}
.van-icon-good-job:before {
content: "\E6C9"
}
.van-icon-home-o:before {
content: "\E6CA"
}
.van-icon-goods-collect:before {
content: "\E6CB"
}
.van-icon-graphic:before {
content: "\E6CC"
}
.van-icon-goods-collect-o:before {
content: "\E6CD"
}
.van-icon-hot-o:before {
content: "\E6CE"
}
.van-icon-info:before {
content: "\E6CF"
}
.van-icon-hotel-o:before {
content: "\E6D0"
}
.van-icon-info-o:before {
content: "\E6D1"
}
.van-icon-hot-sale-o:before {
content: "\E6D2"
}
.van-icon-hot:before {
content: "\E6D3"
}
.van-icon-like:before {
content: "\E6D4"
}
.van-icon-idcard:before {
content: "\E6D5"
}
.van-icon-invitation:before {
content: "\E6D6"
}
.van-icon-like-o:before {
content: "\E6D7"
}
.van-icon-hot-sale:before {
content: "\E6D8"
}
.van-icon-location-o:before {
content: "\E6D9"
}
.van-icon-location:before {
content: "\E6DA"
}
.van-icon-label:before {
content: "\E6DB"
}
.van-icon-lock:before {
content: "\E6DC"
}
.van-icon-label-o:before {
content: "\E6DD"
}
.van-icon-map-marked:before {
content: "\E6DE"
}
.van-icon-logistics:before {
content: "\E6DF"
}
.van-icon-manager:before {
content: "\E6E0"
}
.van-icon-more:before {
content: "\E6E1"
}
.van-icon-live:before {
content: "\E6E2"
}
.van-icon-manager-o:before {
content: "\E6E3"
}
.van-icon-medal:before {
content: "\E6E4"
}
.van-icon-more-o:before {
content: "\E6E5"
}
.van-icon-music-o:before {
content: "\E6E6"
}
.van-icon-music:before {
content: "\E6E7"
}
.van-icon-new-arrival-o:before {
content: "\E6E8"
}
.van-icon-medal-o:before {
content: "\E6E9"
}
.van-icon-new-o:before {
content: "\E6EA"
}
.van-icon-free-postage:before {
content: "\E6EB"
}
.van-icon-newspaper-o:before {
content: "\E6EC"
}
.van-icon-new-arrival:before {
content: "\E6ED"
}
.van-icon-minus:before {
content: "\E6EE"
}
.van-icon-orders-o:before {
content: "\E6EF"
}
.van-icon-new:before {
content: "\E6F0"
}
.van-icon-paid:before {
content: "\E6F1"
}
.van-icon-notes-o:before {
content: "\E6F2"
}
.van-icon-other-pay:before {
content: "\E6F3"
}
.van-icon-pause-circle:before {
content: "\E6F4"
}
.van-icon-pause:before {
content: "\E6F5"
}
.van-icon-pause-circle-o:before {
content: "\E6F6"
}
.van-icon-peer-pay:before {
content: "\E6F7"
}
.van-icon-pending-payment:before {
content: "\E6F8"
}
.van-icon-passed:before {
content: "\E6F9"
}
.van-icon-plus:before {
content: "\E6FA"
}
.van-icon-phone-circle-o:before {
content: "\E6FB"
}
.van-icon-phone-o:before {
content: "\E6FC"
}
.van-icon-printer:before {
content: "\E6FD"
}
.van-icon-photo-fail:before {
content: "\E6FE"
}
.van-icon-phone:before {
content: "\E6FF"
}
.van-icon-photo-o:before {
content: "\E700"
}
.van-icon-play-circle:before {
content: "\E701"
}
.van-icon-play:before {
content: "\E702"
}
.van-icon-phone-circle:before {
content: "\E703"
}
.van-icon-point-gift-o:before {
content: "\E704"
}
.van-icon-point-gift:before {
content: "\E705"
}
.van-icon-play-circle-o:before {
content: "\E706"
}
.van-icon-shrink:before {
content: "\E707"
}
.van-icon-photo:before {
content: "\E708"
}
.van-icon-qr:before {
content: "\E709"
}
.van-icon-qr-invalid:before {
content: "\E70A"
}
.van-icon-question-o:before {
content: "\E70B"
}
.van-icon-revoke:before {
content: "\E70C"
}
.van-icon-replay:before {
content: "\E70D"
}
.van-icon-service:before {
content: "\E70E"
}
.van-icon-question:before {
content: "\E70F"
}
.van-icon-search:before {
content: "\E710"
}
.van-icon-refund-o:before {
content: "\E711"
}
.van-icon-service-o:before {
content: "\E712"
}
.van-icon-scan:before {
content: "\E713"
}
.van-icon-share:before {
content: "\E714"
}
.van-icon-send-gift-o:before {
content: "\E715"
}
.van-icon-share-o:before {
content: "\E716"
}
.van-icon-setting:before {
content: "\E717"
}
.van-icon-points:before {
content: "\E718"
}
.van-icon-photograph:before {
content: "\E719"
}
.van-icon-shop:before {
content: "\E71A"
}
.van-icon-shop-o:before {
content: "\E71B"
}
.van-icon-shop-collect-o:before {
content: "\E71C"
}
.van-icon-shop-collect:before {
content: "\E71D"
}
.van-icon-smile:before {
content: "\E71E"
}
.van-icon-shopping-cart-o:before {
content: "\E71F"
}
.van-icon-sign:before {
content: "\E720"
}
.van-icon-sort:before {
content: "\E721"
}
.van-icon-star-o:before {
content: "\E722"
}
.van-icon-smile-comment-o:before {
content: "\E723"
}
.van-icon-stop:before {
content: "\E724"
}
.van-icon-stop-circle-o:before {
content: "\E725"
}
.van-icon-smile-o:before {
content: "\E726"
}
.van-icon-star:before {
content: "\E727"
}
.van-icon-success:before {
content: "\E728"
}
.van-icon-stop-circle:before {
content: "\E729"
}
.van-icon-records:before {
content: "\E72A"
}
.van-icon-shopping-cart:before {
content: "\E72B"
}
.van-icon-tosend:before {
content: "\E72C"
}
.van-icon-todo-list:before {
content: "\E72D"
}
.van-icon-thumb-circle-o:before {
content: "\E72E"
}
.van-icon-thumb-circle:before {
content: "\E72F"
}
.van-icon-umbrella-circle:before {
content: "\E730"
}
.van-icon-underway:before {
content: "\E731"
}
.van-icon-upgrade:before {
content: "\E732"
}
.van-icon-todo-list-o:before {
content: "\E733"
}
.van-icon-tv-o:before {
content: "\E734"
}
.van-icon-underway-o:before {
content: "\E735"
}
.van-icon-user-o:before {
content: "\E736"
}
.van-icon-vip-card-o:before {
content: "\E737"
}
.van-icon-vip-card:before {
content: "\E738"
}
.van-icon-send-gift:before {
content: "\E739"
}
.van-icon-wap-home:before {
content: "\E73A"
}
.van-icon-wap-nav:before {
content: "\E73B"
}
.van-icon-volume-o:before {
content: "\E73C"
}
.van-icon-video:before {
content: "\E73D"
}
.van-icon-wap-home-o:before {
content: "\E73E"
}
.van-icon-volume:before {
content: "\E73F"
}
.van-icon-warning:before {
content: "\E740"
}
.van-icon-weapp-nav:before {
content: "\E741"
}
.van-icon-wechat-pay:before {
content: "\E742"
}
.van-icon-warning-o:before {
content: "\E743"
}
.van-icon-wechat:before {
content: "\E744"
}
.van-icon-setting-o:before {
content: "\E745"
}
.van-icon-youzan-shield:before {
content: "\E746"
}
.van-icon-warn-o:before {
content: "\E747"
}
.van-icon-smile-comment:before {
content: "\E748"
}
.van-icon-user-circle-o:before {
content: "\E749"
}
.van-icon-video-o:before {
content: "\E74A"
}
.van-icon-add-square:before {
content: "\E65C"
}
.van-icon-add:before {
content: "\E65D"
}
.van-icon-arrow-down:before {
content: "\E65E"
}
.van-icon-arrow-up:before {
content: "\E65F"
}
.van-icon-arrow:before {
content: "\E660"
}
.van-icon-after-sale:before {
content: "\E661"
}
.van-icon-add-o:before {
content: "\E662"
}
.van-icon-alipay:before {
content: "\E663"
}
.van-icon-ascending:before {
content: "\E664"
}
.van-icon-apps-o:before {
content: "\E665"
}
.van-icon-aim:before {
content: "\E666"
}
.van-icon-award:before {
content: "\E667"
}
.van-icon-arrow-left:before {
content: "\E668"
}
.van-icon-award-o:before {
content: "\E669"
}
.van-icon-audio:before {
content: "\E66A"
}
.van-icon-bag-o:before {
content: "\E66B"
}
.van-icon-balance-list:before {
content: "\E66C"
}
.van-icon-back-top:before {
content: "\E66D"
}
.van-icon-bag:before {
content: "\E66E"
}
.van-icon-balance-pay:before {
content: "\E66F"
}
.van-icon-balance-o:before {
content: "\E670"
}
.van-icon-bar-chart-o:before {
content: "\E671"
}
.van-icon-bars:before {
content: "\E672"
}
.van-icon-balance-list-o:before {
content: "\E673"
}
.van-icon-birthday-cake-o:before {
content: "\E674"
}
.van-icon-bookmark:before {
content: "\E675"
}
.van-icon-bill:before {
content: "\E676"
}
.van-icon-bell:before {
content: "\E677"
}
.van-icon-browsing-history-o:before {
content: "\E678"
}
.van-icon-browsing-history:before {
content: "\E679"
}
.van-icon-bookmark-o:before {
content: "\E67A"
}
.van-icon-bulb-o:before {
content: "\E67B"
}
.van-icon-bullhorn-o:before {
content: "\E67C"
}
.van-icon-bill-o:before {
content: "\E67D"
}
.van-icon-calendar-o:before {
content: "\E67E"
}
.van-icon-brush-o:before {
content: "\E67F"
}
.van-icon-card:before {
content: "\E680"
}
.van-icon-cart-o:before {
content: "\E681"
}
.van-icon-cart-circle:before {
content: "\E682"
}
.van-icon-cart-circle-o:before {
content: "\E683"
}
.van-icon-cart:before {
content: "\E684"
}
.van-icon-cash-on-deliver:before {
content: "\E685"
}
.van-icon-cash-back-record:before {
content: "\E686"
}
.van-icon-cashier-o:before {
content: "\E687"
}
.van-icon-chart-trending-o:before {
content: "\E688"
}
.van-icon-certificate:before {
content: "\E689"
}
.van-icon-chat:before {
content: "\E68A"
}
.van-icon-clear:before {
content: "\E68B"
}
.van-icon-chat-o:before {
content: "\E68C"
}
.van-icon-checked:before {
content: "\E68D"
}
.van-icon-clock:before {
content: "\E68E"
}
.van-icon-clock-o:before {
content: "\E68F"
}
.van-icon-close:before {
content: "\E690"
}
.van-icon-closed-eye:before {
content: "\E691"
}
.van-icon-circle:before {
content: "\E692"
}
.van-icon-cluster-o:before {
content: "\E693"
}
.van-icon-column:before {
content: "\E694"
}
.van-icon-comment-circle-o:before {
content: "\E695"
}
.van-icon-cluster:before {
content: "\E696"
}
.van-icon-comment:before {
content: "\E697"
}
.van-icon-comment-o:before {
content: "\E698"
}
.van-icon-comment-circle:before {
content: "\E699"
}
.van-icon-completed:before {
content: "\E69A"
}
.van-icon-credit-pay:before {
content: "\E69B"
}
.van-icon-coupon:before {
content: "\E69C"
}
.van-icon-debit-pay:before {
content: "\E69D"
}
.van-icon-coupon-o:before {
content: "\E69E"
}
.van-icon-contact:before {
content: "\E69F"
}
.van-icon-descending:before {
content: "\E6A0"
}
.van-icon-desktop-o:before {
content: "\E6A1"
}
.van-icon-diamond-o:before {
content: "\E6A2"
}
.van-icon-description:before {
content: "\E6A3"
}
.van-icon-delete:before {
content: "\E6A4"
}
.van-icon-diamond:before {
content: "\E6A5"
}
.van-icon-delete-o:before {
content: "\E6A6"
}
.van-icon-cross:before {
content: "\E6A7"
}
.van-icon-edit:before {
content: "\E6A8"
}
.van-icon-ellipsis:before {
content: "\E6A9"
}
.van-icon-down:before {
content: "\E6AA"
}
.van-icon-discount:before {
content: "\E6AB"
}
.van-icon-ecard-pay:before {
content: "\E6AC"
}
.van-icon-envelop-o:before {
content: "\E6AE"
}
.van-icon-shield-o:before {
content: "\E74B"
}
.van-icon-guide-o:before {
content: "\E74C"
}
@font-face {
font-weight: 400;
font-family: vant-icon;
font-style: normal;
font-display: auto;
}
.van-icon__image {
width: 1em;
height: 1em;
object-fit: contain
}
.van-overflow-hidden {
overflow: hidden!important
}
.van-popup {
position: fixed;
max-height: 100%;
overflow-y: auto;
background-color: #fff;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s,-webkit-transform .3s;
-webkit-overflow-scrolling: touch
}
.van-popup--center {
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0)
}
.van-popup--center.van-popup--round {
border-radius: .64rem
}
.van-popup--top {
top: 0;
left: 0;
width: 100%
}
.van-popup--top.van-popup--round {
border-radius: 0 0 .64rem .64rem
}
.van-popup--right {
top: 50%;
right: 0;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.van-popup--right.van-popup--round {
border-radius: .64rem 0 0 .64rem
}
.van-popup--bottom {
bottom: 0;
left: 0;
width: 100%
}
.van-popup--bottom.van-popup--round {
border-radius: .64rem .64rem 0 0
}
.van-popup--left {
top: 50%;
left: 0;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.van-popup--left.van-popup--round {
border-radius: 0 .64rem .64rem 0
}
.van-popup--safe-area-inset-bottom {
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom)
}
.van-popup-slide-bottom-enter-active,.van-popup-slide-left-enter-active,.van-popup-slide-right-enter-active,.van-popup-slide-top-enter-active {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.van-popup-slide-bottom-leave-active,.van-popup-slide-left-leave-active,.van-popup-slide-right-leave-active,.van-popup-slide-top-leave-active {
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in
}
.van-popup-slide-top-enter,.van-popup-slide-top-leave-active {
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0)
}
.van-popup-slide-right-enter,.van-popup-slide-right-leave-active {
-webkit-transform: translate3d(100%,-50%,0);
transform: translate3d(100%,-50%,0)
}
.van-popup-slide-bottom-enter,.van-popup-slide-bottom-leave-active {
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0)
}
.van-popup-slide-left-enter,.van-popup-slide-left-leave-active {
-webkit-transform: translate3d(-100%,-50%,0);
transform: translate3d(-100%,-50%,0)
}
.van-popup__close-icon {
position: absolute;
z-index: 1;
color: #c8c9cc;
font-size: .88rem;
cursor: pointer
}
.van-popup__close-icon:active {
color: #969799
}
.van-popup__close-icon--top-left {
top: .64rem;
left: .64rem
}
.van-popup__close-icon--top-right {
top: .64rem;
right: .64rem
}
.van-popup__close-icon--bottom-left {
bottom: .64rem;
left: .64rem
}
.van-popup__close-icon--bottom-right {
right: .64rem;
bottom: .64rem
}
.van-loading {
color: #c8c9cc;
font-size: 0
}
.van-loading,.van-loading__spinner {
position: relative;
vertical-align: middle
}
.van-loading__spinner {
display: inline-block;
width: 1.2rem;
max-width: 100%;
height: 1.2rem;
max-height: 100%;
-webkit-animation: van-rotate .8s linear infinite;
animation: van-rotate .8s linear infinite
}
.van-loading__spinner--spinner {
-webkit-animation-timing-function: steps(12);
animation-timing-function: steps(12)
}
.van-loading__spinner--spinner i {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.van-loading__spinner--spinner i:before {
display: block;
width: .08rem;
height: 25%;
margin: 0 auto;
background-color: currentColor;
border-radius: 40%;
content: " "
}
.van-loading__spinner--circular {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
.van-loading__circular {
display: block;
width: 100%;
height: 100%
}
.van-loading__circular circle {
-webkit-animation: van-circular 1.5s ease-in-out infinite;
animation: van-circular 1.5s ease-in-out infinite;
stroke: currentColor;
stroke-width: 3;
stroke-linecap: round
}
.van-loading__text {
display: inline-block;
margin-left: .32rem;
color: #969799;
font-size: .56rem;
vertical-align: middle
}
.van-loading--vertical {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center
}
.van-loading--vertical .van-loading__text {
margin: .32rem 0 0
}
@-webkit-keyframes van-circular {
0% {
stroke-dasharray: 1,200;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 90,150;
stroke-dashoffset: -40
}
to {
stroke-dasharray: 90,150;
stroke-dashoffset: -120
}
}
@keyframes van-circular {
0% {
stroke-dasharray: 1,200;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 90,150;
stroke-dashoffset: -40
}
to {
stroke-dasharray: 90,150;
stroke-dashoffset: -120
}
}
.van-loading__spinner--spinner i:first-of-type {
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
opacity: 1
}
.van-loading__spinner--spinner i:nth-of-type(2) {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
opacity: .9375
}
.van-loading__spinner--spinner i:nth-of-type(3) {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: .875
}
.van-loading__spinner--spinner i:nth-of-type(4) {
-webkit-transform: rotate(120deg);
transform: rotate(120deg);
opacity: .8125
}
.van-loading__spinner--spinner i:nth-of-type(5) {
-webkit-transform: rotate(150deg);
transform: rotate(150deg);
opacity: .75
}
.van-loading__spinner--spinner i:nth-of-type(6) {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
opacity: .6875
}
.van-loading__spinner--spinner i:nth-of-type(7) {
-webkit-transform: rotate(210deg);
transform: rotate(210deg);
opacity: .625
}
.van-loading__spinner--spinner i:nth-of-type(8) {
-webkit-transform: rotate(240deg);
transform: rotate(240deg);
opacity: .5625
}
.van-loading__spinner--spinner i:nth-of-type(9) {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
opacity: .5
}
.van-loading__spinner--spinner i:nth-of-type(10) {
-webkit-transform: rotate(300deg);
transform: rotate(300deg);
opacity: .4375
}
.van-loading__spinner--spinner i:nth-of-type(11) {
-webkit-transform: rotate(330deg);
transform: rotate(330deg);
opacity: .375
}
.van-loading__spinner--spinner i:nth-of-type(12) {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
opacity: .3125
}
.van-toast {
position: fixed;
top: 50%;
left: 50%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
box-sizing: content-box;
width: 3.52rem;
max-width: 70%;
min-height: 3.52rem;
padding: .64rem;
color: #fff;
font-size: .56rem;
line-height: .8rem;
white-space: pre-wrap;
text-align: center;
word-break: break-all;
background-color: rgba(0,0,0,.7);
border-radius: .32rem;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0)
}
.van-toast--unclickable {
overflow: hidden
}
.van-toast--unclickable * {
pointer-events: none
}
.van-toast--html,.van-toast--text {
width: -webkit-fit-content;
width: fit-content;
min-width: 3.84rem;
min-height: 0;
padding: .32rem .48rem
}
.van-toast--html .van-toast__text,.van-toast--text .van-toast__text {
margin-top: 0
}
.van-toast--top {
top: 20%
}
.van-toast--bottom {
top: auto;
bottom: 20%
}
.van-toast__icon {
font-size: 1.44rem
}
.van-toast__loading {
padding: .16rem;
color: #fff
}
.van-toast__text {
margin-top: .32rem
}
.van-button {
position: relative;
display: inline-block;
box-sizing: border-box;
height: 1.76rem;
margin: 0;
padding: 0;
font-size: .64rem;
line-height: 1.2;
text-align: center;
border-radius: .08rem;
cursor: pointer;
-webkit-transition: opacity .2s;
transition: opacity .2s;
-webkit-appearance: none
}
.van-button:before {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
background-color: #000;
border: inherit;
border-color: #000;
border-radius: inherit;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
opacity: 0;
content: " "
}
.van-button:active:before {
opacity: .1
}
.van-button--disabled:before,.van-button--loading:before {
display: none
}
.van-button--default {
color: #323233;
background-color: #fff;
border: .04rem solid #ebedf0
}
.van-button--primary {
color: #fff;
background-color: #07c160;
border: .04rem solid #07c160
}
.van-button--info {
color: #fff;
background-color: #1989fa;
border: .04rem solid #1989fa
}
.van-button--danger {
color: #fff;
background-color: #ee0a24;
border: .04rem solid #ee0a24
}
.van-button--warning {
color: #fff;
background-color: #ff976a;
border: .04rem solid #ff976a
}
.van-button--plain {
background-color: #fff
}
.van-button--plain.van-button--primary {
color: #07c160
}
.van-button--plain.van-button--info {
color: #1989fa
}
.van-button--plain.van-button--danger {
color: #ee0a24
}
.van-button--plain.van-button--warning {
color: #ff976a
}
.van-button--large {
width: 100%;
height: 2rem
}
.van-button--normal {
padding: 0 .6rem;
font-size: .56rem
}
.van-button--small {
height: 1.28rem;
padding: 0 .32rem;
font-size: .48rem
}
.van-button__loading {
color: inherit;
font-size: inherit
}
.van-button--mini {
height: .96rem;
padding: 0 .16rem;
font-size: .4rem
}
.van-button--mini+.van-button--mini {
margin-left: .16rem
}
.van-button--block {
display: block;
width: 100%
}
.van-button--disabled {
cursor: not-allowed;
opacity: .5
}
.van-button--loading {
cursor: default
}
.van-button--round {
border-radius: 39.96rem
}
.van-button--square {
border-radius: 0
}
.van-button__content {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 100%
}
.van-button__content:before {
content: " "
}
.van-button__icon {
font-size: 1.2em;
line-height: inherit
}
.van-button__icon+.van-button__text,.van-button__loading+.van-button__text,.van-button__text+.van-button__icon,.van-button__text+.van-button__loading {
margin-left: .16rem
}
.van-button--hairline {
border-width: 0
}
.van-button--hairline:after {
border-color: inherit;
border-radius: .16rem
}
.van-button--hairline.van-button--round:after {
border-radius: 39.96rem
}
.van-button--hairline.van-button--square:after {
border-radius: 0
}
.van-goods-action-button {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
height: 1.6rem;
font-weight: 500;
font-size: .56rem;
border: none;
border-radius: 0
}
.van-goods-action-button--first {
margin-left: .2rem;
border-top-left-radius: 39.96rem;
border-bottom-left-radius: 39.96rem
}
.van-goods-action-button--last {
margin-right: .2rem;
border-top-right-radius: 39.96rem;
border-bottom-right-radius: 39.96rem
}
.van-goods-action-button--warning {
background: -webkit-linear-gradient(left,#ffd01e,#ff8917);
background: linear-gradient(90deg,#ffd01e,#ff8917)
}
.van-goods-action-button--danger {
background: -webkit-linear-gradient(left,#ff6034,#ee0a24);
background: linear-gradient(90deg,#ff6034,#ee0a24)
}
@media (max-width: 321px) {
.van-goods-action-button {
font-size:.52rem
}
}
.van-goods-action {
position: fixed;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
box-sizing: content-box;
height: 2rem;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
background-color: #fff
}
.van-goods-action--unfit {
padding-bottom: 0
}
.van-dialog {
position: fixed;
top: 45%;
left: 50%;
width: 12.8rem;
overflow: hidden;
font-size: .64rem;
background-color: #fff;
border-radius: .64rem;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: .3s;
transition: .3s;
-webkit-transition-property: opacity,-webkit-transform;
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform
}
@media (max-width: 321px) {
.van-dialog {
width:90%
}
}
.van-dialog__header {
padding-top: 1.04rem;
font-weight: 500;
line-height: .96rem;
text-align: center
}
.van-dialog__header--isolated {
padding: .96rem 0
}
.van-dialog__content--isolated {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
min-height: 4.16rem
}
.van-dialog__message {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
max-height: 60vh;
padding: 1.04rem .96rem;
overflow-y: auto;
font-size: .56rem;
line-height: .8rem;
white-space: pre-wrap;
text-align: center;
word-wrap: break-word;
-webkit-overflow-scrolling: touch
}
.van-dialog__message--has-title {
padding-top: .32rem;
color: #646566
}
.van-dialog__message--left {
text-align: left
}
.van-dialog__message--right {
text-align: right
}
.van-dialog__footer {
display: -webkit-box;
display: -webkit-flex;
display: flex;
overflow: hidden;
-webkit-user-select: none;
user-select: none
}
.van-dialog__cancel,.van-dialog__confirm {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
height: 1.92rem;
margin: 0;
border: 0
}
.van-dialog__confirm,.van-dialog__confirm:active {
color: #ee0a24
}
.van-dialog--round-button .van-dialog__footer {
position: relative;
height: auto;
padding: .32rem .96rem .64rem
}
.van-dialog--round-button .van-dialog__message {
padding-bottom: .64rem;
color: #323233
}
.van-dialog--round-button .van-dialog__cancel,.van-dialog--round-button .van-dialog__confirm {
height: 1.44rem
}
.van-dialog--round-button .van-dialog__confirm {
color: #fff
}
.van-dialog-bounce-enter {
-webkit-transform: translate3d(-50%,-50%,0) scale(.7);
transform: translate3d(-50%,-50%,0) scale(.7);
opacity: 0
}
.van-dialog-bounce-leave-active {
-webkit-transform: translate3d(-50%,-50%,0) scale(.9);
transform: translate3d(-50%,-50%,0) scale(.9);
opacity: 0
}
.van-sticky--fixed {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 99
}
.van-tab {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
box-sizing: border-box;
padding: 0 .16rem;
color: #646566;
font-size: .56rem;
line-height: .8rem;
cursor: pointer
}
.van-tab--active {
color: #323233;
font-weight: 500
}
.van-tab--disabled {
color: #c8c9cc;
cursor: not-allowed
}
.van-tab__text--ellipsis {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical
}
.van-tab__text-wrapper,.van-tabs {
position: relative
}
.van-tabs__wrap {
overflow: hidden
}
.van-tabs__wrap--page-top {
position: fixed
}
.van-tabs__wrap--content-bottom {
top: auto;
bottom: 0
}
.van-tabs__wrap--scrollable .van-tab {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
flex: 1 0 auto;
padding: 0 .48rem
}
.van-tabs__wrap--scrollable .van-tabs__nav {
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch
}
.van-tabs__wrap--scrollable .van-tabs__nav::-webkit-scrollbar {
display: none
}
.van-tabs__nav {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
background-color: #fff;
-webkit-user-select: none;
user-select: none
}
.van-tabs__nav--line {
box-sizing: content-box;
height: 100%;
padding-bottom: .6rem
}
.van-tabs__nav--line.van-tabs__nav--complete {
padding-right: .32rem;
padding-left: .32rem
}
.van-tabs__nav--card {
box-sizing: border-box;
height: 1.2rem;
margin: 0 .64rem;
border: .04rem solid #ee0a24;
border-radius: .08rem
}
.van-tabs__nav--card .van-tab {
color: #ee0a24;
border-right: .04rem solid #ee0a24
}
.van-tabs__nav--card .van-tab:last-child {
border-right: none
}
.van-tabs__nav--card .van-tab.van-tab--active {
color: #fff;
background-color: #ee0a24
}
.van-tabs__nav--card .van-tab--disabled {
color: #c8c9cc
}
.van-tabs__line {
position: absolute;
bottom: .6rem;
left: 0;
z-index: 1;
width: 1.6rem;
height: .12rem;
background-color: #ee0a24;
border-radius: .12rem
}
.van-tabs__track {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 100%;
height: 100%;
will-change: left
}
.van-tabs__content--animated {
overflow: hidden
}
.van-tabs--line .van-tabs__wrap {
height: 1.76rem
}
.van-tabs--card>.van-tabs__wrap {
height: 1.2rem
}
.van-tab__pane,.van-tab__pane-wrapper {
-webkit-flex-shrink: 0;
flex-shrink: 0;
box-sizing: border-box;
width: 100%
}
.van-tab__pane-wrapper--inactive {
height: 0;
overflow: visible
}
.van-tag {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
padding: 0 .16rem;
color: #fff;
font-size: .48rem;
line-height: .64rem;
border-radius: .08rem
}
.van-tag--default {
background-color: #969799
}
.van-tag--default.van-tag--plain {
color: #969799
}
.van-tag--danger {
background-color: #ee0a24
}
.van-tag--danger.van-tag--plain {
color: #ee0a24
}
.van-tag--primary {
background-color: #1989fa
}
.van-tag--primary.van-tag--plain {
color: #1989fa
}
.van-tag--success {
background-color: #07c160
}
.van-tag--success.van-tag--plain {
color: #07c160
}
.van-tag--warning {
background-color: #ff976a
}
.van-tag--warning.van-tag--plain {
color: #ff976a
}
.van-tag--plain {
background-color: #fff;
border-color: currentColor
}
.van-tag--plain:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: .04rem solid;
border-color: inherit;
border-radius: inherit;
content: "";
pointer-events: none
}
.van-tag--medium {
padding: .08rem .24rem
}
.van-tag--large {
padding: .16rem .32rem;
font-size: .56rem;
border-radius: .16rem
}
.van-tag--mark {
border-radius: 0 39.96rem 39.96rem 0
}
.van-tag--mark:after {
display: block;
width: .08rem;
content: ""
}
.van-tag--round {
border-radius: 39.96rem
}
.van-tag__close {
margin-left: .08rem;
cursor: pointer
}
.van-tabbar-item {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
color: #646566;
font-size: .48rem;
line-height: 1;
cursor: pointer
}
.van-tabbar-item__icon {
position: relative;
margin-bottom: .16rem;
font-size: .88rem
}
.van-tabbar-item__icon .van-icon {
display: block
}
.van-tabbar-item__icon img {
display: block;
height: .8rem
}
.van-tabbar-item--active {
color: #1989fa;
background-color: #fff
}
.van-tabbar-item .van-info {
margin-top: .16rem
}
.van-tabbar {
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: flex;
box-sizing: content-box;
width: 100%;
height: 2rem;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
background-color: #fff
}
.van-tabbar--fixed {
position: fixed;
bottom: 0;
left: 0
}
.van-tabbar--unfit {
padding-bottom: 0
}
.van-cell {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
box-sizing: border-box;
width: 100%;
padding: .4rem .64rem;
overflow: hidden;
color: #323233;
font-size: .56rem;
line-height: .96rem;
background-color: #fff
}
.van-cell:after {
position: absolute;
box-sizing: border-box;
content: " ";
pointer-events: none;
right: .64rem;
bottom: 0;
left: .64rem;
border-bottom: .04rem solid #ebedf0;
-webkit-transform: scaleY(.5);
transform: scaleY(.5)
}
.van-cell--borderless:after,.van-cell:last-child:after {
display: none
}
.van-cell__label {
margin-top: .16rem;
color: #969799;
font-size: .48rem;
line-height: .72rem
}
.van-cell__title,.van-cell__value {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1
}
.van-cell__value {
position: relative;
overflow: hidden;
color: #969799;
text-align: right;
vertical-align: middle;
word-wrap: break-word
}
.van-cell__value--alone {
color: #323233;
text-align: left
}
.van-cell__left-icon,.van-cell__right-icon {
height: .96rem;
font-size: .64rem;
line-height: .96rem
}
.van-cell__left-icon {
margin-right: .16rem
}
.van-cell__right-icon {
margin-left: .16rem;
color: #969799
}
.van-cell--clickable {
cursor: pointer
}
.van-cell--clickable:active {
background-color: #f2f3f5
}
.van-cell--required {
overflow: visible
}
.van-cell--required:before {
position: absolute;
left: .32rem;
color: #ee0a24;
font-size: .56rem;
content: "*"
}
.van-cell--center {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center
}
.van-cell--large {
padding-top: .48rem;
padding-bottom: .48rem
}
.van-cell--large .van-cell__title {
font-size: .64rem
}
.van-cell--large .van-cell__label {
font-size: .56rem
}
.van-collapse-item {
position: relative
}
.van-collapse-item--border:after {
position: absolute;
box-sizing: border-box;
content: " ";
pointer-events: none;
top: 0;
right: .64rem;
left: .64rem;
border-top: .04rem solid #ebedf0;
-webkit-transform: scaleY(.5);
transform: scaleY(.5)
}
.van-collapse-item__title .van-cell__right-icon:before {
-webkit-transform: rotate(90deg) translateZ(0);
transform: rotate(90deg) translateZ(0);
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s,-webkit-transform .3s
}
.van-collapse-item__title:after {
right: .64rem;
display: none
}
.van-collapse-item__title--expanded .van-cell__right-icon:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.van-collapse-item__title--expanded:after {
display: block
}
.van-collapse-item__title--borderless:after {
display: none
}
.van-collapse-item__title--disabled {
cursor: not-allowed
}
.van-collapse-item__title--disabled,.van-collapse-item__title--disabled .van-cell__right-icon {
color: #c8c9cc
}
.van-collapse-item__title--disabled:active {
background-color: #fff
}
.van-collapse-item__wrapper {
overflow: hidden;
-webkit-transition: height .3s ease-in-out;
transition: height .3s ease-in-out;
will-change: height
}
.van-collapse-item__content {
padding: .48rem .64rem;
color: #969799;
font-size: .56rem;
line-height: 1.5;
background-color: #fff
}
.van-image {
position: relative;
display: inline-block
}
.van-image--round {
overflow: hidden;
border-radius: 50%
}
.van-image--round img {
border-radius: inherit
}
.van-image__error,.van-image__img,.van-image__loading {
display: block;
width: 100%;
height: 100%
}
.van-image__error,.van-image__loading {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
color: #969799;
font-size: .56rem;
background-color: #f7f8fa
}
.van-image__error-icon,.van-image__loading-icon {
color: #dcdee0;
font-size: 1.28rem
}
.van-swipe {
position: relative;
overflow: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
cursor: grab;
-webkit-user-select: none;
user-select: none
}
.van-swipe__track {
display: -webkit-box;
display: -webkit-flex;
display: flex;
height: 100%
}
.van-swipe__track--vertical {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column
}
.van-swipe__indicators {
position: absolute;
bottom: .48rem;
left: 50%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.van-swipe__indicators--vertical {
top: 50%;
bottom: auto;
left: .48rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child) {
margin-bottom: .24rem
}
.van-swipe__indicator {
width: .24rem;
height: .24rem;
background-color: #ebedf0;
border-radius: 100%;
opacity: .3;
-webkit-transition: opacity .2s,background-color .2s;
transition: opacity .2s,background-color .2s
}
.van-swipe__indicator:not(:last-child) {
margin-right: .24rem
}
.van-swipe__indicator--active {
background-color: #1989fa;
opacity: 1
}
.van-swipe-item {
position: relative;
-webkit-flex-shrink: 0;
flex-shrink: 0;
width: 100%;
height: 100%
}
.van-image-preview {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.van-image-preview__swipe {
height: 100%
}
.van-image-preview__swipe-item {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
overflow: hidden
}
.van-image-preview__cover {
position: absolute;
top: 0;
left: 0
}
.van-image-preview__image {
width: 100%;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform,-webkit-transform
}
.van-image-preview__image--vertical {
width: auto;
height: 100%
}
.van-image-preview__image img {
-webkit-user-drag: none
}
.van-image-preview__image .van-image__error {
top: 30%;
height: 40%
}
.van-image-preview__image .van-image__error-icon {
font-size: 1.44rem
}
.van-image-preview__image .van-image__loading {
background-color: transparent
}
.van-image-preview__index {
position: absolute;
top: .64rem;
left: 50%;
color: #fff;
font-size: .56rem;
line-height: .8rem;
text-shadow: 0 .04rem .04rem #323233;
-webkit-transform: translate(-50%);
transform: translate(-50%)
}
.van-image-preview__overlay {
background-color: rgba(0,0,0,.9)
}
.van-image-preview__close-icon {
position: absolute;
z-index: 1;
color: #c8c9cc;
font-size: .88rem;
cursor: pointer
}
.van-image-preview__close-icon:active {
color: #969799
}
.van-image-preview__close-icon--top-left {
top: .64rem;
left: .64rem
}
.van-image-preview__close-icon--top-right {
top: .64rem;
right: .64rem
}
.van-image-preview__close-icon--bottom-left {
bottom: .64rem;
left: .64rem
}
.van-image-preview__close-icon--bottom-right {
right: .64rem;
bottom: .64rem
}
.van-divider {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin: .64rem 0;
color: #969799;
font-size: .56rem;
line-height: .96rem;
border-color: #ebedf0;
border-style: solid;
border-width: 0
}
.van-divider:after,.van-divider:before {
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
box-sizing: border-box;
height: .04rem;
border-color: inherit;
border-style: inherit;
border-width: .04rem 0 0
}
.van-divider:before {
content: ""
}
.van-divider--hairline:after,.van-divider--hairline:before {
-webkit-transform: scaleY(.5);
transform: scaleY(.5)
}
.van-divider--dashed {
border-style: dashed
}
.van-divider--content-center:before,.van-divider--content-left:before,.van-divider--content-right:before {
margin-right: .64rem
}
.van-divider--content-center:after,.van-divider--content-left:after,.van-divider--content-right:after {
margin-left: .64rem;
content: ""
}
.van-divider--content-left:before,.van-divider--content-right:after {
max-width: 10%
}
.van-field__label {
-webkit-box-flex: 0;
-webkit-flex: none;
flex: none;
box-sizing: border-box;
width: 6.2em;
margin-right: .48rem;
color: #646566;
text-align: left;
word-wrap: break-word
}
.van-field__label--center {
text-align: center
}
.van-field__label--right {
text-align: right
}
.van-field--disabled .van-field__label {
color: #c8c9cc
}
.van-field__value {
overflow: visible
}
.van-field__body {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center
}
.van-field__control {
display: block;
box-sizing: border-box;
width: 100%;
min-width: 0;
margin: 0;
padding: 0;
color: #323233;
line-height: inherit;
text-align: left;
background-color: transparent;
border: 0;
resize: none
}
.van-field__control::-webkit-input-placeholder {
color: #c8c9cc
}
.van-field__control::placeholder {
color: #c8c9cc
}
.van-field__control:disabled {
color: #c8c9cc;
cursor: not-allowed;
opacity: 1;
-webkit-text-fill-color: #c8c9cc
}
.van-field__control:read-only {
cursor: default
}
.van-field__control--center {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
text-align: center
}
.van-field__control--right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
text-align: right
}
.van-field__control--custom {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
min-height: .96rem
}
.van-field__control[type=date],.van-field__control[type=datetime-local],.van-field__control[type=time] {
min-height: .96rem
}
.van-field__control[type=search] {
-webkit-appearance: none
}
.van-field__button,.van-field__clear,.van-field__icon,.van-field__right-icon {
-webkit-flex-shrink: 0;
flex-shrink: 0
}
.van-field__clear,.van-field__right-icon {
margin-right: -.32rem;
padding: 0 .32rem;
line-height: inherit
}
.van-field__clear {
color: #c8c9cc;
font-size: .64rem;
cursor: pointer
}
.van-field__left-icon .van-icon,.van-field__right-icon .van-icon {
display: block;
font-size: .64rem;
line-height: inherit
}
.van-field__left-icon {
margin-right: .16rem
}
.van-field__right-icon {
color: #969799
}
.van-field__button {
padding-left: .32rem
}
.van-field__error-message {
color: #ee0a24;
font-size: .48rem;
text-align: left
}
.van-field__error-message--center {
text-align: center
}
.van-field__error-message--right {
text-align: right
}
.van-field__word-limit {
margin-top: .16rem;
color: #646566;
font-size: .48rem;
line-height: .64rem;
text-align: right
}
.van-field--error .van-field__control::-webkit-input-placeholder {
color: #ee0a24;
-webkit-text-fill-color: currentColor
}
.van-field--error .van-field__control,.van-field--error .van-field__control::placeholder {
color: #ee0a24;
-webkit-text-fill-color: currentColor
}
.van-field--min-height .van-field__control {
min-height: 2.4rem
}
.van-search {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
box-sizing: border-box;
padding: .4rem .48rem;
background-color: #fff
}
.van-search,.van-search__content {
display: -webkit-box;
display: -webkit-flex;
display: flex
}
.van-search__content {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
padding-left: .48rem;
background-color: #f7f8fa;
border-radius: .08rem
}
.van-search__content--round {
border-radius: 39.96rem
}
.van-search__label {
padding: 0 .2rem;
color: #323233;
font-size: .56rem;
line-height: 1.36rem
}
.van-search .van-cell {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
padding: .2rem .32rem .2rem 0;
background-color: transparent
}
.van-search .van-cell__left-icon {
color: #969799
}
.van-search--show-action {
padding-right: 0
}
.van-search input::-webkit-search-cancel-button,.van-search input::-webkit-search-decoration,.van-search input::-webkit-search-results-button,.van-search input::-webkit-search-results-decoration {
display: none
}
.van-search__action {
padding: 0 .32rem;
color: #323233;
font-size: .56rem;
line-height: 1.36rem;
cursor: pointer;
-webkit-user-select: none;
user-select: none
}
.van-search__action:active {
background-color: #f2f3f5
}
.van-list__error-text,.van-list__finished-text,.van-list__loading {
color: #969799;
font-size: .56rem;
line-height: 2rem;
text-align: center
}
.van-list__placeholder {
height: 0;
pointer-events: none
}
.van-action-sheet {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
max-height: 80%;
overflow: hidden;
color: #323233
}
.van-action-sheet__content {
-webkit-box-flex: 1;
-webkit-flex: 1 auto;
flex: 1 auto;
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.van-action-sheet__cancel,.van-action-sheet__item {
display: block;
width: 100%;
padding: .56rem .64rem;
font-size: .64rem;
background-color: #fff;
border: none;
cursor: pointer
}
.van-action-sheet__cancel:active,.van-action-sheet__item:active {
background-color: #f2f3f5
}
.van-action-sheet__item {
line-height: .88rem
}
.van-action-sheet__item--disabled,.van-action-sheet__item--loading {
color: #c8c9cc
}
.van-action-sheet__item--disabled:active,.van-action-sheet__item--loading:active {
background-color: #fff
}
.van-action-sheet__item--disabled {
cursor: not-allowed
}
.van-action-sheet__item--loading {
cursor: default
}
.van-action-sheet__cancel {
-webkit-flex-shrink: 0;
flex-shrink: 0;
box-sizing: border-box;
color: #646566
}
.van-action-sheet__subname {
margin-top: .32rem;
color: #969799;
font-size: .48rem;
line-height: .72rem
}
.van-action-sheet__gap {
display: block;
height: .32rem;
background-color: #f7f8fa
}
.van-action-sheet__header {
-webkit-flex-shrink: 0;
flex-shrink: 0;
font-weight: 500;
font-size: .64rem;
line-height: 1.92rem;
text-align: center
}
.van-action-sheet__description {
position: relative;
-webkit-flex-shrink: 0;
flex-shrink: 0;
padding: .8rem .64rem;
color: #969799;
font-size: .56rem;
line-height: .8rem;
text-align: center
}
.van-action-sheet__description:after {
position: absolute;
box-sizing: border-box;
content: " ";
pointer-events: none;
right: .64rem;
bottom: 0;
left: .64rem;
border-bottom: .04rem solid #ebedf0;
-webkit-transform: scaleY(.5);
transform: scaleY(.5)
}
.van-action-sheet__loading-icon .van-loading__spinner {
width: .88rem;
height: .88rem
}
.van-action-sheet__close {
position: absolute;
top: 0;
right: 0;
padding: 0 .64rem;
color: #c8c9cc;
font-size: .88rem;
line-height: inherit
}
.van-action-sheet__close:active {
color: #969799
}
@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal
}
:root {
--swiper-theme-color: #007aff
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-container-vertical>.swiper-wrapper {
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper {
transform: translateZ(0)
}
.swiper-container-multirow>.swiper-wrapper {
flex-wrap: wrap
}
.swiper-container-multirow-column>.swiper-wrapper {
flex-wrap: wrap;
flex-direction: column
}
.swiper-container-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform,height
}
.swiper-container-3d {
perspective: 48rem
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}
.swiper-container-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
scroll-snap-type: x mandatory
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
scroll-snap-type: y mandatory
}
:root {
--swiper-navigation-size: 1.76rem
}
.swiper-button-next,.swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size)/44*27);
height: var(--swiper-navigation-size);
margin-top: calc(-1*var(--swiper-navigation-size)/2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color,var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-next:after,.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none!important;
letter-spacing: 0;
text-transform: none;
font-variant: normal;
line-height: 1
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
left: .4rem;
right: auto
}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {
content: "prev"
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
right: .4rem;
left: auto
}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {
content: "next"
}
.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white {
--swiper-navigation-color: #fff
}
.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black {
--swiper-navigation-color: #000
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: opacity .3s;
transform: translateZ(0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
bottom: .4rem;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33)
}
.swiper-pagination-bullet {
width: .32rem;
height: .32rem;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-pagination-color,var(--swiper-theme-color))
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: .4rem;
top: 50%;
transform: translate3d(0,-50%,0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: .24rem 0;
display: block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: .32rem
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: transform .2s,top .2s
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 .16rem
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: transform .2s,left .2s
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: transform .2s,right .2s
}
.swiper-pagination-progressbar {
background: rgba(0,0,0,.25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color,var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: .16rem;
left: 0;
top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
width: .16rem;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-white {
--swiper-pagination-color: #fff
}
.swiper-pagination-black {
--swiper-pagination-color: #000
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: .4rem;
position: relative;
-ms-touch-action: none;
background: rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: .12rem;
z-index: 50;
height: .2rem;
width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: .12rem;
top: 1%;
z-index: 50;
width: .2rem;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0,0,0,.5);
border-radius: .4rem;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 1.68rem;
height: 1.68rem;
position: absolute;
left: 50%;
top: 50%;
margin-left: -.84rem;
margin-top: -.84rem;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s linear infinite;
box-sizing: border-box;
border: .16rem solid var(--swiper-preloader-color,var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
to {
transform: rotate(1turn)
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube {
overflow: visible
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(2rem);
filter: blur(2rem);
z-index: 0
}
.swiper-container-flip {
overflow: visible
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before {
text-align: center
}
@font-face {
font-family: VideoJS;
src: url(../../static/fonts/VideoJS.46ac6629.eot?#iefix) format("eot")
}
@font-face {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before {
content: "\F101"
}
.vjs-icon-play-circle {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-play-circle:before {
content: "\F102"
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before {
content: "\F103"
}
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before {
content: "\F104"
}
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before {
content: "\F105"
}
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before {
content: "\F106"
}
.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before {
content: "\F107"
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before {
content: "\F108"
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before {
content: "\F109"
}
.vjs-icon-square {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-square:before {
content: "\F10A"
}
.vjs-icon-spinner {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-spinner:before {
content: "\F10B"
}
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.vjs-icon-subtitles {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before {
content: "\F10C"
}
.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before {
content: "\F10D"
}
.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before {
content: "\F10E"
}
.vjs-icon-share {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-share:before {
content: "\F10F"
}
.vjs-icon-cog {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-cog:before {
content: "\F110"
}
.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before {
content: "\F111"
}
.vjs-icon-circle-outline {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-circle-outline:before {
content: "\F112"
}
.vjs-icon-circle-inner-circle {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-circle-inner-circle:before {
content: "\F113"
}
.vjs-icon-hd {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-hd:before {
content: "\F114"
}
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before {
content: "\F115"
}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before {
content: "\F116"
}
.vjs-icon-facebook {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-facebook:before {
content: "\F117"
}
.vjs-icon-gplus {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-gplus:before {
content: "\F118"
}
.vjs-icon-linkedin {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-linkedin:before {
content: "\F119"
}
.vjs-icon-twitter {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-twitter:before {
content: "\F11A"
}
.vjs-icon-tumblr {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-tumblr:before {
content: "\F11B"
}
.vjs-icon-pinterest {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-pinterest:before {
content: "\F11C"
}
.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before {
content: "\F11D"
}
.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before {
content: "\F11E"
}
.vjs-icon-next-item {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-next-item:before {
content: "\F11F"
}
.vjs-icon-previous-item {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-previous-item:before {
content: "\F120"
}
.video-js {
display: block;
vertical-align: top;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
background-color: #000;
position: relative;
padding: 0;
font-size: .4rem;
line-height: 1;
font-weight: 400;
font-style: normal;
font-family: Arial,Helvetica,sans-serif;
word-break: normal
}
.video-js:-moz-full-screen {
position: absolute
}
.video-js:-webkit-full-screen {
width: 100%!important;
height: 100%!important
}
.video-js[tabindex="-1"] {
outline: none
}
.video-js *,.video-js :after,.video-js :before {
-webkit-box-sizing: inherit;
box-sizing: inherit
}
.video-js ul {
font-family: inherit;
font-size: inherit;
line-height: inherit;
list-style-position: outside;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0
}
.video-js.vjs-4-3,.video-js.vjs-16-9,.video-js.vjs-fluid {
width: 100%;
max-width: 100%;
height: 0
}
.video-js.vjs-16-9 {
padding-top: 56.25%
}
.video-js.vjs-4-3 {
padding-top: 75%
}
.video-js.vjs-fill,.video-js .vjs-tech {
width: 100%;
height: 100%
}
.video-js .vjs-tech {
position: absolute;
top: 0;
left: 0
}
body.vjs-full-window {
padding: 0;
margin: 0;
height: 100%;
overflow-y: auto
}
.vjs-full-window .video-js.vjs-fullscreen {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0
}
.video-js.vjs-fullscreen {
width: 100%!important;
height: 100%!important;
padding-top: 0!important
}
.video-js.vjs-fullscreen.vjs-user-inactive {
cursor: none
}
.vjs-hidden {
display: none!important
}
.vjs-disabled {
opacity: .5;
cursor: default
}
.video-js .vjs-offscreen {
height: .04rem;
left: -399.96rem;
position: absolute;
top: 0;
width: .04rem
}
.vjs-lock-showing {
display: block!important;
opacity: 1;
visibility: visible
}
.vjs-no-js {
padding: .8rem;
color: #fff;
background-color: #000;
font-size: .72rem;
font-family: Arial,Helvetica,sans-serif;
text-align: center;
width: 12rem;
height: 6rem;
margin: 0 auto
}
.vjs-no-js a,.vjs-no-js a:visited {
color: #66a8cc
}
.video-js .vjs-big-play-button {
font-size: 3em;
line-height: 1.5em;
height: 1.5em;
width: 3em;
display: block;
position: absolute;
top: .4rem;
left: .4rem;
padding: 0;
cursor: pointer;
opacity: 1;
border: .06666em solid #fff;
background-color: #2b333f;
background-color: rgba(43,51,63,.7);
border-radius: .3em;
-webkit-transition: all .4s;
transition: all .4s
}
.vjs-big-play-centered .vjs-big-play-button {
top: 50%;
left: 50%;
margin-top: -.75em;
margin-left: -1.5em
}
.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button {
border-color: #fff;
background-color: #73859f;
background-color: rgba(115,133,159,.5);
-webkit-transition: all 0s;
transition: all 0s
}
.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button {
display: none
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
display: block
}
.video-js button {
background: none;
border: none;
color: inherit;
display: inline-block;
overflow: visible;
font-size: inherit;
line-height: inherit;
text-transform: none;
text-decoration: none;
-webkit-transition: none;
transition: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.vjs-control .vjs-button {
width: 100%;
height: 100%
}
.video-js .vjs-control.vjs-close-button {
cursor: pointer;
height: 3em;
position: absolute;
right: 0;
top: .5em;
z-index: 2
}
.video-js .vjs-modal-dialog {
background: rgba(0,0,0,.8);
background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.8)),to(hsla(0,0%,100%,0)));
background: linear-gradient(180deg,rgba(0,0,0,.8),hsla(0,0%,100%,0));
overflow: auto;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.video-js .vjs-modal-dialog>* {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.vjs-modal-dialog .vjs-modal-dialog-content {
font-size: 1.2em;
line-height: 1.5;
padding: .8rem .96rem;
z-index: 1
}
.vjs-menu-button {
cursor: pointer
}
.vjs-menu-button.vjs-disabled {
cursor: default
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
display: none
}
.vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
font-family: Arial,Helvetica,sans-serif;
overflow: auto;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.vjs-menu .vjs-menu-content>* {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
display: none
}
.vjs-menu li {
list-style: none;
margin: 0;
padding: .2em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase
}
.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover {
background-color: #73859f;
background-color: rgba(115,133,159,.5)
}
.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover {
background-color: #fff;
color: #2b333f
}
.vjs-menu li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 .3em 0;
font-weight: 700;
cursor: default
}
.vjs-menu-button-popup .vjs-menu {
display: none;
position: absolute;
bottom: 0;
width: 10em;
left: -3em;
height: 0;
margin-bottom: 1.5em;
border-top-color: rgba(43,51,63,.7)
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: #2b333f;
background-color: rgba(43,51,63,.7);
position: absolute;
width: 100%;
bottom: 1.5em;
max-height: 15em
}
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
display: block
}
.video-js .vjs-menu-button-inline {
-webkit-transition: all .4s;
transition: all .4s;
overflow: hidden
}
.video-js .vjs-menu-button-inline:before {
width: 2.222222222em
}
.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline {
width: 12em
}
.vjs-menu-button-inline .vjs-menu {
opacity: 0;
height: 100%;
width: auto;
position: absolute;
left: 4em;
top: 0;
padding: 0;
margin: 0;
-webkit-transition: all .4s;
transition: all .4s
}
.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu {
display: block;
opacity: 1
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
display: block;
opacity: 1;
position: relative;
width: auto
}
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
width: auto
}
.vjs-menu-button-inline .vjs-menu-content {
width: auto;
height: 100%;
margin: 0;
overflow: hidden
}
.video-js .vjs-control-bar {
display: none;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3em;
background-color: #2b333f;
background-color: rgba(43,51,63,.7)
}
.vjs-has-started .vjs-control-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
visibility: visible;
opacity: 1;
-webkit-transition: visibility .1s,opacity .1s;
transition: visibility .1s,opacity .1s
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: visible;
opacity: 0;
-webkit-transition: visibility 1s,opacity 1s;
transition: visibility 1s,opacity 1s
}
.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar {
display: none!important
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1;
visibility: visible
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
display: table
}
.video-js .vjs-control {
position: relative;
text-align: center;
margin: 0;
padding: 0;
height: 100%;
width: 4em;
-webkit-box-flex: none;
-ms-flex: none;
flex: none
}
.vjs-button>.vjs-icon-placeholder:before {
font-size: 1.8em;
line-height: 1.67
}
.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before {
text-shadow: 0 0 1em #fff
}
.video-js .vjs-control-text {
border: 0;
clip: rect(0 0 0 0);
height: .04rem;
overflow: hidden;
padding: 0;
position: absolute;
width: .04rem
}
.vjs-no-flex .vjs-control {
display: table-cell;
vertical-align: middle
}
.video-js .vjs-custom-control-spacer {
display: none
}
.video-js .vjs-progress-control {
cursor: pointer;
-webkit-box-flex: auto;
-ms-flex: auto;
flex: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-width: 4em;
-ms-touch-action: none;
touch-action: none
}
.video-js .vjs-progress-control.disabled {
cursor: default
}
.vjs-live .vjs-progress-control {
display: none
}
.vjs-no-flex .vjs-progress-control {
width: auto
}
.video-js .vjs-progress-holder {
-webkit-box-flex: auto;
-ms-flex: auto;
flex: auto;
-webkit-transition: all .2s;
transition: all .2s;
height: .3em
}
.video-js .vjs-progress-control .vjs-progress-holder {
margin: 0 .4rem
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
font-size: 1.6666666666666667em
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
font-size: 1em
}
.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress {
position: absolute;
display: block;
height: 100%;
margin: 0;
padding: 0;
width: 0;
left: 0;
top: 0
}
.video-js .vjs-play-progress {
background-color: #fff
}
.video-js .vjs-play-progress:before {
font-size: .9em;
position: absolute;
right: -.5em;
top: -.333333333333333em;
z-index: 1
}
.video-js .vjs-load-progress {
background: #bfc7d3;
background: rgba(115,133,159,.5)
}
.video-js .vjs-load-progress div {
background: #fff;
background: rgba(115,133,159,.75)
}
.video-js .vjs-time-tooltip {
background-color: #fff;
background-color: hsla(0,0%,100%,.8);
border-radius: .3em;
color: #000;
float: right;
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
padding: .24rem .32rem .32rem .32rem;
pointer-events: none;
position: absolute;
top: -3.4em;
visibility: hidden;
z-index: 1
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
display: none
}
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip {
display: block;
font-size: .6em;
visibility: visible
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
font-size: 1em
}
.video-js .vjs-progress-control .vjs-mouse-display {
display: none;
position: absolute;
width: .04rem;
height: 100%;
background-color: #000;
z-index: 1
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
z-index: 0
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
display: block
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 1s,opacity 1s;
transition: visibility 1s,opacity 1s
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
display: none
}
.vjs-mouse-display .vjs-time-tooltip {
color: #fff;
background-color: #000;
background-color: rgba(0,0,0,.8)
}
.video-js .vjs-slider {
position: relative;
cursor: pointer;
padding: 0;
margin: 0 .45em 0 .45em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #73859f;
background-color: rgba(115,133,159,.5)
}
.video-js .vjs-slider.disabled {
cursor: default
}
.video-js .vjs-slider:focus {
text-shadow: 0 0 1em #fff;
-webkit-box-shadow: 0 0 1em #fff;
box-shadow: 0 0 1em #fff
}
.video-js .vjs-mute-control {
cursor: pointer;
-webkit-box-flex: none;
-ms-flex: none;
flex: none;
padding-left: 2em;
padding-right: 2em;
padding-bottom: 3em
}
.video-js .vjs-volume-control {
cursor: pointer;
margin-right: 1em;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
width: 5em
}
.video-js .vjs-volume-panel .vjs-volume-control {
visibility: visible;
opacity: 0;
width: .04rem;
height: .04rem;
margin-left: -.04rem
}
.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical,.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.video-js .vjs-volume-panel {
-webkit-transition: width 1s;
transition: width 1s
}
.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel .vjs-volume-control:hover,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel:hover .vjs-volume-control {
visibility: visible;
opacity: 1;
position: relative;
-webkit-transition: visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;
transition: visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s
}
.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
height: 3em
}
.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-vertical .vjs-volume-level,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-bar,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-level,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-bar,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-level,.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-bar,.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-level,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
width: 9em;
-webkit-transition: width .1s;
transition: width .1s
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
width: 4em
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
height: 8em;
width: 3em;
left: -3.5em;
-webkit-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;
transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
-webkit-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;
transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s
}
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
height: 3em;
visibility: visible;
opacity: 1;
position: relative;
-webkit-transition: none;
transition: none
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
position: absolute;
bottom: 3em;
left: .5em
}
.video-js .vjs-volume-panel {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.video-js .vjs-volume-bar {
margin: 1.35em .45em
}
.vjs-volume-bar.vjs-slider-horizontal {
width: 5em;
height: .3em
}
.vjs-volume-bar.vjs-slider-vertical {
width: .3em;
height: 5em;
margin: 1.35em auto
}
.video-js .vjs-volume-level {
position: absolute;
bottom: 0;
left: 0;
background-color: #fff
}
.video-js .vjs-volume-level:before {
position: absolute;
font-size: .9em
}
.vjs-slider-vertical .vjs-volume-level {
width: .3em
}
.vjs-slider-vertical .vjs-volume-level:before {
top: -.5em;
left: -.3em
}
.vjs-slider-horizontal .vjs-volume-level {
height: .3em
}
.vjs-slider-horizontal .vjs-volume-level:before {
top: -.3em;
right: -.5em
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
width: 4em
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
height: 100%
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
width: 100%
}
.video-js .vjs-volume-vertical {
width: 3em;
height: 8em;
bottom: 8em;
background-color: #2b333f;
background-color: rgba(43,51,63,.7)
}
.video-js .vjs-volume-horizontal .vjs-menu {
left: -2em
}
.vjs-poster {
display: inline-block;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
background-color: #000;
cursor: pointer;
margin: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%
}
.vjs-poster,.vjs-poster img {
vertical-align: middle;
padding: 0
}
.vjs-poster img {
display: block;
margin: 0 auto;
max-height: 100%;
width: 100%
}
.vjs-has-started .vjs-poster {
display: none
}
.vjs-audio.vjs-has-started .vjs-poster {
display: block
}
.vjs-using-native-controls .vjs-poster {
display: none
}
.video-js .vjs-live-control {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-box-flex: auto;
-ms-flex: auto;
flex: auto;
font-size: 1em;
line-height: 3em
}
.vjs-no-flex .vjs-live-control {
display: table-cell;
width: auto;
text-align: left
}
.video-js .vjs-time-control {
-webkit-box-flex: none;
-ms-flex: none;
flex: none;
font-size: 1em;
line-height: 3em;
min-width: 2em;
width: auto;
padding-left: 1em;
padding-right: 1em
}
.video-js .vjs-current-time,.vjs-live .vjs-time-control,.vjs-no-flex .vjs-current-time {
display: none
}
.vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control {
width: 0!important;
white-space: nowrap
}
.video-js .vjs-duration,.vjs-no-flex .vjs-duration {
display: none
}
.vjs-time-divider {
display: none;
line-height: 3em
}
.vjs-live .vjs-time-divider {
display: none
}
.video-js .vjs-play-control .vjs-icon-placeholder {
cursor: pointer;
-webkit-box-flex: none;
-ms-flex: none;
flex: none
}
.vjs-text-track-display {
position: absolute;
bottom: 3em;
left: 0;
right: 0;
top: 0;
pointer-events: none
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom: 1em
}
.video-js .vjs-text-track {
font-size: 1.4em;
text-align: center;
margin-bottom: .1em;
background-color: #000;
background-color: rgba(0,0,0,.5)
}
.vjs-subtitles {
color: #fff
}
.vjs-captions {
color: #fc6
}
.vjs-tt-cue {
display: block
}
video::-webkit-media-text-track-display {
-webkit-transform: translateY(-3em);
transform: translateY(-3em)
}
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
-webkit-transform: translateY(-1.5em);
transform: translateY(-1.5em)
}
.video-js .vjs-fullscreen-control {
cursor: pointer;
-webkit-box-flex: none;
-ms-flex: none;
flex: none
}
.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.vjs-playback-rate .vjs-playback-rate-value {
pointer-events: none;
font-size: 1.5em;
line-height: 2;
text-align: center
}
.vjs-playback-rate .vjs-menu {
width: 4em;
left: 0
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
font-size: 1.4em;
text-align: center
}
.vjs-error .vjs-error-display:before {
color: #fff;
content: "X";
font-family: Arial,Helvetica,sans-serif;
font-size: 4em;
left: 0;
line-height: 1;
margin-top: -.5em;
position: absolute;
text-shadow: .05em .05em .1em #000;
text-align: center;
top: 50%;
vertical-align: middle;
width: 100%
}
.vjs-loading-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
margin: -1rem 0 0 -1rem;
opacity: .85;
text-align: left;
border: .24rem solid rgba(43,51,63,.7);
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-clip: padding-box;
width: 2rem;
height: 2rem;
border-radius: 1rem;
visibility: hidden
}
.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner {
display: block;
-webkit-animation: vjs-spinner-show 0s linear .3s forwards;
animation: vjs-spinner-show 0s linear .3s forwards
}
.vjs-loading-spinner:after,.vjs-loading-spinner:before {
content: "";
position: absolute;
margin: -.24rem;
-webkit-box-sizing: inherit;
box-sizing: inherit;
width: inherit;
height: inherit;
border-radius: inherit;
opacity: 1;
border: inherit;
border-color: transparent;
border-top-color: #fff
}
.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before {
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;
animation: vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite
}
.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before {
border-top-color: #fff
}
.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after {
border-top-color: #fff;
-webkit-animation-delay: .44s;
animation-delay: .44s
}
@keyframes vjs-spinner-show {
to {
visibility: visible
}
}
@-webkit-keyframes vjs-spinner-show {
to {
visibility: visible
}
}
@keyframes vjs-spinner-spin {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@-webkit-keyframes vjs-spinner-spin {
to {
-webkit-transform: rotate(1turn)
}
}
@keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f
}
20% {
border-top-color: #73859f
}
35% {
border-top-color: #fff
}
60% {
border-top-color: #73859f
}
to {
border-top-color: #73859f
}
}
@-webkit-keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f
}
20% {
border-top-color: #73859f
}
35% {
border-top-color: #fff
}
60% {
border-top-color: #73859f
}
to {
border-top-color: #73859f
}
}
.vjs-chapters-button .vjs-menu ul {
width: 24em
}
.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -.1em
}
.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
font-family: VideoJS;
content: "\F10D";
font-size: 1.5em;
line-height: inherit
}
.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -.1em
}
.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
font-family: VideoJS;
content: " \F11D";
font-size: 1.5em;
line-height: inherit
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
-webkit-box-flex: auto;
-ms-flex: auto;
flex: auto;
display: block
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
width: auto
}
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subs-caps-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subs-caps-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel {
display: none
}
.vjs-modal-dialog.vjs-text-track-settings {
background-color: #2b333f;
background-color: rgba(43,51,63,.75);
color: #fff;
height: 70%
}
.vjs-text-track-settings .vjs-modal-dialog-content {
display: table
}
.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font {
display: table-cell
}
.vjs-text-track-settings .vjs-track-settings-controls {
text-align: right;
vertical-align: bottom
}
@supports (display: grid) {
.vjs-text-track-settings .vjs-modal-dialog-content {
display:grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr auto
}
.vjs-text-track-settings .vjs-track-settings-colors {
display: block;
grid-column: 1;
grid-row: 1
}
.vjs-text-track-settings .vjs-track-settings-font {
grid-column: 2;
grid-row: 1
}
.vjs-text-track-settings .vjs-track-settings-controls {
grid-column: 2;
grid-row: 2
}
}
.vjs-track-setting>select {
margin-right: .2rem
}
.vjs-text-track-settings fieldset {
margin: .2rem;
padding: .12rem;
border: none
}
.vjs-text-track-settings fieldset span {
display: inline-block
}
.vjs-text-track-settings legend {
color: #fff;
margin: 0 0 .2rem 0
}
.vjs-text-track-settings .vjs-label {
position: absolute;
clip: rect(.04rem .04rem .04rem .04rem);
clip: rect(.04rem,.04rem,.04rem,.04rem);
display: block;
margin: 0 0 .2rem 0;
padding: 0;
border: 0;
height: .04rem;
width: .04rem;
overflow: hidden
}
.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus {
outline-style: solid;
outline-width: medium;
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(88%,#fff),to(#73859f));
background-image: linear-gradient(0deg,#fff 88%,#73859f)
}
.vjs-track-settings-controls button:hover {
color: rgba(43,51,63,.75)
}
.vjs-track-settings-controls button {
background-color: #fff;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(88%,#fff),to(#73859f));
background-image: linear-gradient(-180deg,#fff 88%,#73859f);
color: #2b333f;
cursor: pointer;
border-radius: .08rem
}
.vjs-track-settings-controls .vjs-default-button {
margin-right: 1em
}
@media print {
.video-js>:not(.vjs-tech):not(.vjs-poster) {
visibility: hidden
}
}
.vjs-resize-manager {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
z-index: -1000
}
.js-focus-visible .video-js :focus:not(.focus-visible),.video-js :focus:not(:focus-visible) {
outline: none
}
@media \0screen {
.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
content: ""
}
}
@media \0screen {
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: hidden
}
}
.vjs-custom-skin>.video-js {
width: 100%;
font-family: PingFang SC,Helvetica Neue,Hiragino Sans GB,Segoe UI,Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",sans-serif
}
.video-js.vjs-no-flex .vjs-menu-button-inline,.vjs-custom-skin>.video-js .vjs-menu-button-inline.vjs-slider-active,.vjs-custom-skin>.video-js .vjs-menu-button-inline:focus,.vjs-custom-skin>.video-js .vjs-menu-button-inline:hover {
width: 10em
}
.vjs-custom-skin>.video-js .vjs-controls-disabled .vjs-big-play-button {
display: none!important
}
.vjs-custom-skin>.video-js .vjs-control {
width: 3em
}
.vjs-custom-skin>.video-js .vjs-control.vjs-live-control {
width: auto;
padding-left: .5em;
letter-spacing: .1em
}
.vjs-custom-skin>.video-js .vjs-menu-button-inline:before {
width: 1.5em
}
.vjs-menu-button-inline .vjs-menu {
left: 3em
}
.vjs-custom-skin>.video-js .vjs-load-progress div,.vjs-seeking .vjs-big-play-button,.vjs-waiting .vjs-big-play-button {
display: none!important
}
.vjs-custom-skin>.video-js .vjs-mouse-display:after,.vjs-custom-skin>.video-js .vjs-play-progress:after {
padding: 0 .4em .3em
}
.video-js.vjs-ended .vjs-loading-spinner {
display: none
}
.video-js.vjs-ended .vjs-big-play-button {
display: block!important
}
.video-js.vjs-ended .vjs-big-play-button,.video-js.vjs-paused .vjs-big-play-button,.vjs-paused.vjs-has-started.vjs-custom-skin>.video-js .vjs-big-play-button {
display: block
}
.vjs-custom-skin>.video-js .vjs-big-play-button {
top: 50%;
left: 50%;
margin-left: -1.5em;
margin-top: -1em;
background-color: rgba(0,0,0,.45);
font-size: 3.5em;
height: 2em!important;
line-height: 2em!important;
margin-top: -1em!important
}
.video-js:hover .vjs-big-play-button,.vjs-custom-skin>.video-js .vjs-big-play-button:active,.vjs-custom-skin>.video-js .vjs-big-play-button:focus {
background-color: rgba(36,131,213,.9)
}
.vjs-custom-skin>.video-js .vjs-loading-spinner {
border-color: rgba(36,131,213,.8)
}
.vjs-custom-skin>.video-js .vjs-control-bar2 {
background-color: #000
}
.vjs-custom-skin>.video-js .vjs-control-bar {
color: #fff;
font-size: .56rem
}
.vjs-custom-skin>.video-js .vjs-play-progress,.vjs-custom-skin>.video-js .vjs-volume-level {
background-color: #2483d5
}
.vjs-custom-skin>.video-js .vjs-play-progress:before {
top: -.3em
}
.vjs-custom-skin>.video-js .vjs-progress-control:hover .vjs-progress-holder {
font-size: 1.3em
}
.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
left: 0
}
.vjs-custom-skin>.video-js .vjs-menu li {
padding: 0;
line-height: 2em;
font-size: 1.1em;
font-family: PingFang SC,Helvetica Neue,Hiragino Sans GB,Segoe UI,Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",sans-serif
}
.vjs-custom-skin>.video-js .vjs-mouse-display:after,.vjs-custom-skin>.video-js .vjs-play-progress:after,.vjs-custom-skin>.video-js .vjs-time-tooltip {
border-radius: 0;
font-size: 1em;
padding: 0;
width: 3em;
height: 1.5em;
line-height: 1.5em;
top: -3em
}
.vjs-custom-skin>.video-js .vjs-menu-button-popup .vjs-menu {
width: 5em;
left: -1em
}
.vjs-custom-skin>.video-js .vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
left: 0
}
.vjs-custom-skin>.video-js .vjs-control-bar .vjs-play-control {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.vjs-custom-skin>.video-js .vjs-control-bar .vjs-time-control {
min-width: 1em;
padding: 0;
margin: 0 .1em;
text-align: center;
display: block;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.vjs-custom-skin>.video-js .vjs-control-bar .vjs-playback-rate .vjs-playback-rate-value {
font-size: 1.2em;
line-height: 2.4
}
.vjs-custom-skin>.video-js .vjs-progress-control.vjs-control {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.vjs-custom-skin>.video-js .vjs-control-bar .vjs-volume-menu-button {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.vjs-custom-skin>.video-js .vjs-control-bar .vjs-resolution-button {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.vjs-custom-skin>.video-js .vjs-control-bar .vjs-resolution-button .vjs-resolution-button-label {
display: block;
line-height: 3em
}
.vjs-custom-skin>.video-js .vjs-control-bar .vjs-playback-rate {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.vjs-custom-skin>.video-js .vjs-control-bar .vjs-fullscreen-control {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.vue-oss-upload-input {
position: relative;
display: inline-block;
text-align: center;
width: 2.8rem;
height: 2.8rem;
border-radius: .2rem;
border: .08rem dashed #aaa;
line-height: 2.64rem
}
.vue-oss-upload-input i {
font-style: normal;
font-size: 1.44rem;
color: #aaa;
display: block
}
.vue-oss-upload-input input {
width: 100%;
height: 100%;
opacity: 0;
position: absolute;
padding: 0;
top: 0;
left: 0
}
@font-face {
font-family: DINCondensed-Bold;
src: url(data:font/ttf;base64,AAEAAAAKAIAAAwAgT1MvMlbe5goAAACsAAAAYGNtYXAMWhQPAAABDAAAAVJnbHlmDHw5gwAAAmAAAAVkaGVhZLax7SsAAAfEAAAANmhoZWEFhgDYAAAH/AAAACRobXR4BaoAvQAACCAAAAAebG9jYQfaBrQAAAhAAAAAGm1heHAAEgBaAAAIXAAAACBuYW1l9Spy4AAACHwAAAM0cG9zdAAyALEAAAuwAAAAOgAEAYACvAADAAQCigJYAAAASwKKAlgAAAFeADIBMAAAAAAFAAAAAAAAAIAAAK8QAAAAAAAAAAAAAABFQkRBACAALQA5Asj+4ADIA6kA+gAAAAEAAAAAAfsCyAAgACAAAgAAAAMAAAADAAAAHAABAAAAAABMAAMAAQAAABwABAAwAAAACAAIAAIAAAAtADn/////AAAALQAw///////U/9IAAQABAAAAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAACAwQFBgcICQoLAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAB9AK8AAMABgAJAAwADwAANxEhEQM3IRMXEQEhJwMRNwAB9Pqq/qzIqv6OAVSqyKoAArz9RAGL//7U/wH+/dX/ASz+Av8AAAEALADiAVkBSAADAAA3NSEVLAEt4mZmAAIAIv/6AVICzgAZACcAABM0Njc+ATMyFhceARURFAYHDgEjIiYnLgE1MxQWMzI2NRE0JiMiBhUiGRUVNx4eNxUVGRkVFTceHjcVFRlmHBYWHBwWFhwCNSQ4FBQVFRQUOCT+XiQ4FBQVFRQUOCQWHR0WAaIWHR0WAAEANQAAAQECyAAGAAA3EQc1NzMRm2ZmZgACXEtsS/04AAAAAAEAIgAAAVICzgAmAAA3NRM+ATU0JicuASMiBh0BIzU0Njc+ATMyFhceARUUBgcOAQcDMxUiuA4EAQUFFBMXG2YYFRQ4ICg5ExIRAgMDDgyWuABgAVsaJx0NHQsLDxoZOjggOBUVGR0ZGUAkGiMQECAX/t9mAAAAAAEAIv/6AVICzgBFAAATMjY9ATQmIyIGHQEjNTQ2Nz4BMzIWFx4BFxYVFAYHDgEHHgEXHgEVFAYHDgEHDgEjIiYnLgE9ATMVFBYzMjY9ATQnLgEjmy4jGxcbF2YYFRU4ICo3DgoPBQkDBgcZFhgZBgYCAwMDCggTOzAYNhYWHWYbFxcbEAkfGQGcFihcFhwiEDo7HzgUFBghEQwYESFBJS4PEBYNDxoREjEmIy4PEBYMHCUQEhI6Kjo1GB8fGmYqDQgEAAABAAkAAAFrAsgADgAANzUjNRMzAzM1MxUzFSMV1MuTbJllZjExAGpgAf7+AsvLYGoAAAAAAQAi//oBUgLIACwAAAEVIxU+ATMyFh0BFAYHDgEjIiYnLgE9ATMVFBYzMjY9ATQmIyIGBwYHBgcjEQFSyg4sGzRBGRUVNx4eNxUVGWYdFxcZGxUNEgYGAwUBWgLIYMAOEz8/uCQ4FBQVFRQUOCQeGhodHBmnFR4JBgYHCQIBgAACACL/+gFSAsgAJwA1AAABAxc+ATMyFhceARceARUUBgcOAQcOASMiJicuAScuATU0Njc+ATcbATQmIyIGHQEUFjMyNjUBLXQCBRURGy4NBwgDAgICAgMJBxRDKipCFAgJAgMCAgICCAWGMR4UFB4eFBQeAsj+1QIEBRoUCxYSEjcqIy0PEBYMISQlIAwWEA8tIyErEA8ZDgFm/k8XHBwXhBccHBcAAAABACIAAAFSAsgACAAANxMjFSM1IRUDObNwWgEwrQACaFKyZv2eAAAAAwAi//oBUgLOAA0ASQBXAAATNCYjIgYdARQWMzI2NSc0Njc+ATc+ATMyFhceARceARUUBgcOAQceARceARUUBgcOAQcOASMiJicuAScuATU0Njc+ATcuAScuARc0JiMiBh0BFBYzMjY17B4UFB4eFBQeygQFBQ0KFDwjIzwUCg4FBQMCBQUVEhIVBQUCAwMDCwgRPi0tPhEICwMDAwIFBRUSEhUFBQLKHhQUHh4UFB4CNhUdHRVoFR0dFUAdKQ8PGA0aHR0aDRgPDykdICwRERsPDhwTEzcoISsQEBYMGiUlGgwWEBArISg3ExMcDg8bEREs0BUdHRWMFR0dFQAAAAIAIgAAAVICzgAnADUAADcTJw4BIyImJy4BJy4BNTQ2Nz4BNz4BMzIWFx4BFx4BFRQGBw4BBwsBFBYzMjY9ATQmIyIGFUd0AgUVERsuDQcIAgMCAgMCCQcUQyoqQhQHCgMCAgICAwcFhjEeFBQeHhQUHgABKwIEBRoUChcSEjcqIy0QDxYMISQlIAwWDxAtIyErDxAZDv6aAbEXHBwXhBccHBcAAQAAAAEBBkfZJz9fDzz1AAkD6AAAAAB8JYZQAAAAANl6IicAAP/6AfQCzgABAAkAAgAAAAAAAAABAAACyP7gAMgB9AAAAAAB9AABAAAAAAAAAAAAAAAAAAAAAwH0AAABhQAsAXQAIgA1ACIAIgAJACIAIgAiACIAIgAAAAAAJgAyAG4AgAC8AR4BOAF4AcwB4AJgArIAAAABAAAADABYAAUAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAEgDeAAEAAAAAAAAATAAAAAEAAAAAAAEADQBMAAEAAAAAAAIABABZAAEAAAAAAAMAKABdAAEAAAAAAAQAEgCFAAEAAAAAAAUACACXAAEAAAAAAAYAEQCfAAEAAAAAAAcACgCwAAEAAAAAAAkADgC6AAMAAQQJAAAAlgDIAAMAAQQJAAEAGgFeAAMAAQQJAAIACAF4AAMAAQQJAAMAUAGAAAMAAQQJAAQAJAHQAAMAAQQJAAUAEAH0AAMAAQQJAAYAIgIEAAMAAQQJAAcAFAImAAMAAQQJAAkAHAI6Q29weXJpZ2h0IMKpIDE5ODEsIDIwMDIgSGVpZGVsYmVyZ2VyIERydWNrbWFzY2hpbmVuIEFHLiBBbGwgcmlnaHRzIHJlc2VydmVkLkRJTiBDb25kZW5zZWRCb2xkRElOIENvbmRlbnNlZCBCb2xkOyAxMy4yZDJlMTsgMjAxOC0wMS0yMkRJTiBDb25kZW5zZWQgQm9sZDEzLjJkMmUxRElOQ29uZGVuc2VkLUJvbGRESU5TY2hyaWZ0TGlub3R5cGUgU3RhZmYAQwBvAHAAeQByAGkAZwBoAHQAIACpACAAMQA5ADgAMQAsACAAMgAwADAAMgAgAEgAZQBpAGQAZQBsAGIAZQByAGcAZQByACAARAByAHUAYwBrAG0AYQBzAGMAaABpAG4AZQBuACAAQQBHAC4AIABBAGwAbAAgAHIAaQBnAGgAdABzACAAcgBlAHMAZQByAHYAZQBkAC4ARABJAE4AIABDAG8AbgBkAGUAbgBzAGUAZABCAG8AbABkAEQASQBOACAAQwBvAG4AZABlAG4AcwBlAGQAIABCAG8AbABkADsAIAAxADMALgAyAGQAMgBlADEAOwAgADIAMAAxADgALQAwADEALQAyADIARABJAE4AIABDAG8AbgBkAGUAbgBzAGUAZAAgAEIAbwBsAGQAMQAzAC4AMgBkADIAZQAxAEQASQBOAEMAbwBuAGQAZQBuAHMAZQBkAC0AQgBvAGwAZABEAEkATgBTAGMAaAByAGkAZgB0AEwAaQBuAG8AdAB5AHAAZQAgAFMAdABhAGYAZgACAAAAAAAA/5wAMgAAAAAAAAAAAAAAAAAAAAAAAAAMAAwAAAAQABMAFAAVABYAFwAYABkAGgAbABwAAA==)
}
.crop-whole-cover {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #5c5c5c
}
.crop-component {
margin: auto
}
.crop-component,.crop-component .crop-mask {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%
}
.crop-component .crop-mask {
overflow: hidden
}
.crop-component .crop-cover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%
}
.crop-component .crop-rotate {
width: 92%;
height: 2.64rem;
position: absolute;
bottom: 2.72rem;
left: 0;
right: 0;
margin: auto;
overflow: hidden;
-webkit-mask-image: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(50%,hsla(0,0%,100%,.64)),to(hsla(0,0%,100%,0)));
-webkit-mask-image: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.64) 50%,hsla(0,0%,100%,0));
mask-image: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(50%,hsla(0,0%,100%,.64)),to(hsla(0,0%,100%,0)));
mask-image: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.64) 50%,hsla(0,0%,100%,0))
}
.crop-component .crop-rotate .current {
margin: auto;
width: 0;
height: 0;
border-left: .2rem solid transparent;
border-right: .2rem solid transparent;
border-bottom: .36rem solid #d8d8d8;
border-radius: .04rem
}
.crop-component .crop-rotate .lineation {
height: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0;
margin: 0;
padding: 0 0 .32rem 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.crop-component .crop-rotate .lineation li {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 100%;
display: inline-block
}
.crop-component .crop-rotate .lineation .number {
width: 100%;
height: 1.28rem;
font-size: .64rem;
line-height: 1.44rem;
text-align: center;
font-family: DINCondensed-Bold;
overflow: hidden;
color: #fff
}
.crop-component .crop-rotate .lineation .bg {
width: 100%;
height: .72rem;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAAAkCAQAAABbaR7PAAAA3ElEQVR42u2YMQ6DMAxFfSOuVRjKWSBsyRT3nq9zFxvJpEQoGbEUvTzs6CsiFy4mdnYm6Xexoyhbz4iViqJ9IypKHRYvsDgQ+0dkZjHrK2sM0d5BhMUmEA4Os54pDuLHnmgK2SFINmJyEXPQYrEO6Us6YzGKmKMWPcTi/ujmFpN9BtdibW/xH72Y2/Ziub8XU/jSiVtMLS2qn3Tut1jbW7xiXB5gsfQ/0eGru/uJfgRi+6s7nHRGXhx5ceTFkRdHXnxUXtyoKHtbizOz89zxNqonHpLtHURYeP1++QJbckm6SmQBuQAAAABJRU5ErkJggg==);
background-size: contain;
background-repeat: no-repeat
}
.crop-component .crop-btns {
position: absolute;
bottom: .64rem;
width: 100%;
height: .96rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.crop-component .crop-btns button {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
background-color: transparent;
border: none;
padding: 0;
display: inline-block;
margin: auto;
position: relative
}
.crop-component .crop-btns button:after {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
content: "";
display: inline-block
}
.crop-component .crop-close:after {
left: .64rem;
width: .72rem;
height: .72rem;
background-size: 100% 100%
}
.crop-component .crop-btn:after {
right: .64rem;
width: .84rem;
height: .6rem;
background-size: 100% 100%
}
.crop-component .crop-reset:after {
left: 0;
right: -20%;
width: .88rem;
height: .76rem;
background-size: 100% 100%
}
.crop-component .crop-around:after {
right: 0;
left: -20%;
width: .72rem;
height: .88rem;
background-size: 100% 100%
}
@media (device-width: 414px) and (device-height:896px),only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
.crop-component .crop-btns {
bottom:1.72rem
}
.crop-component .crop-rotate {
bottom: 3.8rem
}
}