@charset "utf-8";

html {
	color:#222222;background:#fff;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	margin:0;padding:0;
}
body,button,input,select,textarea {
	font:0.6rem "PingFang SC", "Source Han Sans CN", "Hiragino Sans GB", "Microsoft Yahei", Helvetica, tahoma, arial, sans-serif;
}
input,select,textarea {
	font-size:100%;
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	border: 0;
}
input{border: 0;background:none;}
input[type="submit"]{cursor: pointer;}
table {
	border-collapse:collapse;border-spacing:0;
}
th {
	text-align:inherit;
}
img {
	border:0;
}
del {
	text-decoration:line-through;
}
i,em{font-style: normal;}
ol,ul {
	list-style:none;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:500;
}
a,button,input,optgroup,select,textarea {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
/*a, img {
    -webkit-touch-callout: none; 禁止长按链接与图片弹出菜单
}*/
a:link, a:visited, a:hover{
	color: #222222;
	text-decoration:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);/**去除active背景**/
}
a:active, a.active {
	color: #ff6600;
	text-decoration: none;
}
#_submit, ._submit{
	cursor: pointer;
}
.orgfont{color: #ff5500}
.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.cf{zoom:1;display:block}
.none{
	display:none;
}
.hidden{
	visibility:hidden;
}

.t-over {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.sidebar .qq-btn em, .sidebar .gotop-btn em, .location-wrap em, .city-tip-ico, .cur-city-ico, .bottom-bar a .ico{
	background: url("../../h5/img/img_script.png") no-repeat;
	background-size: 12.5rem 12.5rem;
}
.sidebar .qq-btn1 em{
	width: 1.9rem;
	height: 1.3rem;
	background: url("../../h5/img/btn_contact.gif") no-repeat;
	background-size: cover;
}
.logo{background-image: url("logo.png");width: 3.7rem;height: 1.25rem; float: left;text-indent: -100rem;}
.tg-logo{background-image: url("logo_tg.png");width: 5.775rem;height: 1.175rem;margin-top: 0.1rem; float: left;text-indent: -100rem;}
.location-wrap{
	float: left;
	width: 2.4rem;
	height: 0.9rem;
	line-height: 0.9rem;
	margin-top: 0.5rem;
	margin-left: 0.625rem;
}
.location-wrap em{
	display: inline-block;
	width: 0.55rem;
	height: 0.4rem;
	margin-left: 0.3rem;
	margin-bottom: 0.1rem;
	vertical-align: middle;
	background-position: -5.95rem -3.0rem;
}
.current-city-info{
	height: 1.4rem;
	line-height: 1.4rem;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	color: #ff6600;
	text-align: center;
}
.city-con{
	background: #eeeeee;
	padding: 0.5rem 0.5rem 1rem;
}
.city-con .city-list-hd{
	padding-left: 1rem;
}
.city-list li{
	float: left;
	width: 4.5rem;
	height: 1.5rem;
	margin: 0.75rem 0.25rem 0;
}
.city-list li a{
	display: block;
	width: 4.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	background: #ffffff;
	border-radius: 0.8rem;
	color: #222222;
}
.city-list li.active a{
	background: #ff6600;
	color: #ffffff;
}
.city-list li.forward a{
	color: #bbbbbb;
}
.tyg-index .location-switch{
	position: absolute;
	right: 3.3rem;
	top: 0.55rem;
	margin: 0;
}
.tyg-index .location-switch.switch em{
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
}
.tyg-index .city-list{
	position: absolute;
	top: 2rem;
	left: 0;
	width: 15.5rem;
	padding-left: 0.5rem;
	padding-bottom: 0.5rem;
	background: #eeeeee;
	display: none;
	z-index: 10;
}
.city-tip-ico{
	display: block;
	background-position: 0 -4.65rem;
	width: 6.5rem;
	height: 3.3rem;
	margin: 2.5rem 0 0 6.5rem;
}
.city-tip{
	text-align: center;
	color: #666666;
	padding-top: 0.5rem;
	padding-bottom: 3rem;
}
.cur-city-ico{
	display: inline-block;
	background-position: -6.68rem -3.0rem;
	width: 0.48rem;
	height: 0.58rem;
	margin-right: 0.25rem;
	vertical-align: middle;
}
.main-header{width: 15rem; height: 1.5rem;padding: 0.5rem 0.5rem 0; display: table;position: relative;}
.main-header .user-trigger, .main-header .category-trigger{top: 0.7rem;}
.phone-num{background-image: url("phone-num.png");width: 4.85rem;height: 1rem;float: right;margin-top: 0.2rem; text-indent: -100rem;}
.bottom-bar{
	position: fixed;
	bottom: 0;
	display:flex;
	flex-direction:row;
	justify-content:center;
	/*left: 15rem;
	transform: translateX(-15rem);
	-webkit-transform: translateX(-50%);*/
	width: 16rem;
	height: 2.3rem;
	background: rgba(0, 0, 0, 0.8);
	z-index: 8;
}
.bottom-bar a{
	float: left;
	width: 5.4rem;
	padding-left: 2.2rem;
	padding-right: 0.4rem;
	text-align: center;
	position: relative;
	color: #ffffff;
}
.bottom-bar a .ico{
	position: absolute;
	left: 0.7rem;
	top: 0.5rem;
}
.bottom-bar a .ico1{
	background-position: -1.2rem -3.0rem;
	width: 1.6rem;
	height: 1.4rem;
}
.bottom-bar a .ico2{
	background-position: -3.05rem -3.0rem;
	width: 1.275rem;
	height: 1.4rem;
}
.bottom-bar a .ico2:before{
	content: "";
	position: absolute;
	left: -0.8rem;
	top: 0;
	width: 0;
	height: 1.4rem;
	border-left: 1px solid #c0c0c0;
}
.bottom-bar a span{
	display: block;
	padding-top: 0.375rem;
	color: #fcc084;
}

.ac-end-gray, .btn-disable, a:hover.ac-end-gray, a:hover.btn-disable, a:active.ac-end-gray, a:active.btn-disable, a.acitve.ac-end-gray, a.acitve.btn-disable{
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    cursor: default!important;
    color: #666666!important;
}
.ac-end-tip{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 20;
}
.ac-end-tip .tip-msg{
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -2rem 0 0 -4rem;
	width: 8rem;
	padding: 1rem 0;
	text-align: center;
	color: #ffffff;
	background: rgba(0,0,0,0.8);
	border-radius: 0.25rem;
	font-size: 0.8rem;
}
.h5-ico{background-size: contain; box-sizing: border-box; background-repeat: no-repeat; vertical-align: middle;}
.h5-bg{background-size: cover; box-sizing: border-box; background-repeat: no-repeat;background-position: center;}

.hotline em,
.media-cut em{
	background-image: url("h5-icos.png?v20160201");
	background-repeat: no-repeat;
	background-size: 0.75rem 15rem;
}
.category-trigger{
	background-image: url("h5-icos2.png?v20160606");
	background-repeat: no-repeat;
	background-size: 1.25rem 20.0rem;
}
.category-trigger{
	background: url("icon_menu.png") no-repeat center !important;
	background-size: contain !important;
}
.user-trigger{
	background: url("icon_user.png") no-repeat center !important;
	background-size: contain !important;
}

.nav-icolist li em, .gotop a, .media-cut .cr-ico3{
	background-image: url("nav-icos.png?v20180124");
	background-repeat: no-repeat;
	background-size: 11rem 20.0rem;
}
.tlt .link::after, .backico{
	background-image: url("img_script2.png?v20180322");
	background-repeat: no-repeat;
	background-size: 17.02rem 17.02rem;
}

.app-wrap{max-width: 540px; margin: 0 auto;background: #ffffff;}
@media only screen and (min-width:639px){
	html{font-size: 33.75px !important;}
}
.tlt{padding: 0.43rem 0.64rem; line-height: 1.2;position: relative;}
.tlt .link{display: block;width: 100%;height: 100%;}
.tlt .link::after{
	content: "";
	position: absolute;
	right: 0.65rem;
	top: 0.66rem;
	background-position: 0 -9.96rem;
	width: 0.32rem;
	height: 0.51rem;
}
.tlt .link::before{
	content: "更多";
	position: absolute;
	right: 1.2rem;
	top: 0.6rem;
	color: #666666;
	font-size: 0.51rem;
}
.tlt h2{font-size: 0.68rem;font-weight: bold;}
.tlt h3{}
.tlt .eng-subhead{font-size: 0.43rem}
.cont{padding: 0 0.6rem;}
a.btn, .btn{display: block; margin: 0.5rem auto 0; width: 14.5rem; border:0.05rem solid #cccccc;border-radius: 40px; height: 1.9rem;line-height: 1.9rem; text-align: center;color: #e95520;font-size: 0.75rem;}
a:hover.btn{border-color: #e95520;}
.font-arrow{padding-left: 0.3rem;font-family: simsun;font-weight: bold;font-size: 0.5rem; vertical-align: middle;}
a.litbtn, .litbtn{width: 5rem;}
a.layout-btn, .layout-btn{
	display: block;
	margin: 0.5rem auto 0;
}
.cutline{margin: 1rem 0; background-color: #eeeef4;height: 0.35rem;font-size: 0;}

.nav-icolist{margin-top: 0.75rem}
.nav-icolist li{float: left;width: 2.6rem; margin: 0 0.7rem; display: inline;}
.nav-icolist li em{display: block;width: 2.55rem; height: 2.55rem;}
.nav-icolist li p{height: 1.5rem;line-height: 1.5rem; font-size: 0.6rem; text-align: center;}
.nav-ico1 em{background-position: -2.75rem 0;}
.nav-ico2 em{background-position: -5.5rem 0;}
.nav-ico3 em{background-position: -8.25rem 0;}
.nav-ico4 em{background-position: 0 -2.75rem;}
.nav-ico5 em{background-position: -2.75rem -2.75rem;}
.nav-ico6 em{background-position: -5.5rem -2.75rem;}
.nav-ico7 em{background-position: -8.25rem -2.75rem;}
.nav-ico8 em{background-position: 0 -5.5rem;}
.nav-ico9 em{background-position: 0 0;}
.nav-ico10 em{background-position: 0 -10.75rem;}
.nav-ico11 em{background-position: -2.75rem -10.75rem;}
.nav-ico12 em{background-position: -5.5rem -10.75rem;}
.nav-ico13 em{background-position: -8.25rem -10.75rem;}
.nav-ico14 em{background-position: 0 -13.5rem;}
.nav-ico15 em{background-position: -2.75rem -13.5rem;}
.nav-ico16 em{background-position: -5.5rem -13.5rem;}
.nav-ico17 em{background-position: -8.25rem -13.50rem;}
.nav-icolist .nav-ico13 p{font-size: 0.5rem;}

.page{margin-top: 0.75rem; height: 2.1rem;text-align: center;}
.page .noclick{color: #999999; cursor: default;}
.page .btn{display: inline-block; width: 4.89rem;height: 1.83rem; line-height: 1.83rem; margin-top: 0;border: none;background: #cccccc;color: #999999;}
.page a.btn:active{background: #222222; color: #dfb775;}
.page a:hover.noclick{border-color:#cccccc;}
.page-num{display: inline-block; width: 4rem; text-align: center; color: #222222;font-size: 0.77rem;}
.page-num em{}

.loading{position: relative; height: 1rem;margin: 0.75rem;z-index: 1;}
.loading .line{width: 100%; height: 0.025rem;font-size: 0;border-top: 0.05rem solid #eee;position: absolute;left: 0;top: 50%;z-index: 1}
.loading .load{position: absolute;left: 50%;top: 0;z-index: 2; background-color: #fff;padding:0 0.5rem;margin-left:-2.75rem;}
.rotate-360{display: inline-block; margin-right: 0.5rem; width:1rem;height: 1rem; background-image:url("loading.png"); -webkit-animation:rotate360 .6s ease infinite;animation:rotate360 .6s ease infinite;}

.circle{border: 2px solid #29a59b;display: inline-block;width: 0.4rem;height: 0.4rem;background: transparent;border-radius: 50%; margin-right: 0.25rem; vertical-align: middle;}
.spot{display: inline-block;border-radius: 50%;background-color: #28a49a;width: 0.1rem;height: 0.1rem; vertical-align: middle;margin-left: 0.12rem;}

.cir-btn{ display: inline-block;border-radius: 0.1rem; padding: 0 0.5rem; height: 0.9rem;line-height: 0.9rem;background-color: #eeeeee;margin-right: 0.5rem;font-size: 0.5rem;color: #999999;}
.imgbox{background-repeat: no-repeat;background-position: center;background-size: cover;}
.m-header{height: 2rem; line-height: 2rem; padding: 0 2.25rem 0 0rem; position: relative;background-color: #ffffff;}

.m-header h1, .m-header h2{font-size: 0.77rem;font-weight:500;color: #222222;}
.backico{position: absolute;left: 0.5rem;top: 0.78rem;background-position: 0 -10.68rem; width: 0.32rem;height: 0.51rem;cursor: pointer;text-indent: -100rem;}
.category-trigger{position: absolute;right: 0.3rem;top: 0.5rem;background-position: 0 -10.25rem; width: 1.1rem;height: 0.95rem;text-indent: -100rem;}
.user-trigger{position: absolute;right: 1.6rem;top: 0.5rem;background-position: 0 -10.25rem; width: 1.1rem;height: 0.95rem;text-indent: -100rem;}

.layer-nav{
	background-color:rgba(255,255,255,0.9);
	background-size: cover;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	display: none;
}
.layer-nav .nav-icolist{
	margin-top: .5rem;
}
.layer-nav .nav-icolist li{
	margin: 0.35rem 0 0 2rem;
}
.copyright{ width: 16rem; text-align: center;margin: 0 auto; padding-top:10px; padding-bottom:10px;background: #333;font-size: 12px; color:#ccc;}
.hotline em, .media-cut em{display: inline-block;width: 0.8rem;height: 0.65rem;margin-right: 0.2rem;}
.hotline em{height: 0.7rem;}

.hotline{ color:#FFFFFF;}

.media-cut .line{width: 0.075rem; text-align: center;}
.media-cut .touch-cut{color: #e95520;}
.media-cut .touch{background-position: 0 -5.5rem;}

.hotline .cr-ico0{
	display: inline-block;
	background: url("hotline.png") no-repeat;
	background-size: contain;
	width: 0.55rem;
	height: 0.68rem;
}
.media-cut .cr-ico1{
	background-position: 0 -3.75rem;
}
.media-cut .cr-ico2{
	background-position: 0 -5.5rem;
}
.media-cut .cr-ico3{
	background-position: -9.35rem -5.5rem;
}
.media-cut .pccut.active .cr-ico1{
	background-position: 0 -4.625rem;
}
.media-cut .about-us.active .cr-ico2{
	background-position: 0 -6.3rem;
}
.media-cut .cjwt.active .cr-ico3{
	background-position: -9.35rem -6.35rem;
}
.media-cut .about-us, .media-cut .cjwt{
	width: 3.5rem;
}
.sidebar{
	position: fixed;
	right:0;
	bottom: 3rem;
	width: 2.03rem;
}
.sidebar a{
	display: block;
	background: rgba(255,255,255,0.9);
	width: 2rem;
	height: 2rem;
	text-align: center;
	color: #736f69;
	font-size: 1rem;
	border: 1px solid #cdcccb;
	text-align: center;
}
.sidebar a em{
	display: block;
	margin: 0 auto;
}
.sidebar .qq-btn, .sidebar .qq-btn1{
	font-size: 0.45rem;
}
.sidebar .gotop-btn{
	margin-top: 1rem;
	display: none;
}
.sidebar .qq-btn em{
	margin-top: 0.2rem;
	width: 0.95rem;
	height: 1.075rem;
	background-position: 0 -3.0rem;
}
.sidebar .gotop-btn em{
	width: 1.125rem;
	height: 0.65rem;
	margin-top: 0.65rem;
	background-position: -4.575rem -3.0rem;
}

.gotop{position: fixed;right:1rem;bottom: 3rem;width: 2.3rem;height: 2.3rem;display: none;}
.gotop a{display: block; background-position: -7.625rem -8.25rem; width: 2.3rem;height: 2.3rem;}

.ywj-msg-container{
	margin: 10rem 0.25rem 0!important;
	padding: 0.25rem!important;
}
.ywj-msg-container .ywj-msg-icon-tip,
.ywj-msg-container .ywj-msg-icon-info,
.ywj-msg-container .ywj-msg-icon-succ,
.ywj-msg-container .ywj-msg-icon-load,
.ywj-msg-container .ywj-msg-icon-err{display: none}
.ywj-msg-content {
  font-size: 0.7rem!important;
  padding: 0 0.5rem!important;
  height: auto!important;
  line-height: 1.5rem!important;
}
/**活动页面上的AD S**/
.pagead{
	display: block;
	margin: 0.5rem auto 0;
	width: 15rem;
}
.pagead img{
	width: 15rem;
}
/**活动页面上的AD E**/

/**活动弹层锁住窗口S**/
.lock-scroll,
.lock-scroll body{height:100%; overflow:hidden;}
/**触发事件在页面底部时用此方法**/
.lock-scroll2,
.lock-scroll2 body{overflow:hidden;}
/**活动弹层锁住窗口E**/

/** tab **/
.g-tab {}
.g-tab li {float:left;cursor: pointer;}
.g-tab .active {color: #ff5500;}
.g-tab-con {clear:both;}
.g-tab-con .active {display:block;}
.g-tab-con .disactive {display:none;}
/**ratate**/

/**固定顶部S**/
.fixed-top{
	position: fixed;
	left: 0;
	top: 0;
	width: 16rem;
	z-index: 8;
}
/**固定顶部E**/

/**全屏图片S**/
.full-page-img{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,1);
	z-index: 15;
}
.full-page-img img{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: auto;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index: 11;
}
.full-page-img .close{
	position: absolute;
	top: 0.1rem;
	right: 0.1rem;
	color: #ffffff;
	font-size: 0.8rem;
	background-color: rgba(0,0,0,0.8);
	width: 1.5rem;
	height: 1.5rem;
	text-align: center;
	line-height: 1.5rem;
	border-radius: 100%;
	z-index: 11;
	cursor: pointer;
}
.full-page-img .swiper-wrapper{
	width: 100%;
	height: 100%;
}
.swiper-container-horizontal>.swiper-scrollbar{
	border-radius: 0;
	height: 1px;
	background: rgba(255,255,255,.8);
	bottom: 4rem;
}
.full-page-img .swiper-scrollbar-drag {
  background: rgba(255,85,0,.8);
}
.full-page-img .img-quantity{
	position: absolute;
	bottom: 2.8rem;
	right: 1rem;
	color: #fff;
	font-size: 0.5rem;
	z-index: 10;
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.full-page-img .node-name{
	position: absolute;
	bottom: 2.8rem;
	left: 0.5rem;
	color: #fff;
	font-size: 0.75rem;
	z-index: 11;
}
.full-page-img .img-quantity .itemindex {
  font-size: 0.9rem;
}


/**全屏图片E**/

.shadow-btn{
	border-radius: 0.15rem;
	background: #fe3d00;
	box-shadow: inset 0 -0.1rem #fe3d00, 0 0 0.1rem #fe3d00;
	color: #ffffff;
	vertical-align: middle;
}
@keyframes rotate360
{
	0% {-webkit-transform: rotate(0);transform: rotate(0);}
	10% {-webkit-transform: rotate(36deg);transform: rotate(36deg);}
	20% {-webkit-transform: rotate(72deg);transform: rotate(72deg);}
	30% {-webkit-transform: rotate(108deg);transform: rotate(108deg);}
	40% {-webkit-transform: rotate(144deg);transform: rotate(144deg);}
	50% {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
	60% {-webkit-transform: rotate(216deg);transform: rotate(216deg);}
	70% {-webkit-transform: rotate(252deg);transform: rotate(252deg);}
	80% {-webkit-transform: rotate(288deg);transform: rotate(288deg);}
	90% {-webkit-transform: rotate(324deg);transform: rotate(324deg);}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@-webkit-keyframes rotate360
{
	0% {-webkit-transform: rotate(0);transform: rotate(0);}
	10% {-webkit-transform: rotate(36deg);transform: rotate(36deg);}
	20% {-webkit-transform: rotate(72deg);transform: rotate(72deg);}
	30% {-webkit-transform: rotate(108deg);transform: rotate(108deg);}
	40% {-webkit-transform: rotate(144deg);transform: rotate(144deg);}
	50% {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
	60% {-webkit-transform: rotate(216deg);transform: rotate(216deg);}
	70% {-webkit-transform: rotate(252deg);transform: rotate(252deg);}
	80% {-webkit-transform: rotate(288deg);transform: rotate(288deg);}
	90% {-webkit-transform: rotate(324deg);transform: rotate(324deg);}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}

/**scale 3**/
@keyframes scale-three {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	15% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	30% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	45% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	60% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@-webkit-keyframes scale-three {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	15% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	30% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	45% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	60% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
/**jump**/
@keyframes jump {
	0% {
		transform: translate3d(0, 0,0);
		-webkit-transform: translate3d(0, 0,0);
	}
	10% {
		transform: translate3d(0, 10%,0);
		-webkit-transform: translate3d(0, 10%,0);
	}
	20% {
		transform: translate3d(0, 0,0);
		-webkit-transform: translate3d(0, 0,0);
	}
	30% {
		transform: translate3d(0, 10%,0);
		-webkit-transform: translate3d(0, 10%,0);
	}
	40% {
		transform: translate3d(0, 0,0);
		-webkit-transform: translate3d(0, 0,0);
	}
	100% {
		transform: translate3d(0, 0,0);
		-webkit-transform: translate3d(0, 0,0);
	}
}
@-webkit-keyframes jump {
	0% {
		transform: translate3d(0, 0,0);
		-webkit-transform: translate3d(0, 0,0);
	}
	10% {
		transform: translate3d(0, 10%,0);
		-webkit-transform: translate3d(0, 10%,0);
	}
	20% {
		transform: translate3d(0, 0,0);
		-webkit-transform: translate3d(0, 0,0);
	}
	30% {
		transform: translate3d(0, 10%,0);
		-webkit-transform: translate3d(0, 10%,0);
	}
	40% {
		transform: translate3d(0, 0,0);
		-webkit-transform: translate3d(0, 0,0);
	}
	100% {
		transform: translate3d(0, 0,0);
		-webkit-transform: translate3d(0, 0,0);
	}
}

/**IP4**/
@media only screen and (device-width: 320px) and (device-height: 480px){
	.layer-nav .nav-icolist li{
		margin-top: 0;
	}
	.nav-icolist li p{
		height: 1rem;
		line-height: 1rem;
	}
}
/**魅族MX4**/
@media only screen and (min-width: 384px) and (min-height: 521px){
	.layer-nav .nav-icolist li{
		margin-top: 0.5rem;
	}
	.nav-icolist li p{
		height: 1rem;
		line-height: 1rem;
	}
}