@charset "utf-8";
/* 错误提示 */
#error-tip { left:0; top:35%; width:100%; text-align:center; position:fixed; display:none; z-index:9999;}
#error-tip .box { padding:0 15px; display:inline-block; height:60px; line-height:60px; border-radius:4px; background:rgba(0,0,0,0.6);
margin: 0 auto;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);}
#error-tip .box .txt { color:#f5f5f5; font-size:16px;}
/* 确认提示 */
#alert-tip { left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; display:none; z-index:9999;}
#alert-tip .box { width:580px; padding:50px 0; background:#fff; margin:15% auto 0; text-align:center;}
#alert-tip .box .txt { color:#333; padding:0 30px 50px; line-height:48px; font-size:20px;}
#alert-tip .box .btn { cursor:pointer; color: #fff; background: #c50031;border-radius: 8px;margin: 0 auto;display: block;
width: 420px;height: 50px;line-height: 50px;font-size: 20px;}
/* 选择提示 */
#confirm-tip { left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; display:none; z-index:9999;}
#confirm-tip .box { width:460px; padding:30px; background:#fff; margin:15% auto 0; text-align:center;}
#confirm-tip .box .close { cursor:pointer; background:url(/base/images/closebg.png) no-repeat;width:27px;height:27px;}
#confirm-tip .box .txt { color:#333; padding:20px 0 60px; font-size:20px;}
#confirm-tip .box .btn-ok {width:218px;height:48px; line-height:48px;border:solid 1px #b91932;border-radius:4px; font-size:16px;color:#fff; background-color:#b91932;}
#confirm-tip .box .btn-cancel {width:218px;height:48px; line-height:48px;border:solid 1px #b91932;border-radius:4px; font-size:16px;color:#b91932; background-color:#fff;}
/* css3 animation */
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration:0.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-delay: 0s;
}

.loading { position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;}
.loading .box {border-radius:20px; padding-top:45px;width:180px;height:135px;margin-top:200px; background:rgba(0,0,0,0.6);}
.loading p {text-align:center;font-size:18px;color:#fff; padding-top:20px;}
.sk-circle {
  margin: 0 auto;
  width: 50px;
  height: 50px;
  position: relative;
  }
  .sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
	display:block;
    left: 0;
    top: 0; }
  .sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background:rgba(255,255,255,0.7);
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
            animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; }
  .sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
            transform: rotate(30deg); }
  .sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
            transform: rotate(60deg); }
  .sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  .sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
            transform: rotate(120deg); }
  .sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
            transform: rotate(150deg); }
  .sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
            transform: rotate(210deg); }
  .sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
            transform: rotate(240deg); }
  .sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg); }
  .sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
            transform: rotate(300deg); }
  .sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
            transform: rotate(330deg); }
  .sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s; }
  .sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
            animation-delay: -1s; }
  .sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s; }
  .sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s; }
  .sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
            animation-delay: -0.7s; }
  .sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
            animation-delay: -0.6s; }
  .sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s; }
  .sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s; }
  .sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
            animation-delay: -0.3s; }
  .sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s; }
  .sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
            animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
			
			
@media (max-width: 767px) {
/* 确认提示 */
#alert-tip .box { width:80%; padding:30px 0;margin:25% auto 0;}
#alert-tip .box .txt { padding:0 20px 20px; line-height:30px; font-size:14px;}
#alert-tip .box .btn {width: 40%;height: 36px;line-height: 36px;font-size: 16px;}

#confirm-tip .box { width:90%; padding:20px 0;margin:25% auto 0;}
#confirm-tip .box .close {width:23px;height:23px; background-size:23px 23px;margin-right:20px;}
#confirm-tip .box .txt {  font-size:16px;}
#confirm-tip .box .btn-ok {font-size:16px; float:none;width:40%; display:inline-block;margin-right:10px;}
#confirm-tip .box .btn-cancel {font-size:16px; float:none;width:40%;display:inline-block;margin-left:10px;}	
}