@charset "utf-8";
/*@font-face {
    font-family: 'zt1';
    src: url('font/方正清刻本悦宋简.ttf');
}*/
html {
    -ms-touch-action: none; /* 阻止windows Phone 的默认触摸事件 */
}
body,div,p {
	margin: 0;
	padding: 0;
}
ul,li {
	list-style: none;
    margin:0px;
    padding:0px;
}
body {
	width: 100%;
	*cursor: default;
	overflow: hidden;
	font: 16px/1.5 "Microsoft YaHei",Helvetica,STHeiti STXihei,Microsoft JhengHei,Arial;
    position:absolute;
     top:0;
}
#pageContain {
	overflow: hidden;
}
.page {
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	/*top: 0;
	left: 0;*/
}
.contain {
	width: 100%;
	height: 100%;
	display: none;
	position: relative;
	z-index: 0;
}
.current .contain,.slide .contain {
	display: block;
}
.current {
	display: block;
	z-index: 1;
}
.slide {
	display: block;
	z-index: 2;
}
.swipe {
	display: block;
	z-index: 3;
	transition-duration: 0ms !important;
	-webkit-transition-duration: 0ms !important;
}

/* 页面导航 */
#navBar {
	z-index: 3;
	position: absolute;
	top: 10%;
	right: 3%;
}
#navBar .active {
	background: #ccc;
}
#navBar li {
	cursor: pointer;
	margin-bottom: 10px;
	transition: all .7s ease;
	border-radius: 50%;
	line-height: 0.3rem;
	text-align: center;
	width: 0.3rem;
	height: 0.3rem;
}

/* 箭头 */
.arrow_up {position:fixed; bottom:0.1rem; left:50%; width:0.4rem; height:0.33rem; z-index:9999;
-webkit-transform:translateX(-50%);
-webkit-animation:dong 1s linear 0s infinite alternate;
transform:translateX(-50%);
animation:dong 1s linear 0s infinite alternate;
}
@-webkit-keyframes dong {
from {
	bottom:0.1rem;
}
to {
	bottom:0.25rem;
}
}
@keyframes dong {
from {
	bottom:0.1rem;
}
to {
	bottom:0.25rem;
}
}

/* 页面背景 */
.page1{background:url(../images/01.jpg) no-repeat 50% top;}
.page2, .page3, .page4, .page5 {
    background: url(../images/02.jpg) no-repeat 50%;
}






.page1,.page2,.page3,.page4,.page5,.page6,.page7,.page8,.page9,.page10,.page11,.page12,.page13,.page14{
-webkit-background-size:cover;
-moz-background-size:cover;
-ms-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
/*.page1,.page2,.page3,.page4,.page5,.page6,.page7,.page8,.page9,.page10,.page11,.page12,.page13,.page14,.page15{
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
background:url(../images/001.jpg) repeat;
}*/

/* 页面元素 */
.contain{overflow:hidden;}
.contain>ul {position:absolute; width:100%; height:100%; margin:0; padding:0;}
.contain>ul>li img{position:absolute; z-index:10;}

.xhua>img{margin-bottom:0.1rem;}

/*.loading{ width:100%; height:100%; background:#fff; position:absolute; margin:0 auto; z-index:10000;}
.loading img{ position:absolute; top:50%; left:50%; margin-top:-0.95rem; margin-left:-1.56rem;  z-index:10001;}*/

/* 自适应框架（设计图宽度） */
body {
	max-width: 8.5rem;
	margin: 0 auto;
}
body * {
	max-width: 8.5rem;
}
.none{display:none;}
.t1 {
    color:#5B5B5B
}
.t2 {
    color: #5F5F5F
}
.t3 {
    color: #AC1818
}
.t4 {
    color: #719BAD
}
.t5 {
    color: #51311E
}
.t6 {
    color: #D76D07
}
.f16 {
    font-size: 0.7em;
}

.f18 {
    font-size: 0.85em;
}

.f20 {
    font-size: 0.9em;
}

.f22 {
    font-size: 0.95em;
}

.f24 {
    font-size: 1em;
}

.f26 {
    font-size: 1.05em;
}

.f28 {
    font-size: 1.05em;
}

.f30 {
    font-size: 1.2em;
}

.f32 {
    font-size: 1.4em;
}

.f36 {
    font-size: 1.5em;
}

.f38 {
    font-size: 1.55em;
}

.f40 {
    font-size: 1.6em;
}

.lh120 {
    line-height: 120%
}

.lh130 {
    line-height: 130%
}
.lh133 {
    line-height: 133%
}

.lh140 {
    line-height: 140%
}

.lh155 {
    line-height: 155%
}

.lh160 {
    line-height: 160%
}

.lh180 {
    line-height: 180%
}

@media screen and (max-width: 640px) {
    .f16 {
        font-size: 0.7em;
    }

    .f18 {
        font-size: 0.85em;
    }

    .f20 {
        font-size: 0.9em;
    }

    .f22 {
        font-size: 0.95em;
    }

    .f24 {
        font-size: 1em;
    }

    .f26 {
        font-size: 1.05em;
    }

    .f28 {
        font-size: 1.05em;
    }

    .f30 {
        font-size: 1.2em;
    }

    .f32 {
        font-size: 1.4em;
    }

    .f36 {
        font-size: 1.5em;
    }

    .f38 {
        font-size: 1.55em;
    }

    .f40 {
        font-size: 1.6em;
    }
}

@media screen and (max-width: 414px) {
    .f16 {
        font-size: 0.5em;
    }

    .f18 {
        font-size: 0.65em;
    }

    .f20 {
        font-size: 0.7em;
    }

    .f22 {
        font-size: 0.75em;
    }

    .f24 {
        font-size: 0.8em;
    }

    .f26 {
        font-size: 0.85em;
    }

    .f28 {
        font-size: 1.05em;
    }

    .f30 {
        font-size: 1.2em;
    }

    .f32 {
        font-size: 1.4em;
    }

    .f36 {
        font-size: 1.5em;
    }

    .f38 {
        font-size: 1.55em;
    }

    .f40 {
        font-size: 1.6em;
    }
}

@media screen and (max-width: 400px) {
    .f16 {
        font-size: 0.5em;
    }

    .f18 {
        font-size: 0.65em;
    }

    .f20 {
        font-size: 0.7em;
    }

    .f22 {
        font-size: 0.75em;
    }

    .f24 {
        font-size: 0.8em;
    }

    .f26 {
        font-size: 0.85em;
    }

    .f28 {
        font-size: 1.05em;
    }

    .f30 {
        font-size: 1.2em;
    }

    .f32 {
        font-size: 1.4em;
    }

    .f36 {
        font-size: 1.5em;
    }

    .f38 {
        font-size: 1.55em;
    }

    .f40 {
        font-size: 1.6em;
    }
}

@media screen and (max-width: 392px) {
    .f16 {
        font-size: 0.45em;
    }

    .f18 {
        font-size: 0.6em;
    }

    .f20 {
        font-size: 0.65em;
    }

    .f22 {
        font-size: 0.7em;
    }

    .f24 {
        font-size: 0.75em;
    }

    .f26 {
        font-size: 0.8em;
    }

    .f28 {
        font-size: 0.95em;
    }

    .f30 {
        font-size: 1.1em;
    }

    .f32 {
        font-size: 1.3em;
    }

    .f36 {
        font-size: 1.4em;
    }

    .f38 {
        font-size: 1.45em;
    }

    .f40 {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 385px) {
    .f16 {
        font-size: 0.45em;
    }

    .f18 {
        font-size: 0.6em;
    }

    .f20 {
        font-size: 0.65em;
    }

    .f22 {
        font-size: 0.7em;
    }

    .f24 {
        font-size: 0.75em;
    }

    .f26 {
        font-size: 0.8em;
    }

    .f28 {
        font-size: 0.95em;
    }

    .f30 {
        font-size: 1.1em;
    }

    .f32 {
        font-size: 1.3em;
    }

    .f36 {
        font-size: 1.4em;
    }

    .f38 {
        font-size: 1.45em;
    }

    .f40 {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 375px) {
    .f16 {
        font-size: 0.45em;
    }

    .f18 {
        font-size: 0.6em;
    }

    .f20 {
        font-size: 0.65em;
    }

    .f22 {
        font-size: 0.7em;
    }

    .f24 {
        font-size: 0.75em;
    }

    .f26 {
        font-size: 0.8em;
    }

    .f28 {
        font-size: 0.95em;
    }

    .f30 {
        font-size: 1.1em;
    }

    .f32 {
        font-size: 1.3em;
    }

    .f36 {
        font-size: 1.4em;
    }

    .f38 {
        font-size: 1.45em;
    }

    .f40 {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 359px) {
    .f16 {
        font-size: 0.4em;
    }

    .f18 {
        font-size: 0.5em;
    }

    .f20 {
        font-size: 0.55em;
    }

    .f22 {
        font-size: 0.6em;
    }

    .f24 {
        font-size: 0.65em;
    }

    .f26 {
        font-size: 0.7em;
    }

    .f28 {
        font-size: 0.75em;
    }

    .f30 {
        font-size: 0.9em;
    }

    .f32 {
        font-size: 1.1em;
    }

    .f36 {
        font-size: 1.2em;
    }

    .f38 {
        font-size: 1.25em;
    }

    .f40 {
        font-size: 1.3em;
    }
}
.cf:before, .cf:after {
    content: "";
    display: table
}

.cf:after {
    clear: both
}

.cf {
    *zoom: 1
}
.fb{font-weight:bold}
.plqh > li {
    background: #EE8C2B;
    width: 1.03rem;
    height: 0.44rem;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    line-height: 0.44rem;
    text-align: center;
    float: left;
    display: inline;
    margin-right: 0.08rem
}
.plqh li.act {
    background: #fff
}
.bord1 {
    background: #ED8B2B;
    border-radius: 5px;
    width: 100%;
    text-align: center;
    height: 0.41rem;
    line-height: 0.41rem;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0.1rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0rem)
    }
}

@keyframes fadeInUp2 {
    0% {
        opacity: 0;
        transform: translateY(0.1rem)
    }

    100% {
        opacity: 1;
        transform: translateY(0rem)
    }
}
@keyframes jello {
    0%, 11.1%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}
.z1 {
    -webkit-transform: translateZ(0);
    background-image: url(../images/1_1.png);
    background-repeat: no-repeat;
    background-size: 4.94rem 2.78rem;
    -webkit-mask: url(../images/6_1.jpg);
    -webkit-mask-size: 100% 100%;
    width: 4.94rem;
    height: 0rem;
    -webkit-animation: wipe 4s 2.2s forwards;
    animation: wipe 4s 2.2s forwards;
}
@-webkit-keyframes wipe {
    0% {
        height: 0rem;
    }

    100% {
        height: 2.78rem;
    }
}
@keyframes wipe {
    0% {
        height: 0rem;
    }

    100% {
        height: 2.78rem;
    }
}
.xfs {
    -webkit-animation: xf 1.5s infinite;
    animation: xf 1.5s infinite;
    transform-origin:center center;
}

@-webkit-keyframes xf {
    0% {
        -webkit-transform: translateY(0.15rem) rotateX(0deg)
    }

    100% {
        -webkit-transform: translateY(0) rotateX(-30deg)
    }
}
@keyframes xf{
    0% {
        transform: translateY(0.15rem) rotateX(0deg)
    }

    100% {
        transform: translateY(0) rotateX(-30deg)
    }
}

.ckxq,.dz {
    cursor: pointer
}