@charset "utf-8";
/*@Created by zhihong.he
	@Upload date: 2017/03/06
*/
html, body {position: relative;height: 100%;}
body {background:#fff;color: #333;position: relative;
    height: 100%;}
img {vertical-align:top;width: 100%;display: block;}
.pb{padding-bottom: 0.3rem;}
.mt10{margin-top: 0.1rem;}
.mt20{margin-top: 0.2rem;}
.mt30{margin-top: 0.3rem;}
.mt40{margin-top: 0.4rem;}
.banner{width: 100%;}
h1{height: 0;overflow: hidden;}
.cR{color: #f14a51;}
.bg{background: #fff;}
.main{margin: 0 0.3rem;}
.main h3{text-align: center;color: #333;font-size: 0.36rem;padding-top: 0.52rem;}
.box{border: 1px dashed #ffaf32;padding: 0.3rem 0.25rem;color: #ffaf32;line-height: 0.56rem;margin-top: 0.3rem;border-radius: 0.16rem;}
.bdt{border-top: solid 1px #ddd;}
.bdb{border-bottom: solid 1px #ddd;}
.bdb1{border-bottom: solid 1px #eee;}
.f_list{padding: 0.25rem 0.3rem;background-color: #fff;border-radius:5px;text-align: center;border: solid 1px #e1e1e1;}
.f_list .p1 span{color: #333;font-size: 0.24rem;}
.f_list .p1 a{color: #333;font-size: 0.32rem;}
.f_list .p2{color: #999;font-size: 0.24rem;}
.f_list .p2 span{font-size: 0.36rem;}
.buy_btn{display: inline-block;background-color: #f14a51;color: #fff!important;font-size: 0.28rem;text-align: center;width: 1.6rem;height: 0.54rem;line-height: 0.54rem;border-radius: 20px;}
.date{color: #ccc;font-size: 0.22rem;}
.title{border-top: 1px dashed #e1e1e1;height: 0.01rem;margin-top: 0.7rem;width: 100%;text-align: center;position: relative;}
.title b{background: #fff;display: inline-block;font-size: 0.4rem;position: absolute;text-align: center;width: 3.58rem;left: 50%;margin-left: -1.59rem;margin-top: -0.32rem;}
.title b span{color: #ffaf32;}
.tips{font-size: 0.2rem;line-height: 0.32rem;color: #5355b0; padding-bottom: 1.5rem}
.mt5{margin-top:0.5rem}
.hide{
    display: none;
}

.po_re{
      position: relative;
  }
.po_ab{
    position: absolute;
}
img{
    width: 100%;
    height: 100%;
}
.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide{
    transform:translate3d(0,0,0);
    overflow:hidden;
}
.part{
    width: 100%;
    height: 100%;
    transform:translate3d(0,0,0);
    position: relative;
}
.page1{
    background: url("../images/page-1.png") no-repeat  top center / 100% 100%;
}
.page2{
    background: url("../images/page-2.png") no-repeat  top center / 100% 100%;
}

.page3{
    background: url("../images/page-3.png") no-repeat  top center / 100% 100%;
}

.page4{
    background: url("../images/page-4.png") no-repeat  top center / 100% 100%;
}

.page5{
    background: url("../images/page-5.png") no-repeat  top center / 100% 100%;
}
.jt{
    position: absolute;
    width: 0.59rem;
    bottom: 0.6rem;
    left: 50%;
    transform: translate(-50%);
}
.jt1{
    -webkit-animation: bounce-down 1s linear infinite;
    animation: bounce-down 1s linear infinite;
}

@keyframes bounce-down {
25% {bottom: 0.6rem;}
50%{bottom: 0.3rem;}
75% {bottom: 0.6rem;}
100% {bottom: 0.3rem;}
}
.jt2{
    transform: translate(-50%) rotate(180deg);
    -webkit-animation: bounce-up 1s linear infinite;
    animation: bounce-up 1s linear infinite;
}

@keyframes bounce-up {
    25% {bottom: 0.6rem;}
    50%{bottom: 0.3rem;}
    75% {bottom: 0.6rem;}
    100% {bottom: 0.3rem;}
}