/***********************
模块名：loading
作者：rexren（任寒韬）
************************/

.tui-loading{width: 100%;padding:16px 0;}
.tui-loading .txt-loading{text-align:center;color:#858585;font-size:14px;}
.tui-loading .tui-loading-inner{width:100px;margin:0 auto;}
/*基础loading*/
.icon-loading{width:66px;height:36px; margin: 0 auto;}
.icon-loading:before,.icon-loading:after{width:33px;height:33px;display: inline-block;content: ""; animation:ani-loadingA 3s linear  infinite;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAMAAABgOjJdAAAAS1BMVEUAAABzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXT+y0gYAAAAGXRSTlMAsweVphVWoG+HgUSMUZt1ZjsOR18mJCEaoIOkrAAAAUhJREFUOMuFU9m2gyAMZKvIUioutf//pTcZuHKsWvPiMAk4YYLYQk0+qQKzD0D7eBop5Qw4EjTdoUZLjg/DHjDv0httrUlRIsbviiD3ocVdRX8QWngTvTMFPluXmf7YgRwWMOuAVVfySGrIdI9t18MxEUKv6SRlZImXQu6NOvWqrFGbQqeI7xJ33DF0lZ+Er+hB+3XFmhcVe5FNEUnbdLsMOmUoMJELkLnWfvRL1z4WFMxQF0kQfSwypdLS19AHPiEVy491NRGyIgoRhvWIN3eMNXf6FtyDacZfnJEE4mMvdUTc3gzNy6GXFQ6TZ0n+vA+Tb+/UiWnnC2tJGOLmS/NWXHgrnroP4XQ+ek2S90M4rFgsw/8Yjlkd5tT52Ob07L20COI79F3FWPiYjLXn7yU3+nP+5lTHD34EnllyE9pqgs8VJT+1Lv8A9nAK95djMvUAAAAASUVORK5CYII=)}
.icon-loading:before{opacity: 0.7; transform: rotate(20deg);-ms-transform: rotate(20deg);animation:ani-loadingB 3s linear  infinite;}
/*整页loading*/
.tui-loading--full{min-height: 350px; height:100%;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 100;}
.tui-loading--full .tui-loading-inner{width:160px;height:100px;position:absolute;left:50%;top:50%;margin:-80px 0 0 -80px;
  }
.tui-loading--full .icon-loading{width:170px;height:100px; position: relative; display: block; overflow: hidden; border-bottom: 1px solid #ccc;}

.tui-loading--full .icon-loading:before,.tui-loading--full .icon-loading:after{ position:absolute; left:10px;bottom:-20px;width:80px;height:80px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAeFBMVEUAAABzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXRzcXS0HpNZAAAAJ3RSTlMAFfYGYyMP4NrvxfvNm7Y0fMlnOnny6BygKb2RUq2Vh25OpEArLFWiCZYcAAADMElEQVRYw81Z6XarIBBGRTTuuCXGaLamvP8b3ttWEZAhTcPJyfyT5WOGYVbRfSr24SZmLN6E+wJZIC9mnGLPAuAHE+jDAuBBBDxYACxEwNoC4EUEvFgATETAxAJgIwI2D7+RlN7kkS2TaCvP3mhqfEkOZcwthYHutJcB96dOmC5dxqgD4/nB96bBmeBPCdNQcprnh+/vwIfwunbaElRfsvYuA8jtvySvgumz7QD+2sXECnKMmYHiIymWBa2WRyeUmNDBgAtCR6Nfyp4gutZ1yp6idAUYmTdsGvN8tFYxdGtBinPn+5JznAbQjWoUjbWM9bm8Ku83unUYaWhYw9VkvYzUa8gB6Yio8uwcwEB36q0Q/cIqltg7I5DOEpNx9RvnHPrIQL5oBXAsJIumEwcZyUkWDRNw1VFvS345ZpRmY+nrLfUI4W05g5tlq4cTwXNhbzlmw1ncAoC9JlqeA0WhZ0187YFr4QzuOHsaC198/o6zqL/wExd4nieR1mzJzAEXujTHy3rmLwIcwcxjzUe0T4szSGSPBvsqwln0TRL3sz4YSGeuRljmLY+X+SRwAAMGk9D5PJAJL8e7fRaXxF0Wa9xZhq9XnGnc1XKom1yKz9v/g4oYuKBkMZt84idc5Tiq34kLtAd8pS+a4drcfMAr71GoDk2+qOQDueCv1WMrdXeIWnVo4mfk94cE4vc4Tjyru1u0ik18qy5clOoxq2i1GmnUsHoVAa+qbayi65OAawHvi1w+JrJ1pYDPBv/x2dh/2DU3PcVd08W6Z9NbLJdCplcj5HWH+kIbk3OIB1xVeIhNzqGhl/rQefbcl20Haz0E2A5SrwmjpPlroG/IK1IROFmiCxwFkqVH0zk8ZlGUjRhK516QcNpMieGk/QDjHdSk3X5Z8YrCp9SWZqNamo0yHGwqH2DxuMPVT/FY4R1cPD5a3rqueT6yXoBbbhFEnvUmxv02i2uEA9sscCPIOTYQXHN0lEaQ2UIHMj1hqFU1zw93rd6JGHOxVIhmMlomlaTYZSxyzO2+qHuk3ddFqWehIWmxZUrfsalbi4D1OzbG5db9O/5c+Pr90bqMue2vfn/8AxwJtpN1M1C3AAAAAElFTkSuQmCC) }
.tui-loading--full .icon-loading:after{left:auto;right:10px;bottom:-45px;}
.tui-loading--full .txt-loading{margin-top:20px;}
/*局部loading*/
.tui-loading--mod{min-height: 80px;}
.tui-loading--mod .txt-loading{display: none;}

/*局部loading popbox内使用*/
.tui-loading--popbox{height:100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 100;min-height: 80px;}
.tui-loading--popbox .txt-loading{display: none;}
.tui-loading--popbox .tui-loading-inner{position: absolute;top: 50%;left: 50%;margin: -18px 0 0 -50px;}


/*迷你loading*/
.tui-loading--mini .icon-loading{transform: scale(.5);-webkit-transform: scale(.5);-ms-transform: scale(.5)}
/*加载更多loading*/
.tui-loading--h{padding:5px 0 0;}
.tui-loading--h .txt-loading{display:inline-block;vertical-align:10px;margin-left:5px;}
.tui-loading--h .tui-loading-inner{width:180px;}
.tui-loading--h  .tui-loading-inner .icon-loading{display: inline-block; }
/*蒙层*/
.tui-loading--mask{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,.75);z-index:99;}
.tui-loading--mask .icon-loading{transform: scale(.5);-webkit-transform: scale(.5);-ms-transform: scale(.5)}
.tui-loading--mask .tui-loading-inner{ top:50%;left:50%;position: absolute; margin:-19px 0 0 -50px;}

/*横向排列*/

@keyframes ani-loadingA{
  from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)

  }

  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }

}

@keyframes ani-loadingB{
  from {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg)

  }

  to {
    -webkit-transform: rotate(-340deg);
    -ms-transform: rotate(-340deg);
    transform: rotate(-340deg);
  }

}