/*导入字体*/
@font-face {
  font-family: 'HanHei-SC';
  font-style: normal;
  src: url('/style/font/HanHei-SC-thin.woff') format("woff");
}
@font-face{
font-family:'bebasregular';
src:url('/style/font/bebas-webfont.woff2')format('woff2'),
	url('/style/font/bebas-webfont.woff') format('woff');
font-style:normal;
font-weight:normal
}

@font-face {
    font-family:'wrjz';
    src: url('/style/font/wrjz.eot');
    src:url("/style/font/wrjz.ttf");
}
h1,h2{font-family: 'HanHei-SC',"Microsoft Yahei"; font-weight: normal;}
ins{ text-decoration:none;}
figure{ margin:0;}

.zBan{ position:relative;}
.zBan a{background:url(/images/zBan.jpg) no-repeat center 0;height:660px;overflow:hidden;display:block; text-decoration:none;}
.zBan img{ display:none;}
.zBan .text{ width:1200px; margin:0 auto; color:#FFF; line-height:1.8; font-family:'HanHei-SC';}
.zBan .text h5{ font-size:42px; margin:200px 0 10px;}
.zBan .text span{ display:block; font-size:18px;}
.zBan .text .btn-link{ display:inline-block; padding:0 20px; background:#02bec0; font-size:22px; line-height:56px; border-radius:30px; border:none; color:#FFF; letter-spacing:1px; margin:40px 0 0;}
.zBan .list{ position:absolute; top:0; left:0; width:100%; height:100%;}
.zBan .list em{ font-size:16px; color:#FFF; position:absolute; font-style:normal; opacity:.7;}
.zBan .list em:nth-child(1){ top:320px; right:620px;}
.zBan .list em:nth-child(2){ top:160px; right:510px;}
.zBan .list em:nth-child(3){ top:80px; right:323px;}
.zBan .list em:nth-child(4){ top:120px; right:145px;}
.zBan .list em:nth-child(5){ top:220px; right:100px;}
.zBan .list em:nth-child(6){ top:370px; right:5px;}
@media(max-width:767px){
	.zBan a{background:url(/images/zBan.jpg) no-repeat center 0/cover;height:240px;}
	.zBan img{ display:none; width:100%; height:auto;}
	.zBan .text{ width:100%; position:absolute; top:50%; left:0; padding:0 10px 0 10px; box-sizing:border-box; line-height:1.5;transform:translate(0,-50%);}
	.zBan .text h5{ font-size:1.2rem; margin:0 0 10px; line-height:1.2;}
	.zBan .text span{ font-size:.85rem;}
	.zBan .text .btn-link{ padding:0 10px; font-size:.9rem; line-height:32px; border-radius:30px; letter-spacing:0; margin:15px 0 0;}
	.zBan .list{ display:none;}
}
.z01{ position:relative; padding:50px 0 60px;}
.z01 .Ttitle span>i{padding:1px 5px;font-size:12px;line-height:1.5;border-radius: 3px; padding-left:20px; font-style:normal;}
.z01 .zCon{ overflow:hidden; height:auto;}
.z01 ul{ border:1px solid #E7E7E9;padding:0px;border-left:0px;}
.z01 ul li{ float:left; width:25%; padding:0px; margin:0px;border-left:1px solid #E7E7E9; color:#797979; line-height:200%; cursor:pointer; box-sizing:border-box;}
.z01 ul li .top{ text-align:center; background:#F5F6F6;padding:30px 0px; margin:0px 0px 10px}
.z01 ul li .top.on{background:#00C1DE; color:#FFFFFf; }
.z01 ul li .top.on h3{color:#ffffff}
.z01 ul li em{ font-style:normal;}
.z01 ul li i{ font-size:52px}
.z01 ul li h3{margin:0px; color:#333333; font-size:24px;}
.z01 ul li span,.z01 ul li p{ display:block; text-align:center;padding:10px; margin-bottom:10px;font-size:14px;}
.z01 ul li .txt{ font-size:14px; padding:20px 0px;}
.z01 ul li .p1{color:#4F4E4E; }
.z01 .newList{ background:#FBFBFC; border:1px solid #E0E2E3; margin:20px auto 0; padding:22px; text-align:center; box-sizing:border-box;}
.z01 .newList>div{ width:33%; padding:3px 10px; float:left; box-sizing:border-box; white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.z01 .newList a{ font-size:14px; color:#373D41; border-left:3px solid #373D41;padding-left:10px; display:inline-block;}

@font-face{font-family:'Glyphicons Halflings';src:url('/style/font/glyphicons-halflings-regular.eot');src:url('/style/font/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('/style/font/glyphicons-halflings-regular.woff2') format('woff2'),url('/style/font/glyphicons-halflings-regular.woff') format('woff'),url('/style/font/glyphicons-halflings-regular.ttf') format('truetype'),url('/style/font/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')}
.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.glyphicon-ok:before{content:"\e013"}
.content .Ttitle{ padding-bottom:25px;font-size:46px; text-align:center;color:#333;}
.content .Ttitle span{ display:block; color:#888; font-size:14px; font-weight:normal; line-height:1.8; padding:5px 0 0; letter-spacing:1px; font-family:"Microsoft Yahei"}
@media(max-width:767px){
	.z01{ padding:1.5rem 0;}
	.z01 ul{ border:none;padding:0 10px; box-sizing:border-box;}
	.z01 ul li{ width:50%; margin:0px 0 1rem;border:1px solid #E7E7E9; }
	.z01 ul li:nth-child(2n){ border-left:none;}
	.z01 ul li .top{ padding:1.2rem 0px;}
	.z01 ul li em{ display:none;}
	.z01 ul li i{ font-size:2.7rem}
	.z01 ul li h3{ font-size:1.1rem;}
	.z01 ul li span,.z01 ul li p{font-size:.8rem; padding:5px 0;}
	.z01 ul li .txt{ font-size:.8rem; padding:.5rem 0px;}
	.z01 .newList{ margin:1rem 10px 0; padding:5px 10px; text-align:left;}
	.z01 .newList>div{ width:100%; padding:8px 10px;}
	.z01 .newList a{ font-size:.8rem;}
	
	.content .Ttitle{ font-size:1.45rem; position:relative; padding:0 10px; box-sizing:border-box; line-height:1.2;}
	.content .Ttitle span{ font-size:.8rem; padding:.5rem 0 1rem; line-height:1.6; letter-spacing:0;}

}


.z02{ overflow: hidden; height:auto; padding:0 0 60px;}
.z02 .zCon{ position:relative}
.z02 ul li{ width:48%; color:#fff; padding:0 210px 15px 35px; background:url(/images/zbg1.jpg) no-repeat center center/cover; float:left; box-sizing:border-box;}
.z02 ul li:nth-of-type(2){ margin-left:4%; background-image:url(/images/zbg2.jpg);}
.z02 ul li h3{ padding:10px 0; margin:20px 0 5px; font-size:24px;}
.z02 ul li p{ line-height:26px; margin-bottom:0; font-size:14px;}
.z02 ul li span{ font-size:30px;}
@media(max-width:767px){
	.z02{ padding:0 0 1.5rem;}
	.z02 .zCon{ padding:0 10px; box-sizing:border-box;}
	.z02 ul li{ width:100%; padding:0 20px 10px 20px; }
	.z02 ul li:nth-of-type(2){ margin-left:0; margin-top:1rem;}
	.z02 ul li h3{ padding:10px 0; margin:20px 0 5px; font-size:24px;}
	.z02 ul li p{ line-height:26px; margin-bottom:0; font-size:14px;}
	.z02 ul li span{ font-size:30px;}
}

.z03{background:#f6f6f6; padding:50px 0 0; position:relative;}
.z03 .zCon{ overflow:hidden; padding-bottom:30px;}
.z03 .zCon ul{ overflow:hidden;}
.z03 .zCon ul li{width:20%; float:left;padding:20px 0px; text-align:center;}
.z03 .zCon ul li i{ font-size:50px;}
.z03 .zCon ul li h4{ font-size:18px; font-weight:bold; color:#313131; margin:10px 0;}
.z03 .zCon ul li p{ font-size:14px; padding:0px 10%; color:#73777A; line-height:1.8;}
.z03 .zBot{ width:100%; height:310px; position:relative;}
.z03 .zBot .ys1{ width:100%; height:310px; position:absolute; background:url(/images/zico1.png) repeat-x -50px bottom;}
.z03 .zBot .ys2{ width:100%; height:310px; position:absolute; background:url(/images/zico2.png) repeat-x -50px bottom;}
.z03 .zBot .ysList{ position:relative;}
.z03 .zBot .ysList li{ width:130px;  text-align:center; position:absolute;}
.z03 .zBot .ysList li p{ height:170px; font-size:40px; color:#fff; text-align:center; padding:0; margin:0; font-family: "bebasregular";}
.z03 .zBot .ysList li span{ line-height:34px; display:block; color:#333; font-size:14px;}
.z03 .zBot .ysList li.itme1{ left:5%; top:60px;}
.z03 .zBot .ysList li.itme1 p{ height:81px;line-height:81px;background:url(/images/zico3.png) no-repeat center top;}
.z03 .zBot .ysList li.itme2{ left:25%; top:10px;}
.z03 .zBot .ysList li.itme2 p{height:137px;line-height:120px;background:url(/images/zico4.png) no-repeat center top;}
.z03 .zBot .ysList li.itme3{ left:48%; top:20px;}
.z03 .zBot .ysList li.itme3 p{height:118px;line-height:105px;background:url(/images/zico5.png) no-repeat center top;}
.z03 .zBot .ysList li.itme4{ left:69%; top:50px;}
.z03 .zBot .ysList li.itme4 p{ height:87px;line-height:87px;background:url(/images/zico6.png) no-repeat center top;}
.z03 .zBot .ysList li.itme5{ left:87%; top:50px;}
.z03 .zBot .ysList li.itme5 p{ height:91px;line-height:91px;background:url(/images/zico7.png) no-repeat center top;}
@media(max-width:767px){
	.z03{padding:1.5rem 0 .5rem;}
	.z03 .zCon{ padding:0; box-sizing:border-box;}
	.z03 .zCon ul li{width:50%; padding:1rem 0px;}
	.z03 .zCon ul li i{ font-size:2.6rem;}
	.z03 .zCon ul li h4{ font-size:.9rem; margin:10px 0;}
	.z03 .zCon ul li p{ font-size:.75rem; padding:0px 8.5%; line-height:1.8;}
	.z03 .zBot{ display:none;}
}
@media(max-width:348px){
	.z03 .zCon ul li p{ height:4.05rem;}
}

.z04{ overflow: hidden; height:auto; padding:50px 0 0; position:relative;}
.z04 .zCon{ overflow:hidden; padding-bottom:60px}
.z04 .zConL{ float:left; width:55%;}
.z04 .zConL .zConLt{ height:45px; line-height:45px;background:#e9e9e9;}
.z04 .zConL .zConLt ul li{ width:50%; height:45px; line-height:45px; font-size:15px; text-align:center; background:#e9e9e9; border-right:1px solid #fff; float:left; cursor:pointer; box-sizing:border-box;}
.z04 .zConL .zConLt ul li.on{ background:#f6503a; color:#fff;}
.z04 .zConL .zConLb{ padding-top:20px;}
.z04 .zConL .zConLb dl{ overflow:hidden; display:none;}
.z04 .zConL .zConLb dl:nt-child(1){ display:block;}
.z04 .zConL .zConLb dl dt{ width:187px; float:left; }
.z04 .zConL .zConLb dl dd{ line-height:2; font-size:14px; color:#666; padding-left:195px;}
.z04 .zConR{width:42%; padding:0 15px 15px; border:1px solid #d6d6d6; float:right; box-sizing:border-box;}
.z04 .zConR .zConRt{ height:43px; line-height:43px; border-bottom:1px solid #eaeaea; }
.z04 .zConR .zConRt h5{ height:43px; line-height:43px; font-size:15px; color:#555; float:left; margin:0;}
.z04 .zConR .zConRt p{ line-height:43px; color:#f7503a; font-size:12px; float:left; padding-left:10px;}
.z04 .zConR .zConRt span{ float:right; padding-top:9px;}
.z04 .zConR .zConRt span a{ width:27px; height:25px; display:block; float:left; margin-left:8px; background:url(/images/fx1.png) no-repeat center center/100% auto;  }
.z04 .zConR .zConRt span .a2{ background-image:url(/images/fx2.png);}
.z04 .zConR .zConRb{ clear:both; }
.z04 .zConR .zConRb .b2{ min-height:120px; line-height:2; font-size:14px; color:#666; padding:20px 0 0 40px; background:url(/images/z06.png) no-repeat left 15px;}
.z04 .zConR .zConRb .b3{ line-height:16px; color:#f7503a; font-size:12px;  padding:30px 0 0 40px; background:url(/images/z07.png) no-repeat right top;}
.z04 .zConR .zConRb .swiper-button-next,.z04 .zConR .zConRb .swiper-button-prev{ opacity:0 !important; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; }
@media(max-width:767px){
	.z04{ height:auto; padding:1.5rem 0 2rem;}
	.z04 .zCon{ padding:0 10px; box-sizing:border-box;}
	.z04 .zConL{ width:100%; padding-bottom:1.5rem}
	.z04 .zConL .zConLt{ height:40px; line-height:40px;}
	.z04 .zConL .zConLt ul li{ width:33.333%; height:40px; line-height:40px; font-size:.8rem;}
	.z04 .zConL .zConLb{ padding-top:1rem;}
	.z04 .zConL .zConLb dl dt{ width:100%; text-align:center; float:none;}
	.z04 .zConL .zConLb dl dd{ line-height:2; font-size:.8rem; padding-left:0;}
	
	.z04 .zConR{width:100%; padding:0 10px 10px;}
	.z04 .zConR .zConRt{ height:40px; line-height:40px;}
	.z04 .zConR .zConRt h5{ height:40px; line-height:40px; font-size:.8rem;}
	.z04 .zConR .zConRt p{display:none;}
	.z04 .zConR .zConRt span{ padding-top:7px;}
	.z04 .zConR .zConRb .b2{ min-height:140px; line-height:2; font-size:.8rem; padding:15px 0 0 28px; background:url(/images/z06.png) no-repeat left 15px; background-size:20px auto;}
	.z04 .zConR .zConRb .b3{ padding:20px 0 0 28px; background:url(/images/z07.png) no-repeat right top; background-size:20px auto;}
}

.z05{ background:#f6f6f6; position:relative; padding:50px 0 60px;}
.z05 ul{ overflow:visible;}
.z05 ul li{ width:31.333%; margin:10px 3% 10px 0; float:left;-moz-box-shadow:0px 0px 18px #E4CDCDCDE4E4;-webkit-box-shadow:0px 0px 18px #CDCDCD;box-shadow:0px 0px 18px #CDCDCD;background:#FFFFFF; padding:10px; box-sizing:border-box;}
.z05 ul li:nth-child(3n){ margin-right:0;}
.z05 ul li figure{ float:left; width:24%; padding:35px 0px;}
.z05 ul li figure img{ max-width:100%; height:auto;}
.z05 ul li .info{ float:right; width:72%}
.z05 ul li .info h5{ font-size:24px; color:#333; padding:0px; margin:10px auto}
.z05 ul li .info p{ font-size:14px; color:#666; line-height:24px;}
@media(max-width:767px){
	.z05{ padding:1.5rem 0 0;}
	.z05 ul{ padding:1rem 10px .5rem; box-sizing:border-box;}
	.z05 ul li{width:48%; margin:10px 4% 10px 0;}
	.z05 ul li:nth-child(2n){ margin-right:0;}
	.z05 ul li:nth-child(2n+1){ margin-right:4%;}
	.z05 ul li figure{ float:none; width:100%; padding:5px 0px 10px; text-align:center;}
	.z05 ul li figure img{ width:80px; height:auto;}
	.z05 ul li .info{ float:none; width:100%; text-align:center; padding:0 0 5px;}
	.z05 ul li .info h5{ font-size:1rem; margin:5px auto 8px;}
	.z05 ul li .info p{ font-size:.8rem; line-height:1.8;}
}
.z06{background:url(/images/zbg06.jpg) no-repeat center center/cover; padding:30px 0 50px;}
.z06 .zConL{ color:#fff; float:left;}
.z06 .zConL h5{ margin:20px 0 0px; font-size:30px;}
.z06 .zConL p{ font-size:16px; }
.z06 .zConL p b{ font-size:35px; color:#fcff00; font-weight:normal;}
.z06 .zConL p span{ color:#fcff00;}
.z06 .zConR{ float:right;}
.z06 .zConR a{ width:169px; height:51px; display:inline-block; background:url(/images/zicon5.png) no-repeat center center/cover; float:left; margin-top:33px; }
.z06 .zConR .a2{ background-image:url(/images/zicon6.png); margin-left:10px;}
@media(max-width:767px){
	.z06{ padding:1.5rem 10px; box-sizing:border-box;}
	.z06 .zConL{ float:none; width:100%;}
	.z06 .zConL h5{ margin:0 0 .5rem; font-size:1.2rem;}
	.z06 .zConL p{ font-size:.8rem; line-height:1.8;}
	.z06 .zConL p b{ font-size:1.1rem;}
	.z06 .zConR{ float:none; width:290px; margin:0 auto;}
	.z06 .zConR a{ width:140px; height:45px; display:inline-block; background:url(/images/zicon5.png) no-repeat center center/cover; float:left; margin-top:1.5rem; }
	.z06 .zConR .a2{ background-image:url(/images/zicon6.png); margin-left:10px;}
}

.z07{ position:relative; padding:50px 0 30px;}
.z07 .zCon ul li{ width:15.166%; text-align:center; margin-right:1.8%; float:left;}
.z07 .zCon ul li:last-child{ margin-right:0;}
.z07 .zCon ul li figure img{ display:inline-block;}
.z07 .zCon ul li h5{ font-size:20px; font-weight:bold; margin:0; padding:20px 0 15px;}
.z07 .zCon ul li p{ line-height:22px; font-size:13px; color:#666;}
.z07 .zConB{ padding:30px 0 0;}
.z07 .zConB ul li{ float:left; width:100%; height:auto; padding-bottom:10px;}
.z07 .zConB ul li h4{ background:#DFEAF6; padding:15px 20px; font-weight:bold; font-size:18px; margin:10px 0;}
.z07 .zConB ul li p{ padding:3px 20px; line-height:1.8; font-size:14px;}

.zxwm{ text-align:center; color:#73777A;padding:50px 0px 340px; background:#f8f8f8 url(/images/zxwm.png) no-repeat center bottom; height:auto}


.z08{ background:#f3f3f3; padding:30px 0px; line-height:30px;}
.z08 ul li{ display:inline;}
.z08 ul li a{color:#333333; font-size:14px;}
.z08 ul li a:hover{ color:#0B98DE;}

.z09{ background:#00C1DE; color:#FFFFFF; font-size:16px;}
.z09 .iocList{ float:left;}
.z09 .iocList li{ float:left; margin:15px 30px 15px 0; line-height:50px;}
.z09 .iocList li:last-child{ margin-right:0;}
.z09 .iocList li i{ display:inline-block; font-size:30px; border:1px solid #FFF; border-radius:50%; width:50px; height:50px; text-align:center; vertical-align:middle;}
.z09 .iocList li span{ display:inline-block; font-size:16px; vertical-align:middle; margin-left:5px;}
.z09 .btn-default{ float:right; display:block;border-radius:50px;font-family:'HanHei-SC'; background:#00C1DE; color:#FFFFFF; border:1px solid #FFFFFF;padding:10px 30px; margin:17px 0 0; font-size:18px; line-height:1.3333;} 
.z09 .btn-xs{ display:none}
@media(max-width:767px){
	.t09{background:url(/images/t09Bg.jpg) no-repeat center 0; background-size:auto 100%; height:auto;}
	.t09 p{ line-height:1.5; font-size:1.1rem; padding:1.5rem 10px;}
	.t09 p em{ padding:1rem 0; font-size:1.2rem;}
	.t09 p a{ display:inline-block; width:80%; height:40px; line-height:40px; border-radius:40px; padding:0 10px; font-size:18px;}
	.t09 p ins{ display:none;}
}


.iphonex-adaper-content{left:0px;bottom:0px;width:100%;height:3.5rem;overflow:visible;background-color:transparent;transform:translateZ(0px);position:fixed;z-index:10000 !important;padding-bottom: constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);display:none;}
.groot-ui-grid-row{ width:100%; margin:0 auto;position:relative;height:auto;zoom:1;display:block;box-sizing:border-box;}
.groot-ui-grid-col{ height:3.5em; font-size:1rem;overflow:visible;position:relative;display:block;width:100%;float:left;flex:0 0 auto;box-sizing: border-box;}
.m-loki-widget{width:100%; height:3.5em; top:0px; position:absolute; left:0px;}
.child-widget-container{width:100%;height: 100%;}
.ctn-holiday{height:100%;box-sizing:border-box;background-color:#fff;display: flex;align-items:center;padding:0 10px;box-shadow: none;background-image:linear-gradient(90deg, #ff9233, #fe5136 31%, #fd2245 64%, #fd227a);}
.ctn-holiday-wrapper{display: block;-webkit-tap-highlight-color:transparent; margin:0; padding:0; width:15.3%;}
.ctn-holiday-wrapper:not(:first-child){margin-left:2%; width:80%;}
.ctn-holiday-wrapper a{ display:block;}
.ctn-holiday-button{box-sizing: border-box;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:0.67934783rem;height:3.50996377rem;width:100%;color:rgb(255, 243, 218);}
.groot-ui-image{margin:0;padding:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;    align-items:center;-webkit-box-pack:center;-moz-justify-content:center;-webkit-justify-content:center;justify-content:center;overflow-y:hidden;}
.groot-ui-image .button-img{width:1.21902174rem !important;margin-bottom: 0.25475543rem;margin:0 auto;}
.ctn-holiday-button .button-text{color:#fff;font-size:0.67934783rem;}
.button-one-wrap-animation{animation:scale 4s linear infinite;}
.button-one-wrap{width:100%;height:2.7173913rem;padding:0.56612319rem 0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:24px;background-color:rgb(230, 50, 46);color: rgb(250, 24, 24);font-size:0.962409rem;background-image:linear-gradient(90deg, rgb(255, 243, 218) 4%, rgb(255, 231, 162) 96%);}
.button-one-wrap .button-text{ text-shadow:0 2px 0 #fff;font-weight:bold;}

.m-loki-row-container{bottom:10.875rem;right:0.9375rem;width:3.375rem;height:3.3125rem;overflow:visible;background-color:transparent;transform:translateZ(0px);position:fixed;z-index:10000 !important;display:none;}
.m-loki-row-container .groot-ui-grid-col{height:3.3125em; font-size:1rem;}
.m-loki-row-container .m-loki-widget{width:3.375em; height:3.3125em;}
.wt-618{position:relative;width:3.375rem;height:3.3125rem;background-image:url(/images/float-bg.png);background-size:100% 100%;}
.wt-618 a{ display:block;}
.wt-618 .phone-icon-618.with-motion{animation:shake 4s linear infinite;}
.wt-618 .phone-icon-618{position:absolute;top:0.375rem;left:0.375rem;width:1.58125rem;height:1.58125rem;transform-origin:center center;}
.wt-618 .text-618{position:absolute;right:0;bottom:0;width:3.125rem;height:1.375rem;font-size:0.70625rem;text-align:center;line-height:1.375rem;color:#fff;font-weight:700;}

@keyframes scale { 
  0% { transform: scale(1); }
  12.5% { transform: scale(1.05); }
  25% { transform: scale(1); }
  37.5% { transform: scale(1.05); }
  50% { transform: scale(1); }
  100% { transform: scale(1); }
}
@keyframes shake { 
  0% { transform: rotate(-12deg) scale(1);}
  4% { transform: rotate(8deg) scale(1.2);}
  8% { transform: rotate(-12deg) scale(1);}
  13% { transform: rotate(8deg) scale(1.2);}
  17% { transform: rotate(-12deg) scale(1);}
  33% { transform: rotate(-12deg) scale(1);}
  38% { transform: rotate(8deg) scale(1.2);}
  42% { transform: rotate(-12deg) scale(1);}
  46% { transform: rotate(8deg) scale(1.2);}
  50% { transform: rotate(-12deg) scale(1);}
  100% { transform: rotate(-12deg) scale(1);}
}
@media(max-width:767px){
 .iphonex-adaper-content,.m-loki-row-container{ display:block;}
 .pf_down{ display:none !important;}
}

@font-face {font-family: "iconfont";
  src: url('/style/font/iconfont.eot'); /* IE9*/
  src: url('/style/font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/style/font/iconfont.woff') format('woff'), /* chrome, firefox */
  url('/style/font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('/style/font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}