* {margin: 0;padding: 0;border: 0;list-style: none;outline: none;box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.nodata{width: 90%;font-size: 15px;color:inherit;text-align: center;margin: 50% auto;}
.nomoredata{width: 90%;color:inherit;text-align: center;margin: 10px auto;background: inherit;}
/*alert/comfirm*/
.confirm-div,.alert-div{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 99;} 
.confirm-div .confirm-box,.alert-div .alert-box{position: absolute;top: 40%;left: 10%;width:80%;height: auto;
border-radius:5px;color: #888;font-size:13px;background: #fff;} 
.confirm-title,.alert-title{color: #333;font-size: 15px;text-align: center;margin: 10px 0 12px 0;width: 100%;  font-weight: bold;  font-family: "微软雅黑";}
.confirm-content,.alert-content{margin: 12px auto ;text-align: center;width: 94%; padding: 0 3%; font-size: 13px;}    
.alert-box button{width: 100%;border: 0;border-top: 1px solid #ddd;text-align: center; color: #0BB20C;font-size: 14px;padding: 12px 0; background: #fff; border-radius: 0 0 5px 5px;}
.confirm-box .weui_dialog_ft{width: 100%;margin-top:5px;border-top: 1px solid #ddd;clear: both;overflow: hidden;} 
.confirm-box .weui_dialog_ft button{width: 48.5%;border: 0;text-align: center; 
color: #0BB20C;padding: 12px 0;background: #fff;    border-radius: 0 0 5px 0;font-size: 14px;}      
.confirm-box .weui_dialog_ft button:first-child{ color: #333;border-right: 1px solid #ddd; border-radius: 0 0 0 5px;}   

.spinner{top:50%;left:50%;transform:translate(-50%,-50%);width: 40px;height: 40px;position: relative;}
.container1 > div, .container2 > div, .container3 > div{width: 12px;height: 12px;background-color: #0D5BB7;border-radius: 100%;position: absolute;-webkit-animation: bouncedelay 1.2s infinite ease-in-out;animation: bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.spinner .spinner-container{position: absolute;width: 100%;height: 100%;}
.container2{-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.container3{-webkit-transform: rotateZ(90deg);transform: rotateZ(90deg);}
.circle1{top: 0;left: 0;}
.circle2{top: 0;right: 0;}
.circle3{right: 0;bottom: 0;}
.circle4{left: 0;bottom: 0;}
.container2 .circle1{-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.container3 .circle1{-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.container1 .circle2{-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.container2 .circle2{-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
.container3 .circle2{-webkit-animation-delay: -0.7s;animation-delay: -0.7s;}
.container1 .circle3{-webkit-animation-delay: -0.6s;animation-delay: -0.6s;}
.container2 .circle3{-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}
.container3 .circle3{-webkit-animation-delay: -0.4s;animation-delay: -0.4s;}
.container1 .circle4{-webkit-animation-delay: -0.3s;animation-delay: -0.3s;}
.container2 .circle4{-webkit-animation-delay: -0.2s;animation-delay: -0.2s;}
.container3 .circle4{-webkit-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)}}@keyframes bouncedelay{0%, 80%, 100%{transform: scale(0.0);-webkit-transform: scale(0.0);}
40%{transform: scale(1.0);-webkit-transform: scale(1.0);}}
