@charset "utf-8";
/* CSS Document */
@-webkit-keyframes bounceIn2{
  0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0);}
  25%{-webkit-transform:scale3d(.45,.45,.45);transform:scale3d(.45,.45,.45);}
  50%{-webkit-transform:scale3d(.85,.85,.85);transform:scale3d(.85,.85,.85);}
  100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
@keyframes bounceIn2{
  0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0);}
  25%{-webkit-transform:scale3d(.45,.45,.45);transform:scale3d(.45,.45,.45);}
  50%{-webkit-transform:scale3d(.85,.85,.85);transform:scale3d(.85,.85,.85);}
  100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
@-webkit-keyframes bounceOut{
  0%{-webkit-transform:scale3d(1,1,1) translateY(-50%)}
  25%{-webkit-transform:scale3d(.95.95,.95,.95) translateY(-50%)}
  50%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1) translateY(-50%)}
  100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3) translateY(-50%)}
}
@keyframes{
  0%{-webkit-transform:scale3d(1,1,1) translateY(-50%)}
  25%{-webkit-transform:scale3d(.95.95,.95,.95) translateY(-50%)}
  50%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1) translateY(-50%)}
  100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3) translateY(-50%)}	
}
@-webkit-keyframes fadeInDown{
  0%{-webkit-transform:translate3d(0,-40px,0)}
  100%{-webkit-transform:translate3d(0,0,0)}
}
@-webkit-keyframes fadeUpOut{
  0%{-webkit-transform:translate3d(0,0,0)}
  100%{-webkit-transform:translate3d(0,-40px,0)}
}
@-webkit-keyframes fadeBottomIn{
  0%{-webkit-transform:translate3d(0,40px,0);}
  100%{-webkit-transform:translate3d(0,0,0);}
}
@-webkit-keyframes fadeBottomOut{
  0%{-webkit-transform:translate3d(0,0,0);}
  100%{-webkit-transform:translate3d(0,40px,0);}
}
@-webkit-keyframes slideInUp{
  0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible;opacity: 0}
  100%{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity: 1}
}
@keyframes slideInUp{
  0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);visibility:visible;opacity: 1}
  100%{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity: 1}
}
.over_load{width:100%;height:100%;top:0;margin:0;padding:0; background-color:#000; opacity:0.7; position:fixed;z-index:9;}
.center{position: fixed;width: 80%;height: auto;margin: auto;left: 10%;top:30%;-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.6);border-radius: 10px;background-color: #fff;z-index:999999;}
/*.center.popup_in{animation:slideInUp ease-out .3s .1s both;-webkit-animation:slideInUp ease-out .3s .1s both;}*/
/*.center.popup_out{-webkit-animation:bounceOut ease .3s 0s both;}*/
.popup_top{position: absolute;top:0;left:0;display: block;width: 100%;height: auto;padding: 10px 0 10px 0; text-align:center;background: #fff;z-index:99991;-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.6);}
.popup_top.popup_in{-webkit-animation:fadeInDown .7s .2s ease both;}
.popup_top.popup_out{-webkit-animation:fadeUpOut .7s .2s ease both;}
.popup_bottom{position: absolute;bottom: 0;display: block;width: 100%;height: auto;text-align:center;background: #fff;-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.6);z-index:99991;}
.popup_bottom div{line-height: 40px;border-bottom:1px solid #ccc;}
.popup_bottom.popup_in{-webkit-animation:fadeBottomIn .7s 0s ease both;}
.popup_bottom.popup_out{-webkit-animation:fadeBottomOut .7s 0s ease both;}
.popup_image{width:100%;height:auto;margin:0 auto; padding:0;z-index:9999999999; position:absolute;}
.popup_image img{display:block;margin:0 auto; padding:0; position:relative; -webkit-animation:bounceIn 0.3s ease both;}
.can{position: absolute;top: 50%;left: 50%;margin-top: -30px;margin-left: -30px;z-index: 999;animation:bounceIn2 ease .3s 0s forwards;-webkit-animation:bounceIn2 ease .3s 0s both;}
.popup_load {position: fixed;z-index:0;width: 3rem;height: 3rem;margin: auto;left: 50%;top:50%;margin-left: -30px;margin-top:-30px;border-radius: 5px;background-color: rgba(0,0,0,.7);animation:bounceIn ease .3s 0s forwards;-webkit-animation:bounceIn ease .3s 0s both;z-index:999999;font-size:.7rem;color:#fff;line-height: 3rem;text-align: center;}
.popup_load.out{animation:bounceOut ease .3s 0s forwards;-webkit-animation:bounceOut ease .3s 0s both;}
.popup-title{display:inline-block;text-align: left;vertical-align: middle;padding:.85rem .5rem;vertical-align: top;font-size: .8rem;}
.popup-content{padding: .75rem .95rem;line-height: 1.2em;font-size: .6em;text-align: center;}
.popup-content img{position:relative;margin:auto;display: block;width: 3.5rem;height: 4.3rem;}
.popup-content p{text-align: center;line-height: 1rem;}
#popup_btn_container {text-align: center;display: -webkit-box;display: box;width:100%;height:auto;}
#popup_btn_container > a {-webkit-box-flex:1;box-flex:1;padding: .45rem;display: block;font-size:.8rem;color: #333;border:1px solid rgba(0, 0, 0, 0.2);border-left: none;border-bottom: none;font-size:14px;}
#popup_btn_container > a:last-child{border-right: 0 none;}
.popup_toast{max-width:80%;margin:auto;padding:5px;font-size:14px;position:absolute;color:#fff;-webkit-animation:bounceIn 0.3s ease both;z-index:9999999;}
.popup_toast.common{ background:#f55d5e;}
.popup_toast_out{width:auto;margin:auto;padding:10px;font-size:14px;position:absolute;color:#fff;left:30%;-webkit-animation:bounceOut 0.3s ease both;bottom:50%;background-color:#46ca5e;-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.6);z-index:9999999;}
.popup_toast.success{background-color:#46ca5e;}
.popup_actionsheet{width:100%;height:400px;-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.6);overflow:auto;}
.popup_load svg {height: 60px;width: 60px;overflow: visible;}
.g-circles {-webkit-transform: scale(0.9) translate(7px, 7px);-ms-transform: scale(0.9) translate(7px, 7px);transform: scale(0.9) translate(7px, 7px);}
circle {fill: #ccc;fill-opacity: 0;-webkit-animation: opacity 1.2s linear infinite;animation: opacity 1.2s linear infinite;}
circle:nth-child(12n + 1) {-webkit-animation-delay: -0.1s;animation-delay: -0.1s;}
circle:nth-child(12n + 2) {-webkit-animation-delay: -0.2s;animation-delay: -0.2s;}
circle:nth-child(12n + 3) {-webkit-animation-delay: -0.3s;animation-delay: -0.3s;}
circle:nth-child(12n + 4) {-webkit-animation-delay: -0.4s;animation-delay: -0.4s;}
circle:nth-child(12n + 5) {-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}
circle:nth-child(12n + 6) {-webkit-animation-delay: -0.6s;animation-delay: -0.6s;}
circle:nth-child(12n + 7) {-webkit-animation-delay: -0.7s;animation-delay: -0.7s;}
circle:nth-child(12n + 8) {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
circle:nth-child(12n + 9) {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
circle:nth-child(12n + 10) {-webkit-animation-delay: -1s;animation-delay: -1s;}
circle:nth-child(12n + 11) {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
circle:nth-child(12n + 12) {-webkit-animation-delay: -1.2s;animation-delay: -1.2s;}
@-webkit-keyframes opacity {
  3% {fill-opacity: 1;}
  75% {fill-opacity: 0;}
}
@keyframes opacity {
  3% {fill-opacity: 1;}
  75% {fill-opacity: 0;}
}
@-webkit-keyframes opacity-stroke {
  10% {stroke-opacity: 1;}
  85% {stroke-opacity: 0;}
}
@keyframes opacity-stroke {
  10% {stroke-opacity: 1;}
  85% {stroke-opacity: 0;}
}
@-webkit-keyframes colors {
  0% {fill: yellowgreen;}
  10% {fill: gold;}
  75% {fill: crimson;}
}
@keyframes colors {
  0% {fill: yellowgreen;}
  10% {fill: gold;}
  75% {fill: crimson;}
}
@-webkit-keyframes colors-stroke {
  0% {
    stroke: yellowgreen;
  }

  10% {
    stroke: gold;
  }

  75% {
    stroke: crimson;
  }
}
@keyframes colors-stroke {
  0% {
    stroke: yellowgreen;
  }

  10% {
    stroke: gold;
  }

  75% {
    stroke: crimson;
  }
}

@-webkit-keyframes transform {
  10% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
}
@keyframes transform {
  10% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
}
/**图片弹层**/
.image_slider *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.image_slider {position: fixed;width: 100%;height: 100%; background-color: #000;bottom:0;left:0;right: 0;overflow: hidden;margin:auto;z-index:999;}
.slider_content{position: relative;display:block;width: auto;height: 100%; -webkit-transition: ease-out .5s 0s both;}
.modal_Imgitem {position:relative;display:block;float:left;height: 100%;overflow: hidden;vertical-align: middle;background-image: url('http://images.zastatic.com/imwap/wap2015/images/icon/loading_b03c9b5.gif'); background-size: 30px 30px;background-color: #000;background-position: center center;background-repeat: no-repeat; }
.modal_Imgitem img{position:relative;top:50%;left:50%;max-width:100%;display:inline-block;-webkit-transition:all .3s ease-out;-webkit-transform:scale(1) translate3d(-50%,-50%,0);}
.dot {position: fixed;top: 0;width:100%;height:2.4rem;background-color: rgba(0,0,0,.5);text-align: center;color: #fff;line-height: 2.4rem;z-index: 9991;overflow: hidden;}
.dot span.dot_count{position: absolute;display: block;width: 100%;left: 0;top: 0;height: 100%;text-align: center;}
.dot span.deleteSpan{position: relative;display: inline-block;float:right;right:.5rem;top:.7rem;width: .8rem;height:1.1rem;background: url('http://images.zastatic.com/imwap/wap2015/images/icon/del_img_b2e0ae9.png') no-repeat;background-size: cover;}
.dot a{position:relative;display:inline-block; float:left; width: 3.6rem;font-size: .8rem; line-height: 2.4rem;z-index: 3}
.dot a:after{content: "";clear: both;}
.dit ul {display: block;}
/**warn icon**/
.warning-icon {position:relative;display:inline-block;width:1.8em;height:1.8em;background-image: url('../images/warn.png');}
.toast{position: fixed;display:inline-block;left: 50%;top: 50%;padding: 1rem .75rem;background-color: rgba(0,0,0,.6);font-size:.8rem;border-radius:10px;color:#fff;z-index:999;}
.toast02{position: fixed;display:inline-block;left: 50%;top: 50%;-webkit-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);padding: 8px 10px 10px;background-color: rgba(0,0,0,.6);font-size:12px;border-radius:10px;color:#fff;z-index:999;}