/*
* name: responsive
* version: v2.0.1
* update: 恢复使用max-width，最新版本的uc浏览器不支持max-device-width
* data: 2016-08-18
*/

/* import responsive stylesheet */
@import  screen and (max-width: 1024px);
@import  screen and (max-width: 760px);

/* hide template textarea */
.unpcpush textarea, .pcpush textarea, .mobilepush textarea, .unmobilepush textarea{display: none;}

/*
* pcmode
*/
body:after {
  display: block;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: 'pc';
}
.pcmode:after { content: 'pc' !important;}
.unpcpush, .mobilepush { display: none;}
img[data-src] { opacity: 0 ; filter: alpha(opacity=0);}
/*
* padmode
*/
@media only screen and (max-width: 1024px) {

  body:after {
    content: 'pad';
  }
  body{ user-select: none;-webkit-user-select: none;}
  html,body,.wrap { min-width:0;}
  html { overflow-x:hidden;}
  body,input,textarea,button,select { font-size:14px;}
  .wrap{padding-left:2%;padding-right:2%;width: auto;}
  .pcpush{display: none;}
  .unpcpush{display: block;}
}

/*
* mobilemode
*/
@media only screen and (max-width: 760px) {

  body:after {
    content: 'mobile';
  }
  body,input,textarea,button,select {font-size:16px;}
  .wrap{padding-left:4%;padding-right:4%; }
  .unmobilepush{display: none;}
  .mobilepush{display:block;}
  img[data-src]{opacity: 1;}

}