/*

* name: responsive

* version: v1.1.7

* update: 响应图片从ui.css集中到responsive.css

* data: 2015-08-28

*/



/* import responsive stylesheet */

/*@import url(../css/Pad.css) screen and (max-width: 1024px);

@import url(../css/Mobile.css) screen and (max-width: 640px);*/



/* hide template textarea */

.UnpcPush textarea, .PcPush textarea, .MobilePush textarea, .UnmobilePush textarea{display: none;}

.top .lan {
    position: relative;
    z-index: 9;
    display: inline-block;
    top: 19px;
    font-size: 14px;
    color: #8f8f8f;
}
.top .lan .sNavZ {
	display: block;
	width: 100px;
}
.navA {
	display: none;
}
.sNav33 {
	position: absolute;
	z-index: 999;
	display: none;
	left: 0px;
	border-left: #e5e5e5 solid 1px;
	border-right: #e5e5e5 solid 1px;
    border-top: #d2d2d2 dashed 1px;
}
.sNav33 dd a {
	display: block;
	color: #666;
	height: 30px;
	width: 110px;
	line-height: 30px;
	overflow: hidden;
	font-size: 14px;
	border-bottom: #cccccc dashed 1px;
	background: #f8f8f8;
	text-align: center;
}
.sNav33 dd:hover a{
	background: #d10400;
	color: #fff;
}
.lan:hover .sNav33 {
	display: block;
}

/*

* 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 screen and (max-width: 1024px) {



  body:after {

    content: 'Pad';

  }

  body{ user-select: none;-webkit-user-select: none;}

  body,input,textarea,button,select {font-family: inherit;font-size:12px;}

  .wrap{padding-left:2%;padding-right:2%;max-width: none;}

  .PcPush{display: none;}

  .UnpcPush{display: block;}



}



/*

* MobileMode

*/

@media screen and (max-width: 640px) {



  body:after {

    content: 'Mobile';

  }

  body,input,textarea,button,select {font-size:12px;}

  .UnmobilePush{display: none;}

  .MobilePush{display:block;}

  img[data-src]{opacity: 1;}



}