body,html {
|
padding: 0;
|
margin: 0
|
}
|
|
template {
|
display: none
|
}
|
|
.root-rem-calc,html {
|
font-size: 13.33333vw
|
}
|
|
@media only screen and (min-width: 540px) {
|
.root-rem-calc,html {
|
font-size:72px!important
|
}
|
}
|
|
.max-width {
|
max-width: 7.5rem;
|
margin: auto
|
}
|
|
html {
|
-webkit-text-size-adjust: 100%!important;
|
text-size-adjust: 100%!important;
|
-moz-text-size-adjust: 100%!important
|
}
|
|
.ellipsis-single {
|
white-space: nowrap
|
}
|
|
.ellipsis-multiple,.ellipsis-single {
|
overflow: hidden;
|
text-overflow: ellipsis
|
}
|
|
.ellipsis-multiple {
|
display: -webkit-box;
|
-webkit-box-orient: vertical;
|
white-space: normal
|
}
|
|
[v-cloak] {
|
display: none!important
|
}
|
|
.banner-wrapper {
|
display: block;
|
width: 7.5rem;
|
min-height: 3.4rem
|
}
|
|
.banner-wrapper>img {
|
width: 100%
|
}
|
|
.page-container {
|
min-height: 100vh;
|
max-width: 7.5rem;
|
background: $bgColor;
|
padding-bottom: 1.2rem;
|
margin: 0 auto;
|
box-sizing: border-box;
|
font-size: .32rem;
|
box-shadow: 0 0 8px 8px rgba(0,0,0,.1)
|
}
|
|
.layui-layer {
|
font-size: 12px
|
}
|
|
::-webkit-scrollbar {
|
all: unset;
|
width: 0;
|
height: 0
|
}
|
|
::-webkit-scrollbar-thumb {
|
border-radius: .05rem;
|
background-color: #c1c1c1
|
}
|
|
@media screen and (min-width: 750px) {
|
::-webkit-scrollbar {
|
width:.05rem;
|
height: .05rem
|
}
|
}
|
|
.van-toast--html,.van-toast--text {
|
font-size: .24rem
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio:1.5) {
|
.border-1px:after {
|
transform:scaleY(.7)
|
}
|
|
.border-1px-v:after {
|
transform: scaleX(.7)
|
}
|
|
.border-1px-all {
|
position: relative
|
}
|
|
.border-1px-all:after {
|
display: block;
|
position: absolute;
|
width: 150%;
|
height: 150%;
|
left: 50%;
|
top: 50%;
|
transform: translate(-50%,-50%) scale(.66667);
|
content: ""
|
}
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
|
.border-1px:after {
|
transform:scaleY(.5)
|
}
|
|
.border-1px-v:after {
|
transform: scaleX(.5)
|
}
|
|
.border-1px-all {
|
position: relative
|
}
|
|
.border-1px-all:after {
|
display: block;
|
position: absolute;
|
width: 200%;
|
height: 200%;
|
left: 50%;
|
top: 50%;
|
transform: translate(-50%,-50%) scale(.5);
|
content: ""
|
}
|
}
|
|
img[lazy=loading] {
|
-o-object-fit: fill!important;
|
object-fit: fill!important
|
}
|
|
.img-box>img {
|
width: 100%;
|
height: 100%;
|
-o-object-fit: cover;
|
object-fit: cover
|
}
|
|
.iconfont {
|
font-size: inherit
|
}
|
|
.btn:not(.disabled):not(.active) {
|
cursor: pointer
|
}
|
|
.flex-c,.flex-c-1,.flex-c-2,.flex-c-c,.flex-c-evenly,.flex-col-c,.flex-col-c-1,.flex-col-c-2,.flex-col-c-c {
|
display: flex;
|
align-items: center
|
}
|
|
.flex-c-2,.flex-c-c,.flex-c-evenly,.flex-col-c-2,.flex-col-c-c {
|
justify-content: center
|
}
|
|
.flex-c-evenly {
|
justify-content: space-evenly
|
}
|
|
.flex-col-c,.flex-col-c-1,.flex-col-c-2,.flex-col-c-c {
|
flex-direction: column
|
}
|
|
body {
|
font-family: Microsoft YaHei,arial;
|
max-width: 7.5rem;
|
margin: 0 auto!important;
|
font-size: .32rem
|
}
|
|
ol,ul {
|
list-style: none
|
}
|
|
li {
|
list-style-type: none
|
}
|
|
em,i,th {
|
font-style: normal
|
}
|
|
.clearfix:after {
|
display: block;
|
overflow: hidden;
|
clear: both;
|
height: 0;
|
visibility: hidden;
|
content: ""
|
}
|
|
input,select,textarea {
|
-webkit-appearance: none;
|
outline: 0;
|
border: none;
|
resize: none;
|
color: #939599
|
}
|
|
img {
|
width: 100%;
|
display: block
|
}
|
|
#app {
|
position: relative;
|
min-height: 100vh;
|
background-color: #da2702
|
}
|
|
* {
|
margin: 0;
|
padding: 0;
|
-webkit-tap-highlight-color: transparent;
|
box-sizing: border-box
|
}
|
|
.comHidden {
|
white-space: nowrap
|
}
|
|
.comHidden,.comHidden1 {
|
overflow: hidden;
|
text-overflow: ellipsis
|
}
|
|
.comHidden1 {
|
display: -webkit-box;
|
-webkit-line-clamp: 2
|
}
|
|
.comHidden1,.main {
|
-webkit-box-orient: vertical
|
}
|
|
.main {
|
padding-top: 1.82rem;
|
width: 100%;
|
height: 100%;
|
background: #da2702 url(https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/bottomprice_bg.png) no-repeat 0 0;
|
background-size: 100%;
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
justify-content: flex-start
|
}
|
|
.step {
|
position: relative;
|
width: 7.1rem;
|
height: 3.1rem;
|
margin: auto
|
}
|
|
.step>img {
|
display: block;
|
width: 100%
|
}
|
|
.step .step-content {
|
position: absolute;
|
left: 0;
|
right: 0;
|
top: 0;
|
bottom: .15rem;
|
display: flex;
|
flex-direction: column;
|
padding: .22rem .54rem 0
|
}
|
|
.step .step-content .title {
|
font-size: .4rem;
|
line-height: 1em;
|
font-weight: 700;
|
color: #222;
|
background: linear-gradient(0deg,#fe3a3f,#faa450);
|
-webkit-background-clip: text;
|
-webkit-text-fill-color: transparent;
|
text-align: center
|
}
|
|
.step .step-content ul {
|
flex: 1;
|
margin-top: .2rem;
|
margin-right: -.54rem;
|
overflow-y: auto
|
}
|
|
.step .step-content ul li {
|
line-height: .27rem
|
}
|
|
.step .step-content ul li .top-num {
|
display: inline-block;
|
margin-right: .1rem;
|
width: .61rem;
|
height: .27rem;
|
line-height: .27rem;
|
text-align: center;
|
background: url(https://img.bc.haodanku.com/cms/1629342498) no-repeat;
|
background-size: contain
|
}
|
|
.step .step-content ul li .text,.step .step-content ul li .top-num {
|
font-size: .24rem;
|
font-weight: 400;
|
color: #c78348
|
}
|
|
.step .step-content ul li+li {
|
margin-top: .14rem
|
}
|
|
.step .step-content .btn-block {
|
display: flex;
|
align-items: center;
|
justify-content: space-around;
|
margin-bottom: .2rem
|
}
|
|
.step .step-content .btn-block .btn {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
width: 2.1rem;
|
height: .56rem;
|
border-radius: .28rem;
|
font-size: .22rem;
|
font-weight: 700
|
}
|
|
.step .step-content .btn-block .btn i {
|
margin-left: .02rem
|
}
|
|
.step .step-content .btn-block .btn.to-sign-in {
|
background: #ff2e24;
|
color: #fff
|
}
|
|
.step .step-content .btn-block .btn.view-direct {
|
border: 1px solid #ff2e24;
|
background: #ffeceb;
|
color: #ff2e24
|
}
|
|
.video_preview {
|
width: 100%;
|
height: 100%;
|
position: relative
|
}
|
|
.video_preview i {
|
cursor: pointer;
|
position: absolute;
|
top: 50%;
|
left: 50%;
|
transform: translate(-50%,-50%);
|
width: .64rem;
|
height: .64rem;
|
background-image: url(http://img.bc.haodanku.com/haodanku/1596246159);
|
background-size: 100%
|
}
|
|
.video_preview p {
|
width: 100%;
|
height: 100%;
|
background-image: url(http://img.bc.haodanku.com/haodanku/1613975046);
|
background-size: 100%
|
}
|
|
.btn_body {
|
height: .8rem;
|
text-align: center;
|
color: #fff;
|
font-size: .28rem;
|
line-height: .8rem
|
}
|
|
.btn_body,.btn_help {
|
width: 100%
|
}
|
|
.divcss {
|
position: absolute;
|
bottom: .5rem;
|
left: 50%;
|
transform: translateX(-50%);
|
margin-top: .25rem
|
}
|
|
.divcss,.divcss span {
|
display: flex;
|
align-items: center;
|
justify-content: center
|
}
|
|
.divcss span {
|
width: 2.38rem;
|
height: .64rem;
|
background: linear-gradient(90deg,#ff151f,#ff7033);
|
border-radius: .07rem;
|
color: #fff;
|
font-size: .26rem
|
}
|
|
.list-wrapper {
|
width: 100%;
|
justify-content: flex-start;
|
padding-bottom: 1.3rem
|
}
|
|
.list-wrapper>h6 {
|
font-size: .36rem;
|
font-family: PingFang SC;
|
font-weight: 700;
|
color: #fff;
|
text-align: center;
|
margin-bottom: .15rem
|
}
|
|
.newtop {
|
background-color: #a51212;
|
}
|
|
.head-fixed {
|
position: fixed;
|
top: 0;
|
left: 0;
|
z-index: 100;
|
background: #fff;
|
width: 100%
|
}
|
|
.search {
|
/* width:88%; */
|
/* background-color:#fff; */
|
border-radius: .1rem;
|
margin: 0 auto .2rem
|
}
|
|
.search,.search-box {
|
height: .72rem;
|
display: flex
|
}
|
|
.search-box {
|
width: 100%;
|
border-radius: .08rem 0 0 .08rem;
|
align-items: center
|
}
|
|
.search-box input {
|
flex: 1;
|
height: 100%;
|
padding-right: .1rem;
|
font-size: .24rem;
|
color: #333
|
}
|
|
.search-icon {
|
width: .74rem;
|
height: 100%;
|
background: url(http://img.bc.haodanku.com/haodanku/1596015010) no-repeat;
|
background-size: .35rem .35rem;
|
background-position: 50%
|
}
|
|
.search-btn {
|
width: 1.23rem;
|
height: .65rem;
|
background: linear-gradient(90deg,#fe3a3f,#faa450);
|
border-radius: .1rem;
|
margin-top: .035rem;
|
margin-right: .04rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
font-size: .28rem;
|
font-weight: 500;
|
color: #fff
|
}
|
|
.shoplist {
|
width: 100%;
|
margin: 0 auto;
|
background: #e7013a
|
}
|
|
.shoplist>li {
|
display: flex;
|
padding: .2rem .25rem;
|
background: #fff;
|
width: 94%;
|
margin: 0 auto .2rem;
|
border-radius: .08rem;
|
position: relative
|
}
|
|
.shop-img {
|
width: 2.2rem;
|
height: 2.2rem;
|
border-radius: .08rem
|
}
|
|
.shop-box {
|
display: flex;
|
flex: 1;
|
width: 50%;
|
padding: 0 0 0 .22rem;
|
flex-direction: column
|
}
|
|
.shop-box.active .shop-b {
|
margin-top: .05rem
|
}
|
|
.shop-title {
|
color: #333;
|
font-weight: 500;
|
font-size: .28rem;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap
|
}
|
|
.shop-money {
|
color: #999;
|
font-size: .22rem;
|
font-weight: 500;
|
margin-top: .2rem;
|
align-items: center
|
}
|
|
.shop-b,.shop-money {
|
display: flex;
|
justify-content: space-between
|
}
|
|
.shop-b {
|
margin-top: .05rem
|
}
|
|
.shop-b-l,.shop-b-m {
|
display: flex;
|
align-items: baseline
|
}
|
|
.shop-b-m {
|
font-size: .36rem;
|
font-weight: 700;
|
color: #fd471f
|
}
|
|
.shop-b-m i {
|
font-size: .26rem;
|
font-weight: 500
|
}
|
|
.shop-b-label {
|
color: #666;
|
font-size: .2rem;
|
text-decoration: line-through
|
}
|
|
.shop-b-label,.shop-btn {
|
display: flex;
|
align-items: center;
|
justify-content: center
|
}
|
|
.shop-btn {
|
position: absolute;
|
right: 0;
|
bottom: .21rem;
|
width: 1.3rem;
|
height: .55rem;
|
background: linear-gradient(90deg,#fe3a3f,#faa450);
|
border-radius: .28rem 0 0 .28rem;
|
font-weight: 500;
|
color: #fff;
|
font-size: .24rem
|
}
|
|
.shop-coupon {
|
bottom: .93rem;
|
border: 1px solid #ff856c;
|
border-right: 0;
|
background: #fff6f1;
|
color: #fd471f;
|
font-weight: 800
|
}
|
|
.shop-tips {
|
width: 3.5rem;
|
height: .38rem;
|
background: linear-gradient(90deg,#ffeee7,#fff7f3 50%,#fff);
|
border-radius: .19rem;
|
display: flex;
|
align-items: center;
|
font-size: .2rem;
|
color: #fc471f;
|
font-weight: 500;
|
padding-left: .14rem;
|
margin-top: .05rem
|
}
|
|
.shop-tips img {
|
width: .14rem;
|
height: .18rem;
|
display: block;
|
margin-right: .06rem
|
}
|
|
.shop-tips.row-2 {
|
margin-top: .02rem;
|
color: #ff2b44;
|
background: linear-gradient(90deg,rgba(254,60,64,.1),hsla(0,0%,100%,.1));
|
padding-right: .5rem
|
}
|
|
.shop-tips.row-2 img {
|
margin-left: -.02rem;
|
width: .17rem
|
}
|
|
.shop-tips.row-2 p {
|
overflow: hidden;
|
white-space: nowrap;
|
text-overflow: ellipsis
|
}
|
|
.tokenbox {
|
position: fixed;
|
top: 50%;
|
left: 50%;
|
width: 5rem;
|
height: 4rem;
|
border-radius: .2rem;
|
margin-left: -2.5rem;
|
margin-top: -2rem;
|
font-size: .3rem;
|
background-color: #fff;
|
color: #333;
|
overflow: hidden;
|
padding-top: .4rem;
|
display: none
|
}
|
|
.tokenbox>span {
|
display: block;
|
text-align: center;
|
margin-bottom: .24rem
|
}
|
|
.tokenbox>p {
|
color: #333;
|
padding: 0 .3rem;
|
line-height: 1.2rem;
|
min-height: 1.1rem;
|
text-align: center
|
}
|
|
.tokenbox>p em {
|
color: #ff1c43
|
}
|
|
.tokenbox>.copybtn {
|
width: 2.4rem;
|
height: .72rem;
|
background: linear-gradient(90deg,#ff1944,#ff4e33);
|
border-radius: .08rem;
|
color: #fff;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
font-weight: 500;
|
font-size: .28rem;
|
margin: .3rem auto 0
|
}
|
|
.tokenbox1 {
|
height: 3.6rem
|
}
|
|
.back_top {
|
width: .78rem;
|
height: .78rem;
|
position: fixed;
|
right: .2rem;
|
bottom: 1.4rem;
|
background: url(http://img.bc.haodanku.com/haodanku/1596017135) no-repeat;
|
background-size: 100% 100%
|
}
|
|
.combox {
|
width: 100%;
|
-webkit-overflow-scrolling: touch;
|
padding: .2rem 0
|
}
|
|
.realpic-loading {
|
color: #ffcda0;
|
font-size: .24rem;
|
text-align: center
|
}
|
|
.vmIconLoad {
|
width: .32rem;
|
height: .32rem;
|
font-size: 20px;
|
color: #4d74ff;
|
display: inline-block;
|
vertical-align: middle;
|
background-image: url(http://img.haodanku.com/Fs3CUOAV8FeUjyhyU-3xOO5DSphI);
|
background-repeat: no-repeat;
|
background-size: 100% 100%;
|
-webkit-animation: vmspinLoad 2s linear infinite;
|
animation: vmspinLoad 1.2s linear infinite
|
}
|
|
.vmIconLoad:before {
|
-webkit-font-smoothing: antialiased;
|
transform: translate(0)
|
}
|
|
.direct-img {
|
position: fixed;
|
z-index: 10000;
|
left: 0;
|
right: 0;
|
top: 0;
|
bottom: 0;
|
max-width: 7.5rem;
|
margin: auto;
|
padding: .5rem;
|
background: rgba(0,0,0,.3);
|
overflow: hidden
|
}
|
|
.direct-img .direct-box {
|
display: flex;
|
flex-direction: column;
|
height: 100%;
|
padding-bottom: .4rem;
|
background: #fff;
|
border-radius: .15rem;
|
overflow: hidden
|
}
|
|
.direct-img .direct-box .box-header {
|
position: relative;
|
color: #fc6e73;
|
font-size: .26rem;
|
font-weight: bolder;
|
text-align: center;
|
line-height: .8rem;
|
border-bottom: 1px solid #f0f0f0
|
}
|
|
.direct-img .direct-box .box-header .btn-close {
|
position: absolute;
|
top: .27rem;
|
right: .27rem;
|
width: .32rem;
|
height: .32rem;
|
cursor: pointer
|
}
|
|
.direct-img .direct-box .box-content {
|
flex: 1;
|
overflow: auto;
|
padding: .3rem
|
}
|
|
.direct-img .direct-box .box-content img {
|
display: block;
|
width: 100%;
|
height: auto
|
}
|
|
.fade-enter-active,.fade-leave-active {
|
transition: all .3s ease-in
|
}
|
|
.fade-enter,.fade-leave-to {
|
opacity: 0
|
}
|
|
.snapped-up {
|
z-index: 10000;
|
left: 0;
|
right: 0;
|
top: 0;
|
bottom: 0;
|
max-width: 7.5rem;
|
margin: auto;
|
padding: .5rem;
|
background: rgba(0,0,0,.3)
|
}
|
|
.snapped-up,.snapped-up .box {
|
position: fixed;
|
overflow: hidden
|
}
|
|
.snapped-up .box {
|
left: 50%;
|
top: 50%;
|
transform: translate(-50%,-50%);
|
display: flex;
|
flex-direction: column;
|
height: 6.8rem;
|
width: 5.8rem;
|
padding: 0 .42rem .4rem;
|
background: #fff;
|
border-radius: .15rem
|
}
|
|
.snapped-up .box .box-header {
|
color: #fc6e73;
|
font-size: .26rem;
|
font-weight: bolder;
|
text-align: center;
|
line-height: .8rem;
|
height: .92rem
|
}
|
|
.snapped-up .box .box-header .btn-close {
|
position: absolute;
|
top: .27rem;
|
right: .27rem;
|
width: .32rem;
|
height: .32rem;
|
cursor: pointer
|
}
|
|
.snapped-up .box .box-content {
|
flex: 1
|
}
|
|
.snapped-up .box .box-content .title {
|
text-align: center;
|
font-size: .3rem;
|
font-weight: 700;
|
color: #d92500;
|
line-height: .5rem
|
}
|
|
.snapped-up .box .box-content img {
|
display: block;
|
margin: .27rem 0 .33rem;
|
width: 100%;
|
height: auto
|
}
|
|
.snapped-up .box .box-content button {
|
width: 100%;
|
height: .8rem;
|
background: linear-gradient(90deg,#fe3a3f,#faa450);
|
border-radius: .4rem;
|
text-align: center;
|
font-size: .28rem;
|
font-weight: 700;
|
color: #fff;
|
line-height: .8rem;
|
border: 0;
|
outline: 0
|
}
|
|
.goback {
|
position: fixed;
|
top: .15rem;
|
left: 0;
|
width: 1.2rem;
|
height: .48rem
|
}
|
|
.nav {
|
margin: .2rem 0 .15rem
|
}
|
|
.nav-list {
|
display: flex;
|
padding-left: .45rem;
|
overflow-x: auto;
|
-webkit-user-select: none;
|
-moz-user-select: none;
|
-ms-user-select: none;
|
user-select: none
|
}
|
|
.nav-list:after {
|
content: ".";
|
display: block;
|
height: 0;
|
clear: both;
|
visibility: hidden
|
}
|
|
.nav-list li {
|
font-size: .24rem;
|
color: #f17258;
|
background: #b92709;
|
flex-shrink: 0;
|
padding: .08rem .2rem;
|
margin-right: .2rem;
|
border-radius: .06rem;
|
cursor: pointer
|
}
|
|
.nav-list li:last-child {
|
margin-right: .4rem
|
}
|
|
.nav-list li.nav-active {
|
color: #fd471f;
|
background: #fff
|
}
|
|
.sort {
|
background-color: #e7013a;
|
padding-bottom: .2rem;
|
border-radius: .2rem .2rem 0 0
|
}
|
|
.sort-list {
|
display: flex;
|
border-bottom: .02rem solid #eb3a15;
|
color: #ff8f78;
|
justify-content: space-between
|
}
|
|
.sort-list>li {
|
width: 25%;
|
font-size: .26rem;
|
font-weight: 500;
|
color: #ff8f78;
|
display: inline-flex;
|
align-items: center;
|
justify-content: center;
|
padding: .24rem 0
|
}
|
|
.sort-list>li.sort-active {
|
color: #fff
|
}
|
|
.sort-list>li span {
|
position: relative;
|
height: .16rem;
|
margin-left: .06rem
|
}
|
|
.sort-list>li span i {
|
position: absolute;
|
width: 0;
|
height: 0;
|
border-color: #b92709 transparent transparent;
|
border-style: solid;
|
border-width: .06rem .06rem 0
|
}
|
|
.sort-list>li span i:first-child {
|
transform: rotate(180deg)
|
}
|
|
.sort-list>li span i:nth-child(2) {
|
bottom: 0
|
}
|
|
.sort-list>li span i.arrow-active {
|
border-color: #f2f2f2 transparent transparent
|
}
|
|
.ticket {
|
display: inline-flex;
|
align-items: center;
|
margin-top: .2rem;
|
font-size: 0;
|
font-family: Microsoft YaHei;
|
border-radius: 2px
|
}
|
|
.ticket .name {
|
width: .38rem;
|
font-weight: 300;
|
color: #fff;
|
display: inline-flex;
|
background: linear-gradient(180deg,#ff753c,#ff4b42);
|
border-radius: .04rem 0 0 .04rem
|
}
|
|
.ticket .name,.ticket .value {
|
height: .28rem;
|
font-size: .2rem;
|
align-items: center;
|
justify-content: center;
|
font-family: Microsoft YaHei
|
}
|
|
.ticket .value {
|
display: flex;
|
color: #fd471f;
|
background: #fff;
|
padding: 0 .05rem;
|
border: 1px solid #ff8209;
|
border-left: none;
|
font-weight: 500;
|
border-radius: 0 .04rem .04rem 0
|
}
|
|
.free-share {
|
position: fixed;
|
left: 0;
|
right: 0;
|
margin: auto;
|
width: 7.5rem;
|
height: 1.24rem;
|
background: linear-gradient(180deg,hsla(0,0%,100%,0),#ff3f17 50%);
|
bottom: 0;
|
display: flex;
|
align-items: center;
|
justify-content: center
|
}
|
|
.free-share.active {
|
display: none
|
}
|
|
.free-share img {
|
width: 6.16rem;
|
height: .86rem;
|
display: block
|
}
|
|
.shut {
|
position: absolute;
|
right: .2rem;
|
top: .2rem;
|
width: .4rem;
|
height: .4rem;
|
background: url(http://img.bc.haodanku.com/haodanku/1596096751) no-repeat;
|
background-size: 100% 100%
|
}
|
|
@-webkit-keyframes vmspinLoad {
|
0% {
|
transform: rotate(0)
|
}
|
|
50% {
|
transform: rotate(180deg)
|
}
|
|
to {
|
transform: rotate(1turn)
|
}
|
}
|
|
@keyframes vmspinLoad {
|
0% {
|
transform: rotate(0)
|
}
|
|
50% {
|
transform: rotate(180deg)
|
}
|
|
to {
|
transform: rotate(1turn)
|
}
|
}
|
