body{
    color:#19BCA8;
    background-color: #e9eced;
}
a:hover{text-decoration: none;}
.btn-primary, .btn-primary:hover,.btn-outline-primary:hover, .btn-outline-primary:active{
    background-color:#19BCA8 !important;
    border-color: #19BCA8 !important;
}
.btn-primary:active{
	background-color:#09a48b !important;
	border-color: #19BCA8 !important;
}

 
.account-container .btn-primary{
    border-radius: 1rem;
    background: radial-gradient(ellipse at top, #31d2bf, #19BCA8);
    box-shadow: 0 .125em .25em rgba(33, 37, 41, 0.75),inset 0 .1em .1em 0 #ffffff;
}
.account-container input{
    border-radius:1rem;
    background-color: #ecedef;
    box-shadow: 0 .125em .25em rgba(33, 37, 41, 0.75),inset 0 .1em .1em 0 #ffffff;
}
.account-container input::placeholder{
  color:#c6c8ca;
  font-weight: 100;
}
.account-container .input-group-text{
    border-radius:1rem ;
    box-shadow: 0 .125em .25em rgba(33, 37, 41, 0.75),inset 0 .1em .1em 0 #ffffff;
}

.btn-circle{
    display: inline-block;
    width: 3em;
    height: 3em;
    border-radius:1.5em ;
    background: radial-gradient(ellipse at top, #31d2bf, #19BCA8);
    box-shadow: 0 .125em .25em rgba(33, 37, 41, 0.75),inset 0 .1em .1em 0 #ffffff;
}

.btn-outline-primary{
    border-color: #19BCA8;
	color:#19BCA8;
}
.text-site{color:#19BCA8;}

.view{
    padding-top:62px;
}
main{
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.125rem;
    padding-bottom: 3rem;
    background:#fff;
}
.fixed-bottom .router-link-active{
    font-weight: bold;
}
 
 
/*大于 768 的大屏幕 */
@media (min-width: 768px) {
  
}
/* 小于 768 的小屏幕 */
@media (max-width: 767.98px) {
 
} 

.nav-underlines .nav-link{
    border-bottom: solid 2px transparent;
}
.nav-underlines .nav-link.active{
    color:#6c757d;
    border-bottom-color:#007bff;
}

/*评分星星 */
.rate-stars {display: inline-block;color:#ffb800}
.rate-stars .fi{cursor: pointer;}



 

@font-face {font-family: font-icon;src: url(../lib/iconfont/iconfont.woff2);}
.fi {font-family: font-icon;font-style: normal;}
@keyframes fi-rotate {from {transform: rotate(0);}to {transform: rotate(360deg);}}
.fi-anim {animation-duration: .3s;animation-fill-mode: both;}
.fi-anim.fi {display: inline-block;}
.fi-anim-rotate {animation: fi-rotate 1s linear;}
.fi-anim-loop {animation-iteration-count: infinite;}

.modal-body .fi{
    font-size:2em;
}
 
/*
* The following styles are auto-applied to elements with
* transition="modal" when their visibility is toggled
* by Vue.js.
*
* You can easily play with the modal transition by editing
* these styles.
*/
/* vue modal */
.modal-enter-active,.modal-leave-active {transition: opacity 0.15s linear;}
.modal-enter-from,.modal-leave-to {opacity: 0;}
.modal-enter-active .modal-dialog{top: -50px; transition: transform 0.3s ease-out; transform: translate(0, 50px); }
.modal-enter-from .modal-dialog{transform: none;}
.modal-leave-active .modal-dialog {transform: none;}
.modal-leave-to .modal-dialog { transition: transform 0.5s ease-out; transform: translate(0, -50px); }
.modal-backdrop-enter-active, .modal-backdrop-leave-active { transition: opacity 0.15s linear; }
.modal-backdrop-enter-from,.modal-backdrop-leave-to {opacity: 0;}
 

/* Make clicks pass-through */
#nprogress { pointer-events: none; }
#nprogress .bar {background: #29d; position: fixed; z-index: 1031; top: 0; left: 0;width: 100%;height: 2px;}
/* Fancy blur effect */
#nprogress .peg {
    display: block;position: absolute;right: 0px;width: 100px;height: 100%;box-shadow: 0 0 10px #29d, 0 0 5px #29d;opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);-ms-transform: rotate(3deg) translate(0px, -4px);transform: rotate(3deg) translate(0px, -4px);
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {display: block;position: fixed;z-index: 1031;top: 15px;right: 15px;}
#nprogress .spinner-icon {width: 18px;height: 18px;box-sizing: border-box;
border: solid 2px transparent;border-top-color: #29d;border-left-color: #29d;border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {overflow: hidden;position: relative;}
.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar {position: absolute;}
@-webkit-keyframes nprogress-spinner {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}