@font-face{
    font-family:fangzheng;
    src: url("./方正清刻本悦宋简体.TTF");
}
html{margin:0;padding:0;font-size: 100%;}
html, body, form, p, div, h1, h2, h3, h4, h5, h6{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-o-text-size-adjust:none;}
body{margin:0;padding:0; width:100%;font-size:15px;font-family:'PingFang SC','PingFang TC','Microsoft YaHei',"STHeiti",arial,helvetica,sans-serif;font-weight:normal;}
ul,li,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0; list-style:none;font-weight:normal;}
a{ text-decoration:none;outline:none;}
a img,button{border:0;}
img{ display: block;width: 100%;}
button{outline:none;}
input,textarea{font-family:'PingFang SC','PingFang TC','Microsoft YaHei',"STHeiti",arial,helvetica,sans-serif;font-weight:normal;-webkit-appearance: none;}
.page_wrap{ margin:0 auto;position: relative;min-width: 320px;max-width:1242px;overflow: hidden;background-color: #fff;background-size: 100%;}
.clear:after{content:"."; display:block;  height:0;clear:both; visibility:hidden; }

.bgm_btn{
    width:.6rem;
    height:.6rem;
    position: absolute;
    z-index: 999;
    right: .2rem;
    top: .2rem;
    background:url(./img/music_off.png) top left/100% no-repeat;
}
.bgm_btn.play{animation: rotationBtn 2s linear infinite;}
@-moz-keyframes rotationBtn{
	0%{transform: rotate(0);}
	100%{transform: rotate(360deg);}
}
@-ms-keyframes rotationBtn{
	0%{transform: rotate(0);}
	100%{transform: rotate(360deg);}
}
@-webkit-keyframes rotationBtn{
	0%{transform: rotate(0);}
	100%{transform: rotate(360deg);}
}
@keyframes rotationBtn{
	0%{transform: rotate(0);}
	100%{transform: rotate(360deg);}
}
/* .jietu{
    display: none;
} */
.con03,.cover,.bag_active,.cover_two,.active_bg,.jifu,.share,.jietu,.jiazaizhong{
    position: absolute;
    min-width: 320px;
    max-width:1242px;
    width:100%;
    height:100%;
    overflow: hidden;
}
.con03{
    display: none;
    background:url(./img/bag_bg.png) top left/100% 100% no-repeat;
}
.con03 .bag{
    position: absolute;
    top:-2rem;
}
.con03 .bag img{
    width:100%;
}
.bag_active{
    display: none;
}
.con03 .bag_bg{
    width:2rem;
}
.con03 .bag_md{
    width:1.6rem;
}
.con03 .bag_sm{
    width:1.1rem;
}
.cover{
    background-color:#d23c3b;
}
.cover .cover_bg{
    background:url(./img/one_bg.png) top left/100% 100% no-repeat;
    width:7.5rem;
    height:13.34rem;
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
}
.cover .cover_btn{
    width:4.26rem;
    height:1.16rem;
    background:url(./img/inp_bg.png) top left/100% 100% no-repeat;
    background-color:transparent;
    position: absolute;
    top:7.54rem;
    left:0;
    right:0;
    margin:0 auto;
}
.cover_two{
    display:none;
    background-color:#d23c3b;
}
.cover_two .cover_two_bg{
    background:url(./img/two_bg.png) top left/100% 100% no-repeat;
    width:7.5rem;
    height:13.34rem;
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
}
.cover_two .cover_two_btn{
    width:3.86rem;
    height:1.16rem;
    background:url(./img/inp_bg2.png) top left/100% 100% no-repeat;
    background-color:transparent;
    position: absolute;
    top:6rem;
    left:0;
    right:0;
    margin:0 auto;
}
.bag_active .fuka,.bag_active .fuka_back{
    width:6.28rem;
    height:8.52rem;
    position:absolute;
    top:1.12rem;
    left:0;
    right:0;
    margin:0 auto;
}
.bag_active .fuka_btn{
    width:3.88rem;
    height:1.25rem;
    background:url(./img/inp_bg3.png) top left/100% no-repeat;
    position: absolute;
    top:7.66rem;
    left:0;
    right:0;
    margin:0 auto;
}
.active_bg{
    background:url(./img/active_bg.png) top left/100% 100% no-repeat;
    display: none;
}
.bag_active .fuka{
    background:url(./img/bag_active_bg.png) top left/100% no-repeat;
}
.bag_active .fuka .fuka_min{
    background:url(./img/bag_active.png) top left/100% no-repeat;
    width:3.78rem;
    height:3.78rem;
    position: absolute;
    left:1.27rem;
    top:.8rem;
}
.bag_active .fuka_back{
    display: none;
	transform:rotateY(-180deg);
}
.bag_active .fuka_back .msg_more{
    display: none;
}
.bag_active .fuka_back .title{
    padding-top:.89rem;
}
.father_back{
    animation:fatherBack 0.5s 1;
    animation-fill-mode :both;
}
@keyframes fatherBack
{
    from {transform: rotateY(0deg);}
    to {transform: rotateY(180deg);}
}
.fuka1{
    background:url(./img/cur1.png) top left/100% no-repeat;
}
.fuka2{
    background:url(./img/cur2.png) top left/100% no-repeat;
}
.fuka3{
    background:url(./img/cur3.png) top left/100% no-repeat;
}
.fuka4{
    background:url(./img/cur4.png) top left/100% no-repeat;
}
.fuka5{
    background:url(./img/cur5.png) top left/100% no-repeat;
}
.fuka6{
    background:url(./img/cur6.png) top left/100% no-repeat;
}
.fuka7{
    background:url(./img/cur7.png) top left/100% no-repeat;
}
.fuka8{
    background:url(./img/cur8.png) top left/100% no-repeat;
}
.fuka9{
    background:url(./img/cur9.png) top left/100% no-repeat;
}
.bag_active .fuka_back .fuka_go{
    width:3.88rem;
    height:1.25rem;
    background:url(./img/pinfu.png) top left/100% no-repeat;
    position: absolute;
    top:6.56rem;
    left:0;
    right:0;
    margin:0 auto;
}
.jifu{
    background-color:#d23c3b;
    display: none;
}
.jifu .fu_box{
    width:6.8rem;
    height:11rem;
    position: absolute;
    left:0;
    right:0;
    margin:0 auto;
    top:.25rem;
    background:url(./img/jixujifu.png) top left/100% no-repeat;
}
.jifu .jifu_btn{
    position: absolute;
    width:4.15rem;
    height:1.15rem;
    left:0;
    right:0;
    margin:0 auto;
    top:7.53rem;
}
.jifu .fu_box .jifu_btn.jixu{
    background:url(./img/jixu_btn.png) top left/100% no-repeat;
}
.jifu .fu_box .jifu_btn.fenxiang{
    background:url(./img/pintuwancheng.png) top left/100% no-repeat;
    display:none;
}
.jifu .fu_box .fuka_box{
    position: absolute;
    width:4.3rem;
    height:4.3rem;
    left:0;
    right:0;
    margin:0 auto;
    top:2.02rem;
}
.jifu .fu_box .fuka_box div{
    width:33.333%;
    height:33.333%;
    position: absolute;;
    display: none;
}
.jifu .fu_box .fuka_box .fu_cur1{
    background:url(./img/cur1_ac.png) top left/100% no-repeat;
    top:0;
    left:0;
}
.jifu .fu_box .fuka_box .fu_cur2{
    background:url(./img/cur2_ac.png) top left/100% no-repeat;
    top:0;
    left:33.333%;
}
.jifu .fu_box .fuka_box .fu_cur3{
    background:url(./img/cur3_ac.png) top left/100% no-repeat;
    top:0;
    left:66.666%;
}
.jifu .fu_box .fuka_box .fu_cur4{
    background:url(./img/cur4_ac.png) top left/100% no-repeat;
    top:33.333%;
    left:0;
}
.jifu .fu_box .fuka_box .fu_cur5{
    background:url(./img/cur5_ac.png) top left/100% no-repeat;
    top:33.333%;
    left:33.333%;
}
.jifu .fu_box .fuka_box .fu_cur6{
    background:url(./img/cur6_ac.png) top left/100% no-repeat;
    top:33.333%;
    left:66.666%;
}
.jifu .fu_box .fuka_box .fu_cur7{
    background:url(./img/cur7_ac.png) top left/100% no-repeat;
    top:66.666%;
    left:0;
}
.jifu .fu_box .fuka_box .fu_cur8{
    background:url(./img/cur8_ac.png) top left/100% no-repeat;
    top:66.666%;
    left:33.333%;
}
.jifu .fu_box .fuka_box .fu_cur9{
    background:url(./img/cur9_ac.png) top left/100% no-repeat;
    top:66.666%;
    left:66.666%;
}
.jifu .click_bag{
    width:100%;
    height:100%;
    background:url(./img/op_bg.png) top left repeat;
    position: absolute;
    opacity:0;
}
.jifu .click_bag>div{
    margin:0 auto;
    width:4.4rem;
    margin-top:1.53rem;
}
.jifu .click_bag div .hint{
    width:100%;
}
.click_close{
    width:.58rem;
    float: right;
    margin-right:.01rem;
    margin-bottom:.15rem;
}
.jifu .bag_msg{
    width:100%;
    height:100%;
    background:url(./img/op_bg.png) top left repeat;
    position: absolute;
    display: none;
}
.jifu .bag_msg>div{
    margin:0 auto;
    width:6.28rem;
    margin-top:.83rem;
    overflow: hidden;
}
.jifu .bag_msg>div .msg{
    width:100%;
    height:8.52rem;
    background:#FCECC1;
    border-radius:.19rem;
    border:.04rem solid #701919;
    float: left;
    position: relative;
}
.jifu .bag_msg>div .msg .fuka_go{
    display: none;
}
.jifu .bag_msg>div .msg .msg_more{
    display:block;
    width:4.48rem;
    height:1.25rem;
    border-radius:.39rem;
    background:url(./img/more.png) top left/100% no-repeat;
    position: absolute;
    bottom:1.25rem;
    left:0;
    right:0;
    margin:0 auto;
}
.title{
    font-size:.56rem;
    font-family:fangzheng;
    color:#871212;
    padding: .7rem .3rem .26rem;
    text-align: center;
}
.brief{
    font-size:.36rem;
    font-family:fangzheng;
    color:#871212;
    line-height:.46rem;
    padding: 0 .6rem;
    text-align: justify;
}
.jifu .complete{
    width:100%;
    height:100%;
    background:url(./img/op_bg.png) top left/100% repeat;
    position: absolute;
    display: none;
}
.jifu .complete .fuguang{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    display: none;
}
.jifu .complete .fuguang img{
    transform:scale(0.5);
    opacity: 0;
}
.jifu .complete .fuguang .fuguang_img{
    animation:rotater 2s both;
}
@keyframes rotater{
    25%{transform:scale(0.5);opacity: 0.25;}
    50%{transform:scale(1.2);opacity: 0.5;}
    100%{transform:scale(1);opacity: 1;}
}
.jifu .complete .c_shadow{
    width:4.38rem;
    position: absolute;
    left:0;
    right:0;
    margin:0 auto;
    margin-top:1.5rem;
}
.jifu .complete .jifu_btn.fenxiang{
    background:url(./img/pintuwancheng.png) top left/100% no-repeat;
}
.jifu .complete .c_shadow .fu_img{
    transform: scale(0);
}
.minTOmax{
    animation:minTOmax 0.5s 1;
    animation-fill-mode :both;
}
@keyframes minTOmax
{
    0% {transform: scale(0);}
    10% {transform: scale(0.1);}
    20% {transform: scale(0.2);}
    30% {transform: scale(0.3);}
    40% {transform: scale(0.4);}
    50% {transform: scale(0.5);}
    60% {transform: scale(0.6);}
    70% {transform: scale(0.7);}
    80% {transform: scale(0.8);}
    90% {transform: scale(0.9);}
    100% {transform: scale(1);}
}
.share{
    background:#d23c3b;
    display: none;
}
.share .share_ch{
    background: url(./img/share.png) top left/100% 100% no-repeat;
    width: 7.5rem;
    height: 13.34rem;
    position: absolute;
    top: 0;
	left:0;
	right:0;
	margin:0 auto;
}
.jiazaizhong {min-width: 320px;width: 100%;height: 100%;z-index:999;background:#eee;left: 0;top: 0;overflow: hidden;margin: 0 auto;}
.jiazaizhong img {position: absolute;left: 50%;top: 50%;margin-left: -0.49rem;margin-top: -0.45rem;width: 0.9rem;height: 0.9rem;}
.jiazaizhong p {position: absolute;top: 50%;margin-top: 0.7rem;color: #5F6464;font-size: 0.4rem;width: 100%;text-align: center;}