vant/lib/vant-css/base.css

A Vue.js 2.0 Mobile UI at YouZan

html{-webkit-tap-highlight-color:transparent}body{margin:0}a{text-decoration:none}a:focus,button:focus,input:focus,textarea:focus{outline:0}ol,ul{margin:0;padding:0;list-style:none}button,input,textarea{font:inherit}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-clearfix{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[class*=van-hairline]{position:relative}[class*=van-hairline]::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}@-webkit-keyframes van-slide-bottom-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes van-slide-bottom-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes van-slide-bottom-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes van-slide-bottom-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes van-fade-in{from{opacity:0}to{opacity:1}}@keyframes van-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes van-fade-out{from{opacity:1}to{opacity:0}}@keyframes van-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes van-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes van-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.van-fade-enter-active{-webkit-animation:.3s van-fade-in;animation:.3s van-fade-in}.van-fade-leave-active{-webkit-animation:.3s van-fade-out;animation:.3s van-fade-out}.van-slide-bottom-enter-active{-webkit-animation:van-slide-bottom-enter .3s both ease;animation:van-slide-bottom-enter .3s both ease}.van-slide-bottom-leave-active{-webkit-animation:van-slide-bottom-leave .3s both ease;animation:van-slide-bottom-leave .3s both ease}@font-face{font-style:normal;font-weight:400;font-family:vant-icon;src:url(https://img.yzcdn.cn/zanui/icon/vant-icon-4c3245.ttf) format('truetype')}.van-icon{position:relative;display:inline-block;font:normal normal normal 14px/1 vant-icon;font-size:inherit;text-rendering:auto}.van-icon__info{color:#fff;left:50%;top:-.5em;font-size:.5em;margin-left:.8em;padding:0 .3em;text-align:center;min-width:1.2em;line-height:1.2;position:absolute;border-radius:.6em;box-sizing:border-box;background-color:#f44;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif}.van-icon:before{display:inline-block}.van-icon-add-o:before{content:"\F000"}.van-icon-add:before{content:"\F001"}.van-icon-add2:before{content:"\F002"}.van-icon-after-sale:before{content:"\F003"}.van-icon-alipay:before{content:"\F004"}.van-icon-arrow-left:before{content:"\F005"}.van-icon-arrow:before{content:"\F006"}.van-icon-balance-details:before{content:"\F007"}.van-icon-balance-pay:before{content:"\F008"}.van-icon-birthday-privilege:before{content:"\F009"}.van-icon-browsing-history:before{content:"\F00A"}.van-icon-card:before{content:"\F00B"}.van-icon-cart:before{content:"\F00C"}.van-icon-cash-back-record:before{content:"\F00D"}.van-icon-cash-on-deliver:before{content:"\F00E"}.van-icon-certificate:before{content:"\F00F"}.van-icon-chat:before{content:"\F010"}.van-icon-check:before{content:"\F011"}.van-icon-checked:before{content:"\F012"}.van-icon-clear:before{content:"\F013"}.van-icon-clock:before{content:"\F014"}.van-icon-close:before{content:"\F015"}.van-icon-completed:before{content:"\F016"}.van-icon-contact:before{content:"\F017"}.van-icon-coupon:before{content:"\F018"}.van-icon-credit-pay:before{content:"\F019"}.van-icon-debit-pay:before{content:"\F01A"}.van-icon-delete:before{content:"\F01B"}.van-icon-description:before{content:"\F01C"}.van-icon-discount:before{content:"\F01D"}.van-icon-ecard-pay:before{content:"\F01E"}.van-icon-edit-data:before{content:"\F01F"}.van-icon-edit:before{content:"\F020"}.van-icon-exchange-record:before{content:"\F021"}.van-icon-exchange:before{content:"\F022"}.van-icon-fail:before{content:"\F023"}.van-icon-free-postage:before{content:"\F024"}.van-icon-gift-card-pay:before{content:"\F025"}.van-icon-gift-card:before{content:"\F026"}.van-icon-gift:before{content:"\F027"}.van-icon-gold-coin:before{content:"\F028"}.van-icon-goods-collect:before{content:"\F029"}.van-icon-home:before{content:"\F02A"}.van-icon-hot-sale:before{content:"\F02B"}.van-icon-hot:before{content:"\F02C"}.van-icon-info-o:before{content:"\F02D"}.van-icon-like-o:before{content:"\F02E"}.van-icon-like:before{content:"\F02F"}.van-icon-location:before{content:"\F030"}.van-icon-logistics:before{content:"\F031"}.van-icon-member-day-privilege:before{content:"\F032"}.van-icon-more-o:before{content:"\F033"}.van-icon-more:before{content:"\F034"}.van-icon-new-arrival:before{content:"\F035"}.van-icon-new:before{content:"\F036"}.van-icon-other-pay:before{content:"\F037"}.van-icon-passed:before{content:"\F038"}.van-icon-password-not-view:before{content:"\F039"}.van-icon-password-view:before{content:"\F03A"}.van-icon-pause:before{content:"\F03B"}.van-icon-peer-pay:before{content:"\F03C"}.van-icon-pending-deliver:before{content:"\F03D"}.van-icon-pending-evaluate:before{content:"\F03E"}.van-icon-pending-orders:before{content:"\F03F"}.van-icon-pending-payment:before{content:"\F040"}.van-icon-phone:before{content:"\F041"}.van-icon-photo:before{content:"\F042"}.van-icon-photograph:before{content:"\F043"}.van-icon-play:before{content:"\F044"}.van-icon-point-gift:before{content:"\F045"}.van-icon-points-mall:before{content:"\F046"}.van-icon-points:before{content:"\F047"}.van-icon-qr-invalid:before{content:"\F048"}.van-icon-qr:before{content:"\F049"}.van-icon-question:before{content:"\F04A"}.van-icon-receive-gift:before{content:"\F04B"}.van-icon-records:before{content:"\F04C"}.van-icon-search:before{content:"\F04D"}.van-icon-send-gift:before{content:"\F04E"}.van-icon-setting:before{content:"\F04F"}.van-icon-share:before{content:"\F050"}.van-icon-shop-collect:before{content:"\F051"}.van-icon-shop:before{content:"\F052"}.van-icon-shopping-cart:before{content:"\F053"}.van-icon-sign:before{content:"\F054"}.van-icon-stop:before{content:"\F055"}.van-icon-success:before{content:"\F056"}.van-icon-tosend:before{content:"\F057"}.van-icon-underway:before{content:"\F058"}.van-icon-upgrade:before{content:"\F059"}.van-icon-value-card:before{content:"\F05A"}.van-icon-wap-home:before{content:"\F05B"}.van-icon-wap-nav:before{content:"\F05C"}.van-icon-warn:before{content:"\F05D"}.van-icon-wechat:before{content:"\F05E"}.van-loading{width:30px;height:30px;z-index:0;font-size:0;line-height:0;position:relative;vertical-align:middle}.van-loading--circle{width:16px;height:16px}.van-loading__spinner{z-index:-1;width:100%;height:100%;position:relative;display:inline-block;box-sizing:border-box;-webkit-animation:van-rotate .8s linear infinite;animation:van-rotate .8s linear infinite}.van-loading__spinner--circle{border-radius:100%;border:3px solid transparent}.van-loading__spinner--gradient-circle{background-size:contain}.van-loading__spinner--spinner{-webkit-animation-timing-function:steps(12);animation-timing-function:steps(12)}.van-loading__spinner--spinner i{top:0;left:0;width:100%;height:100%;position:absolute}.van-loading__spinner--spinner i::before{width:2px;height:25%;content:' ';display:block;margin:0 auto;border-radius:40%;background-color:currentColor}.van-loading__spinner--circular{-webkit-animation-duration:2s;animation-duration:2s}.van-loading__circular{width:100%;height:100%}.van-loading__circular circle{stroke-width:3;stroke-linecap:round;-webkit-animation:van-circular 1.5s ease-in-out infinite;animation:van-circular 1.5s ease-in-out infinite}.van-loading--black .van-loading__spinner--circle{border-color:#c9c9c9;border-top-color:#666}.van-loading--black .van-loading__spinner--gradient-circle{background-image:url(https://img.yzcdn.cn/vant/gradient-circle-black.png)}.van-loading--black .van-loading__spinner--spinner{color:#c9c9c9}.van-loading--black circle{stroke:#c9c9c9}.van-loading--white .van-loading__spinner--circle{border-color:rgba(0,0,0,.1);border-top-color:rgba(255,255,255,.7)}.van-loading--white .van-loading__spinner--gradient-circle{background-image:url(https://img.yzcdn.cn/vant/gradient-circle-white.png)}.van-loading--white .van-loading__spinner--spinner{color:#fff}.van-loading--white circle{stroke:#fff}@-webkit-keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{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}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__spinner--spinner i:nth-of-type(1){opacity:1;-webkit-transform:rotate(30deg);transform:rotate(30deg)}.van-loading__spinner--spinner i:nth-of-type(2){opacity:.9375;-webkit-transform:rotate(60deg);transform:rotate(60deg)}.van-loading__spinner--spinner i:nth-of-type(3){opacity:.875;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.van-loading__spinner--spinner i:nth-of-type(4){opacity:.8125;-webkit-transform:rotate(120deg);transform:rotate(120deg)}.van-loading__spinner--spinner i:nth-of-type(5){opacity:.75;-webkit-transform:rotate(150deg);transform:rotate(150deg)}.van-loading__spinner--spinner i:nth-of-type(6){opacity:.6875;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.van-loading__spinner--spinner i:nth-of-type(7){opacity:.625;-webkit-transform:rotate(210deg);transform:rotate(210deg)}.van-loading__spinner--spinner i:nth-of-type(8){opacity:.5625;-webkit-transform:rotate(240deg);transform:rotate(240deg)}.van-loading__spinner--spinner i:nth-of-type(9){opacity:.5;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.van-loading__spinner--spinner i:nth-of-type(10){opacity:.4375;-webkit-transform:rotate(300deg);transform:rotate(300deg)}.van-loading__spinner--spinner i:nth-of-type(11){opacity:.375;-webkit-transform:rotate(330deg);transform:rotate(330deg)}.van-loading__spinner--spinner i:nth-of-type(12){opacity:.3125;-webkit-transform:rotate(360deg);transform:rotate(360deg)}.van-button{position:relative;padding:0;display:inline-block;height:45px;line-height:43px;border-radius:4px;box-sizing:border-box;font-size:16px;text-align:center;-webkit-appearance:none}.van-button::before{content:" ";position:absolute;top:50%;left:50%;opacity:0;width:100%;height:100%;border:inherit;border-color:#000;background-color:#000;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.van-button:not([disabled]):active::before{opacity:.3}.van-button--default{color:#333;background-color:#fff;border:1px solid #e5e5e5}.van-button--primary{color:#fff;background-color:#4b0;border:1px solid #0a0}.van-button--danger{color:#fff;background-color:#f44;border:1px solid #e33}.van-button--large{width:100%;height:50px;line-height:48px}.van-button--normal{padding:0 15px;font-size:14px}.van-button--small{height:30px;padding:0 8px;min-width:60px;font-size:12px;line-height:28px}.van-button--loading .van-loading{margin:0 auto}.van-button--loading .van-button__text{display:none}.van-button--mini{display:inline-block;width:50px;height:22px;line-height:20px;font-size:10px}.van-button--mini+.van-button--mini{margin-left:5px}.van-button--block{width:100%;display:block}.van-button--bottom-action{width:100%;height:50px;line-height:50px;border:0;border-radius:0;font-size:16px;color:#fff;background-color:#f85}.van-button--bottom-action.van-button--primary{background-color:#f44}.van-button--disabled{color:#999;background-color:#e5e5e5;border:1px solid #ccc}.van-cell{width:100%;display:table;padding:10px 15px;box-sizing:border-box;line-height:24px;position:relative;background-color:#fff;color:#333;font-size:14px;overflow:hidden}.van-cell:not(:last-child)::after{left:15px;right:0;width:auto;-webkit-transform:scale(1,.5);transform:scale(1,.5);border-bottom-width:1px}.van-cell-group{background-color:#fff}.van-cell__title{display:table-cell}.van-cell__title .van-icon{font-size:16px;margin-right:5px;vertical-align:middle}.van-cell__text{vertical-align:middle}.van-cell__label{display:block;font-size:12px;line-height:1.2;color:#666}.van-cell__value{display:table-cell;text-align:right;vertical-align:middle;overflow:hidden}.van-cell__value--alone{text-align:left}.van-cell__value--link{padding-right:15px}.van-cell--clickable:active{background-color:#e8e8e8}.van-cell--required{overflow:visible}.van-cell--required::before{content:'*';position:absolute;left:7px;font-size:14px;color:#f44}.van-cell__right-icon{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#999;font-size:12px}