// 颜色
@main: #037dff;
@primary: #3c99fc;
@lightBlue: #6db0f9;
@gray: #eee;
@333:#333;
@666:#666;
@999:#999;
@ccc:#ccc;
@aaa: #aaa;
@danger: #ff4949;

@success: #3eb617;
@warning: #ffa500;
@purple: #c13aff;
@radius: ~'2px';

@bg-color-base: #f5f7fa;
@link-hover: #3c99fc;
@color-text-secondary: #6db0f9;
@color-text-primary: #303133;
@color-text-regular: #606266;
@color-white: #fff;
@color-text-placeholder: #c0c4cc;
@border-color-base: #dcdfe6;
@md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) ;
//下拉动画
@keyframes dropDownIn {
  0% { opacity: 0; transform: scaleY(0) }
  to { opacity: 1; transform: scaleY(1) }
}

@keyframes dropDownOut {
  0% { opacity: 1; transform: scaleY(1) }
  to { opacity: 0; transform: scaleY(0) }
}

@keyframes fadeInDown {
  from { opacity: 0; transform: translate3d(0, -100%, 0); }
  to { opacity: 1; transform: none; }
}
@keyframes fadeOutUp {
 from { opacity: 1; }
 to { opacity: 0; transform: translate3d(0, -100%, 0); }
 // 0% {
 //  opacity: 1;
 //  margin-bottom: 16px;
 //  padding-top: 16px 24px;
 //  padding-bottom: 16px 24px;
 //  max-height: 150px;
 // }
 // 100% {
 //  opacity: 0;
 //  margin-bottom: 0;
 //  padding-top: 0;
 //  padding-bottom: 0;
 //  max-height: 0;
 // }
 }
 @keyframes fadeInLeft {
 from { opacity: 0; transform: translate3d(100%, 0, 0); }
 to { opacity: 1; transform: none; }
}
@keyframes fadeInRight {
 from { opacity: 0; transform: translate3d(-100%, 0, 0); }
 to { opacity: 1; transform: none; }
}
@keyframes fadeIn {
 from { opacity: 0; }
 to { opacity: 1; }
}
@keyframes fadeOut {
 from { opacity: 1; }
 to { opacity: 0; }
}
@keyframes fadeEaseIn {
 from { opacity: 0;transform: scale(1.1,1.1); }
 to { opacity: 1;transform: scale(1); }
}
@keyframes fadeEaseOut {
 from { opacity: 1;transform: scale(1); }
 to { opacity: 0;transform: scale(1.1); }
}
@-webkit-keyframes loadloop {
 0% {-webkit-transform: rotate(0);transform: rotate(0) }
 50% {-webkit-transform: rotate(180deg);transform: rotate(180deg) }
 to {-webkit-transform: rotate(1turn);transform: rotate(1turn) }
}

@keyframes loadloop {
 0% {-webkit-transform: rotate(0);transform: rotate(0) }
 50% {-webkit-transform: rotate(180deg);transform: rotate(180deg) }
 to {-webkit-transform: rotate(1turn);transform: rotate(1turn) }
}

.fadeease-enter-active { transform-origin: center center;animation: fadeEaseIn .2s cubic-bezier(.23, 1, .32, 1);animation-timing-function: linear;}
.fadeease-leave-active { transform-origin: center center;animation: fadeEaseOut .2s cubic-bezier(.23, 1, .32, 1);animation-timing-function: linear; }

.fade-enter-active { animation: fadeIn .4s cubic-bezier(.23, 1, .32, 1);animation-timing-function: linear;}
.fade-leave-active { animation: fadeOut .4s cubic-bezier(.23, 1, .32, 1);animation-timing-function: linear; }

.fadeleft-enter-active { animation: fadeInLeft .3s cubic-bezier(.23, 1, .32, 1);}
.fadeleft-leave-active { animation: fadeOutUp .3s cubic-bezier(.23, 1, .32, 1); }

.fadedown-enter-active { animation: fadeInDown .3s cubic-bezier(.23, 1, .32, 1);}
.fadedown-leave-active { animation: fadeOutUp .3s cubic-bezier(.23, 1, .32, 1); }

.dropdown-enter-active { transform-origin:0 0; animation: dropDownIn .3s cubic-bezier(.23, 1, .32, 1)}
.dropdown-leave-active {transform-origin:0 0; animation: dropDownOut .3s cubic-bezier(.23, 1, .32, 1)}

.dropdownBottom-enter-active { transform-origin:0 100%; animation: dropDownIn .3s cubic-bezier(.23, 1, .32, 1)}
.dropdownBottom-leave-active { transform-origin: 0 0; animation: dropDownOut .3s cubic-bezier(.755, .05, .855, .06)}
a:hover{color: @link-hover}

::-webkit-input-placeholder{
    color: @999;
}
:-moz-placeholder{
    color: @999;
}
::-moz-placeholder{
    color: @999;
}
:-ms-input-placeholder{
    color: @999;
}
/* font */