/**
  xyPop-v2.0 styleSheet [2015-10-12]
*/
/*自适应适配*/
@media (min-width: 320px) {html {font-size: 100%; }}
@media (min-width: 360px) {html {font-size: 112.5%;}}
@media (min-width: 384px) {html {font-size: 120%;}}
@media (min-width: 400px) {html {font-size: 125%;}}
@media (min-width: 540px) {html {font-size: 168.75%;}}
@media (min-width: 600px) {html {font-size: 187.5%;}}
@media (min-width: 640px) {html {font-size: 200%;}}
@media (min-width: 720px) {html {font-size: 225%;}}
@media (min-width: 768px) {html {font-size: 100%;}}
html {font-size: calc(100vw / 320 * 16);}

/* *, *:before, *:after {
  -moz-box-sizing: border-box;   Firefox 1, probably can drop this
  -webkit-box-sizing: border-box;   Safari 3-4, also probably droppable
  box-sizing: border-box;   Everything else
}
 */
/*背景遮罩层css*/
.xy-ui-overlay{
  position:fixed;left:0;top:0;right:0;height:100%;width:100%;
}

/*窗体容器css*/
.xy-ui-wrapper{
  background:#fff;float:left;font-family:"Microsoft Yahei",Arial;padding:0.0625rem;min-width:14rem;_width:15rem;max-width:14.875rem;
  box-shadow:0 0 0.3125rem rgba(0,0,0,0.3);-webkit-box-shadow:0 0 0.3125rem rgba(0,0,0,0.3);-moz-box-shadow:0 0 0.3125rem rgba(0,0,0,0.3);
}
.anim-ui-wrapper{
  /* animation:anim_ui_in 0.3s ease-in-out;-webkit-animation:anim_ui_in 0.3s ease-in-out;-moz-animation:anim_ui_in 0.3s ease-in-out; */
  animation:showAlert 0.3s ease-in-out;-webkit-animation:showAlert 0.3s ease-in-out;-moz-animation:showAlert 0.3s ease-in-out;
}
/* ==========弹窗css3动画 (打开) {{{ */
/*弹窗效果一*/
/* @keyframes anim_ui_in {
  0%{opacity: 0; transform: scale(1.2);} 50%{transform: scale(0.95);} 100%{opacity: 1; transform: scale(1);}
}
@-webkit-keyframes anim_ui_in {
  0%{opacity: 0; -webkit-transform: scale(1.2);} 50%{-webkit-transform: scale(0.95);} 100%{opacity: 1; -webkit-transform: scale(1);}
}
@-moz-keyframes anim_ui_in {
  0%{opacity: 0; -moz-transform: scale(1.2);} 50%{-moz-transform: scale(0.95);} 100%{opacity: 1; -moz-transform: scale(1);}
} */
/*弹窗效果二*/
@keyframes showAlert{
  0% { transform: scale(0.7); }
  45% { transform: scale(1.05); }
  80% { transform: scale(0.95); }
  100% { transform: scale(1); }
}
@-webkit-keyframes showAlert{
  0% { transform: scale(0.7); -webkit-transform: scale(0.7); }
  45% { transform: scale(1.05); -webkit-transform: scale(1.05); }
  80% { transform: scale(0.95); -webkit-tranform: scale(0.95); }
  100% { transform: scale(1); -webkit-transform: scale(1); }
}
@-moz-keyframes showAlert{
  0% { transform: scale(0.7); -moz-transform: scale(0.7); }
  45% { transform: scale(1.05); -moz-transform: scale(1.05); }
  80% { transform: scale(0.95); -moz-tranform: scale(0.95); }
  100% { transform: scale(1); -moz-transform: scale(1); }
}
/* }}} */
.xy-ui-head{
  background:#fff;border-bottom:0.0625rem solid #e8e8e8;height:2.5rem;line-height:2.375rem;
}
.xy-ui-title{
  color:#000;font-size:0.9375rem;font-family:"Microsoft Yahei";padding:0 0.9375rem 0 0.625rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;
}
.xy-ui-close{
  background:url(../images/btn_close.gif) no-repeat center center;background-size:0.75rem 0.6875rem;-webkit-background-size:0.75rem 0.6875rem;cursor:pointer;height:0.6875rem;width:0.75rem;position:absolute;top:0.90125rem;right:0.625rem;
  transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;
  -webkit-tap-highlight-color:rgba(255,255,255,0); /*去除点击蓝色边框*/
}
.xy-ui-close:hover{
  transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);
  transform-origin:50% 50%; -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%;
}

/* 底部按钮栏 */
.xy-ui-foot{
  background:#f7f7f7;border-top:0.0625rem solid #e8e8e8;
}
.xy-ui-foot .ui-btns{
  background:#f7f7f7;
/*   border-right:0.0625rem solid #e8e8e8; */
  color:#333;text-shadow:0.0625rem 0.0625rem #fff;
  cursor:pointer;display:inline;float:left;font:0.5375rem/1.8125rem "Microsoft Yahei";height:1.5125rem;overflow:hidden;_zoom:1;text-align:center;text-decoration:none;vertical-align:middle;
  -webkit-tap-highlight-color:rgba(255,255,255,0); /*去除点击蓝色边框*/
}
.xy-ui-foot .ui-btns:active{background:#f2f2f2;}
.xy-ui-foot .xy_ui_btn0{border-right:0 none;float:left;}