::-webkit-scrollbar {  
    width: 5px;  
    height: 5px;  
    background-color: #F5F5F5;  
}  
  /*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track {  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
    background: #fff ;  
}  
  /*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb {  
    border-radius: 3px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color:rgba(204, 204, 204, 0.7);  
}  
::-webkit-scrollbar-thumb:hover {  
    border-radius: 3px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color:rgba(204, 204, 204, 1);  
}
*,p,ul,label,h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
    list-style: none;
}
input:focus{
    outline: none;
}
body{
    font-family: "Microsoft YaHei";
    background-color: transparent;
}
/* 弹性布局类 */
.flex-container{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.flex-container-center-j{
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.flex-container-around-j{
    -webkit-box-pack: space-around;
    -moz-box-pack: space-around;
    -ms-flex-pack: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.flex-container-between-j{
    -webkit-box-pack: space-between;
    -moz-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.flex-container-center-a{
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.flex-container-around-a{
    -webkit-box-pack: space-around;
    -moz-box-pack: space-around;
    -ms-flex-pack: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.flex-container-between-a{
    -webkit-box-pack: space-between;
    -moz-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

/* 按钮圆角类 */
.border-radius-5{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
}
.border-radius-half{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
}
/* 显示隐藏 */
.show{
    display: block !important;
}
.hide{
    display: none !important;
}
[v-cloak] {
  display: none;
}
/* 警告框 */
.alert{
    position: fixed;
    top: 2rem;
    left: 50%;
    z-index: 999999;
    text-align: center;
    animation: zoomIn 1s;
    -webkit-animation: zoom 1s;
    -ms-animation: zoom 1s;
    -moz-animation: zoom 1s;
}
/* 弹框选择 */
.modalBg{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    background-color: rgba(0,0,0,0.4);
}
.modalBg .modalConfirm{
    position: absolute;
    width: 270px;
    left: 50%;
    top: 50%;
    margin-left: -135px;
    margin-top: -50px;
    text-align: center;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -ms-border-radius: 7px;
    -moz-border-radius: 7px;
    color: #3d4145;
}
.modalBg .modalConfirm .modal-inner{
    padding: 15px;
    border-radius: 7px 7px 0 0;
    position: relative;
    background: #e8e8e8;
}
.modalBg .modalConfirm .modal-inner:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #b5b5b5;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.modalBg .modalConfirm .modal-inner .modal-title{
    font-weight: 500;
    font-size: 18px;
    text-align: center;
}
.modalBg .modalConfirm .modal-buttons{
    height: 44px;
    overflow: hidden;
}
.modalBg .modalConfirm .modal-buttons .modal-button{
    width: 100%;
    padding: 0 5px;
    height: 44px;
    font-size: 17px;
    line-height: 44px;
    text-align: center;
    color: #0894ec;
    background: #e8e8e8;
    display: block;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}
.modalBg .modalConfirm .modal-buttons .modal-button:active{
    background-color: #d4d4d4;
}
.modalBg .modalConfirm .modal-buttons .modal-button:last-child:after{
    content: '';
    position: absolute;
    right: auto;
    top: 0;
    left: 0;
    bottom: auto;
    width: 1px;
    height: 100%;
    background-color: #b5b5b5;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}
.modalBg .modalConfirm .modal-buttons .modal-button:first-child{
    border-radius: 0 0 0 7px;
    -webkit-border-radius: 0 0 0 7px;
    -ms-border-radius: 0 0 0 7px;
    -moz-border-radius: 0 0 0 7px;
}
.modalBg .modalConfirm .modal-buttons .modal-button:last-child {
    border-radius: 0 0 7px 0;
    -webkit-border-radius: 0 0 7px 0;
    -ms-border-radius: 0 0 7px 0;
    -moz-border-radius: 0 0 7px 0;
}
/* 加载样式1 */
.spinnerLoadBox{width: 100%; height: 100%; position: fixed; z-index: 999999; left: 0; top: 0; background-color: rgba(0,0,0,0); }
.spinnerLoadBox .spinnerBox{width: 100px;height: 100px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 9;background-color: rgba(0,0,0,.5);}
.spinnerLoadBox .spinnerBox .spinner {margin: auto; width: 40px; height: 40px; position: relative; top: 50%; margin-top: -20px; }
.spinnerLoadBox .spinnerBox .spinner > .spinner-container > div {width: 6px; height: 6px; background-color: #fff; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; -ms-animation: bouncedelay 1.2s infinite ease-in-out; -moz-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; -ms-animation-fill-mode: both; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.spinnerLoadBox .spinnerBox .spinner .spinner-container {position: absolute; width: 100%; height: 100%; }
.spinnerLoadBox .spinnerBox .spinner  .container2 {-webkit-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.spinnerLoadBox .spinnerBox .spinner .container3 {-webkit-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); transform: rotateZ(90deg); }
.spinnerLoadBox .spinnerBox .spinner .spinner-container .circle1 { top: 0; left: 0; }
.spinnerLoadBox .spinnerBox .spinner .spinner-container .circle2 { top: 0; right: 0; }
.spinnerLoadBox .spinnerBox .spinner .spinner-container .circle3 { right: 0; bottom: 0; }
.spinnerLoadBox .spinnerBox .spinner .spinner-container .circle4 { left: 0; bottom: 0; }
.spinnerLoadBox .spinnerBox .spinner .container2 .circle1 {-webkit-animation-delay: -1.1s; -ms-animation-delay: -1.1s; -moz-animation-delay: -1.1s; animation-delay: -1.1s; }
.spinnerLoadBox .spinnerBox .spinner .container3 .circle1 {-webkit-animation-delay: -1.0s; -ms-animation-delay: -1.0s; -moz-animation-delay: -1.0s; animation-delay: -1.0s; }
.spinnerLoadBox .spinnerBox .spinner .container1 .circle2 {-webkit-animation-delay: -0.9s; -ms-animation-delay: -0.9s; -moz-animation-delay: -0.9s; animation-delay: -0.9s; }
.spinnerLoadBox .spinnerBox .spinner .container2 .circle2 {-webkit-animation-delay: -0.8s; -ms-animation-delay: -0.8s; -moz-animation-delay: -0.8s; animation-delay: -0.8s; }
.spinnerLoadBox .spinnerBox .spinner .container3 .circle2 {-webkit-animation-delay: -0.7s; -ms-animation-delay: -0.7s; -moz-animation-delay: -0.7s; animation-delay: -0.7s; }
.spinnerLoadBox .spinnerBox .spinner .container1 .circle3 {-webkit-animation-delay: -0.6s; -ms-animation-delay: -0.6s; -moz-animation-delay: -0.6s; animation-delay: -0.6s; }
.spinnerLoadBox .spinnerBox .spinner .container2 .circle3 {-webkit-animation-delay: -0.5s; -ms-animation-delay: -0.5s; -moz-animation-delay: -0.5s; animation-delay: -0.5s; }
.spinnerLoadBox .spinnerBox .spinner .container3 .circle3 {-webkit-animation-delay: -0.4s; -ms-animation-delay: -0.4s; -moz-animation-delay: -0.4s; animation-delay: -0.4s; }
.spinnerLoadBox .spinnerBox .spinner .container1 .circle4 {-webkit-animation-delay: -0.3s; -ms- animation-delay: -0.3s; -moz- animation-delay: -0.3s; animation-delay: -0.3s; }
.spinnerLoadBox .spinnerBox .spinner .container2 .circle4 {-webkit-animation-delay: -0.2s; -ms- animation-delay: -0.2s; -moz- animation-delay: -0.2s; animation-delay: -0.2s; }
.spinnerLoadBox .spinnerBox .spinner .container3 .circle4 {-webkit-animation-delay: -0.1s; -ms-animation-delay: -0.1s; -moz-animation-delay: -0.1s; animation-delay: -0.1s; }
@-webkit-keyframes bouncedelay {0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } }
@-ms-keyframes bouncedelay {0%, 80%, 100% { -ms-transform: scale(0.0) } 40% { -ms-transform: scale(1.0) } }
@-moz-keyframes bouncedelay {0%, 80%, 100% { -moz-transform: scale(0.0) } 40% { -moz-transform: scale(1.0) } }
@keyframes bouncedelay {0%, 80%, 100% {transform: scale(0.0); -webkit-transform: scale(0.0); -ms-transform: scale(0.0); -moz-transform: scale(0.0); } 40% {transform: scale(1.0); -webkit-transform: scale(1.0); -ms-transform: scale(1.0); -moz-transform: scale(1.0); } }
/* 加载样式2 */
.spinnerBox1{width: 90px; height: 90px; position: fixed; z-index: 999999; left: 50%; top: 50%;margin-left: -50px;margin-top: -50px; background-color: rgba(0,0,0,.5)}
.spinnerBox1 .spinner {margin: auto; width: 100%; text-align: center; position: relative; top: 50%; margin-top: -7px; font-size: 0; }
.spinnerBox1 .spinner > div {width: 14px; height: 14px; background-color: #fff; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; -moz-animation: bouncedelay 1.4s infinite ease-in-out; -ms-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.spinnerBox1 .spinner .bounce1 {-webkit-animation-delay: -0.32s; -ms-animation-delay: -0.32s; -moz-animation-delay: -0.32s; animation-delay: -0.32s; }
.spinnerBox1 .spinner .bounce2 {margin: 0 5px; -webkit-animation-delay: -0.16s; -ms-animation-delay: -0.16s; -moz-animation-delay: -0.16s; animation-delay: -0.16s; }
@-webkit-keyframes bouncedelay {0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } }
@-ms-keyframes bouncedelay{0%, 80%, 100% { -ms-transform: scale(0.0) } 40% { -ms-transform: scale(1.0) } }
@-moz-keyframes bouncedelay{0%, 80%, 100% { -moz-transform: scale(0.0) } 40% { -moz-transform: scale(1.0) } }
@keyframes bouncedelay {0%, 80%, 100% {transform: scale(0.0); -webkit-transform: scale(0.0); } 40% {transform: scale(1.0); -webkit-transform: scale(1.0); } }
/* 加载样式3 */
.spinnerBox{width: 100%; height: 100%; position: fixed; z-index: 999999; left: 0; top: 0; background-color: rgba(0,0,0,.5); }
.spinnerBox .spinner {margin: auto; width: 40px; height: 40px; position: relative; top: 50%; margin-top: -20px; }
.spinnerBox .spinner > .spinner-container > div {width: 6px; height: 6px; background-color: #fff; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; -ms-animation: bouncedelay 1.2s infinite ease-in-out; -moz-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; -ms-animation-fill-mode: both; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.spinnerBox .spinner .spinner-container {position: absolute; width: 100%; height: 100%; }
.spinnerBox .spinner  .container2 {-webkit-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.spinnerBox .spinner .container3 {-webkit-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); transform: rotateZ(90deg); }
.spinnerBox .spinner .spinner-container .circle1 { top: 0; left: 0; }
.spinnerBox .spinner .spinner-container .circle2 { top: 0; right: 0; }
.spinnerBox .spinner .spinner-container .circle3 { right: 0; bottom: 0; }
.spinnerBox .spinner .spinner-container .circle4 { left: 0; bottom: 0; }
.spinnerBox .spinner .container2 .circle1 {-webkit-animation-delay: -1.1s; -ms-animation-delay: -1.1s; -moz-animation-delay: -1.1s; animation-delay: -1.1s; }
.spinnerBox .spinner .container3 .circle1 {-webkit-animation-delay: -1.0s; -ms-animation-delay: -1.0s; -moz-animation-delay: -1.0s; animation-delay: -1.0s; }
.spinnerBox .spinner .container1 .circle2 {-webkit-animation-delay: -0.9s; -ms-animation-delay: -0.9s; -moz-animation-delay: -0.9s; animation-delay: -0.9s; }
.spinnerBox .spinner .container2 .circle2 {-webkit-animation-delay: -0.8s; -ms-animation-delay: -0.8s; -moz-animation-delay: -0.8s; animation-delay: -0.8s; }
.spinnerBox .spinner .container3 .circle2 {-webkit-animation-delay: -0.7s; -ms-animation-delay: -0.7s; -moz-animation-delay: -0.7s; animation-delay: -0.7s; }
.spinnerBox .spinner .container1 .circle3 {-webkit-animation-delay: -0.6s; -ms-animation-delay: -0.6s; -moz-animation-delay: -0.6s; animation-delay: -0.6s; }
.spinnerBox .spinner .container2 .circle3 {-webkit-animation-delay: -0.5s; -ms-animation-delay: -0.5s; -moz-animation-delay: -0.5s; animation-delay: -0.5s; }
.spinnerBox .spinner .container3 .circle3 {-webkit-animation-delay: -0.4s; -ms-animation-delay: -0.4s; -moz-animation-delay: -0.4s; animation-delay: -0.4s; }
.spinnerBox .spinner .container1 .circle4 {-webkit-animation-delay: -0.3s; -ms- animation-delay: -0.3s; -moz- animation-delay: -0.3s; animation-delay: -0.3s; }
.spinnerBox .spinner .container2 .circle4 {-webkit-animation-delay: -0.2s; -ms- animation-delay: -0.2s; -moz- animation-delay: -0.2s; animation-delay: -0.2s; }
.spinnerBox .spinner .container3 .circle4 {-webkit-animation-delay: -0.1s; -ms-animation-delay: -0.1s; -moz-animation-delay: -0.1s; animation-delay: -0.1s; }
.spinnerBox .loadingText{text-align: center;color: #fff;font-size: 16px;margin-top: 15px;position: relative;top: 50%;letter-spacing: 2px;}
@-webkit-keyframes bouncedelay {0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } }
@-ms-keyframes bouncedelay {0%, 80%, 100% { -ms-transform: scale(0.0) } 40% { -ms-transform: scale(1.0) } }
@-moz-keyframes bouncedelay {0%, 80%, 100% { -moz-transform: scale(0.0) } 40% { -moz-transform: scale(1.0) } }
@keyframes bouncedelay {0%, 80%, 100% {transform: scale(0.0); -webkit-transform: scale(0.0); -ms-transform: scale(0.0); -moz-transform: scale(0.0); } 40% {transform: scale(1.0); -webkit-transform: scale(1.0); -ms-transform: scale(1.0); -moz-transform: scale(1.0); } }
/*  分页 */
.paginationBox{
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    position: fixed;
    bottom:  0px;
    left: 0;
    z-index: 9;
    background-color: #fff;
    width: 100%;
    padding: 15px 0;
}

.paginationBox>div{
    display: inline-block;
    margin: 0 5px;
}
.paginationBox .prevBox,.paginationBox .nextBox,.paginationBox .currentPage{
    width: 36px;
    height: 30px;
    line-height: 30px;
    color: #818a91;
    border: solid 1px #ddd;
    text-align: center;
    font-size: 14px;
}
.paginationBox .prevBox,.paginationBox .nextBox,.paginationBox .linkPageBox{
    cursor: pointer;
}
.paginationBox .prevBox:active,.paginationBox .nextBox:active,.paginationBox .linkPageBox:active{
    background-color: #ddd;
}
.paginationBox .currentPage{
    color: #fff;
    background-color: #999;
}
.paginationBox .totalPage{
    color: #959595;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}
.paginationBox .inputPageBox{
    letter-spacing: 2px;
}
.paginationBox .inputPageBox input{
    width: 60px;
    border: solid 1px #ddd;
    height: 28px;
    text-align: center;
    margin: 0 5px;
}
.paginationBox .linkPageBox{
    width: 70px;
    text-align: center;
    border: solid 1px #ddd;
    height: 28px;
    line-height: 28px;
    color: #3e3e3e;
}
/* 过渡 */
.list-enter-active{
  transition: all .5s;
}
.list-enter
/* .list-leave-active for below version 2.1.8 */ {
  opacity: 0;
}
@-webkit-keyframes zoom {from {transform: scale(0)} to {transform: scale(1)} }
@-moz-keyframes zoom {from {transform: scale(0)} to {transform: scale(1)} }
@-ms-keyframes zoom {from {transform: scale(0)} to {transform: scale(1)} }
@keyframes zoom {from {transform: scale(0)} to {transform: scale(1)} }