@media only screen and (min-width: 640px) {
    html {
        font-size:170.6666px
    }
}

@media only screen and (min-width: 320px) and (max-width:640px) {
    html {
        font-size:26.6666vw
    }
}

@media only screen and (max-width: 320px) {
    html {
        font-size:85.3333px
    }
}

html {
    background-color: #f7f7f7
}

body {
    background-color: #221671
}

.m-box-wrap {
    position: relative;
    background-color: #fff;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    border-radius: .05rem;
    padding: .03rem;
    margin: .1rem
}

.m-box-wrap::after,.m-box-wrap::before {
    content: "";
    position: absolute;
    left: .03rem;
    top: .03rem;
    width: .16rem;
    height: .16rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAWlBMVEX////XhAHbjxfZiQr++/b9+O/ntmjhoDr03LXtyIzw0qD248T679746tT037zx1afoum/krFHemSvvzJbtxonclST89On78uT35szqvXflsF3ipUXckyHvzZd4GwrqAAAA/ElEQVQ4y4XRWRKDIAwA0EBY3eravfe/ZhMYa4sdkw9EeAYSQQnxA9DfezeM3ysP2Oauhhy28nlpeVn4AHeGr+goDUaarEB3n71w4tH0zxY2sDTr9smrmGcGNqCboCmhDU7TW7XiDXSgmakcYQccANIjOs8GryVAun+knSmVSEeXwPFDx0kNF57tQc0fEhsUzuYPwFS88nBBuuit3QHPo1MaYM49MwW408BlAphcqC1Az/3L67cEmgJwEfz3KHObQF2AASBwf/JJf1o90glzFVL/jG3qqsjAhx8GpZSAl4DqJDAaAaheAk9zDLAVMkThkotU5iQAlFr9ON5/A6O9BqZvH2FOAAAAAElFTkSuQmCC) no-repeat;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}

.m-box-wrap::after {
    left: auto;
    right: .03rem;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

.m-box {
    position: relative;
    border: 1px solid #d78401
}

.m-box::after,.m-box::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: .16rem;
    height: .16rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAVFBMVEX////XhAH99+7bjxj++/XntmjhoDraiw7YiAj03LXtyIz+/fr78ODw0qD248TclCL46tT037zx1afvzZboum/krFHemSvtxon35szqvXflsF3ipUXFI+AhAAAA/UlEQVQ4y4WSCa7DIAxEbdYAScieLve/5zfur5qSqB4JSxZP1jAY8Am/hY0SAJwlICcBwCgBzSAAmI0ALMKEzQjAKJh0Ug6dBEhRbwDT3oVbaYxq+66vgBUglLRKo5HUVYCl4hCR3jpgUTWBU5qQrdwZaCvgQSXRbHLgGahMv2KwqAF2vtemAnyiGohraYC/n372ZUqR1xX9bq6CsvzAOOPaXgbFWxvxfzeVOQE8oviP1mkk/nYCcOQI6bDCGdBt0D6CClZfRF2U3/bS5N5Lbo4A6s9WhYmvlzwcAJL9SnjcyG1MB4B62ydgqc4hK8+KgIO8eyx23fCj5gko6A/k3wcmpd/q6AAAAABJRU5ErkJggg==) no-repeat;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}

.m-box::after {
    left: auto;
    right: 0;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

.m-box__title {
    position: relative;
    width: 3.01rem;
    height: .45rem;
    background: url(/zwds/index_title.png?v=1.0.1) no-repeat;
    -moz-background-size: 3.01rem auto;
    background-size: 3.01rem auto;
    overflow: hidden;
    margin: -.2rem auto 0
}

.m-img {
    display: block;
    width: 100%
}

.common-tips {
    background-color: rgba(58,42,38,.5)
}

.product-popular {
    border: none
}

.product-popular__title {
    display: none
}

.product-popular {
    background-color: transparent;
    padding-top: 0!important
}

.m-box .product-popular__ul {
    padding-top: 0;
    padding-bottom: 0
}

.index-hot__title {
    background-position: 0 -.45rem
}

.common-testfixed {
    height: .72rem
}

.public_pay_bottom>span,.common-testfixed span {
    height: .58rem;
    line-height: .58rem;
    margin-top: .07rem;
    font-size: .24rem;
    font-weight: 700;
    background: url(/zwds/m_btn_fixed.png?v=1.0.1) no-repeat top center;
    -moz-background-size: auto .58rem;
    background-size: auto .58rem
}

.public_paybottom_height {
    height: .7rem
}

.public_pay_bottom {
    height: .8rem
}

.public_pay_bottom i {
    display: none
}

.footer-base__help,.footer-base__help .kf {
    color: #e6dbc6
}

.public_form_checkbox.active {
    background-color: #05014a
}

.index-banner {
    position: relative;
    overflow: hidden
}

.index-banner .words {
    position: absolute;
    z-index: 100;
    width: .74rem;
    height: .69rem;
    display: block;
    overflow: hidden
}

.index-banner .words1 {
    top: 1.17rem;
    left: .5rem;
    background: url(/zwds/index_words_1.png?v=1.0.1) no-repeat;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}

.index-banner .words2 {
    top: 1.17rem;
    right: .5rem;
    background: url(/zwds/index_words_2.png?v=1.0.1) no-repeat;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}

.index-banner .words3 {
    top: 2.4rem;
    left: .5rem;
    background: url(/zwds/index_words_3.png?v=1.0.1) no-repeat;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}

.index-banner .words4 {
    top: 2.4rem;
    right: .5rem;
    background: url(/zwds/index_words_4.png?v=1.0.1) no-repeat;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}

.index-banner .tag-active {
    -webkit-animation: wordsAnimate 1s linear infinite;
    -moz-animation: wordsAnimate 1s linear infinite;
    animation: wordsAnimate 1s linear infinite
}

@-webkit-keyframes wordsAnimate {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes wordsAnimate {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes wordsAnimate {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.index-banner .ib-taji {
    position: absolute;
    top: 1.8rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: .64rem;
    height: .64rem;
    background: url(/zwds/index_icon_taji.png?v=1.0.1) no-repeat;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-animation: rotate-taiji 5s linear infinite;
    -moz-animation: rotate-taiji 5s linear infinite;
    animation: rotate-taiji 5s linear infinite
}

@-webkit-keyframes rotate-taiji {
    0% {
        -webkit-transform: translateX(-50%) rotate(0);
        transform: translateX(-50%) rotate(0)
    }

    to {
        -webkit-transform: translateX(-50%) rotate(1turn);
        transform: translateX(-50%) rotate(1turn)
    }
}

@-moz-keyframes rotate-taiji {
    0% {
        -moz-transform: translateX(-50%) rotate(0);
        transform: translateX(-50%) rotate(0)
    }

    to {
        -moz-transform: translateX(-50%) rotate(1turn);
        transform: translateX(-50%) rotate(1turn)
    }
}

@keyframes rotate-taiji {
    0% {
        -webkit-transform: translateX(-50%) rotate(0);
        -moz-transform: translateX(-50%) rotate(0);
        -o-transform: translateX(-50%) rotate(0);
        transform: translateX(-50%) rotate(0)
    }

    to {
        -webkit-transform: translateX(-50%) rotate(1turn);
        -moz-transform: translateX(-50%) rotate(1turn);
        -o-transform: translateX(-50%) rotate(1turn);
        transform: translateX(-50%) rotate(1turn)
    }
}

.index-form {
    font-size: .16rem;
    margin-top: -.65rem
}

.index-form__title {
    height: .2rem;
    background: url(/zwds/index_form_title.png?v=1.0.1) no-repeat top center;
    -moz-background-size: auto .2rem;
    background-size: auto .2rem;
    margin: .15rem auto
}

.index-form__li input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px #fdefe1 inset;
    box-shadow: 0 0 0 100px #fdefe1 inset
}

.index-form__li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: .4rem;
    line-height: .4rem;
    background-color: #fdefe1;
    -webkit-border-radius: .03rem;
    -moz-border-radius: .03rem;
    border-radius: .03rem;
    margin: 0 .1rem .15rem
}

.index-form__words {
    width: .8rem;
    text-align: center;
    height: .4rem;
    line-height: .4rem;
    margin-right: .1rem;
    color: #05014a
}

.index-form__r {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.index-form__input {
    font-size: .16rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: .4rem;
    background-color: #fdefe1;
    -webkit-border-top-right-radius: .05rem;
    -moz-border-radius-topright: .05rem;
    border-top-right-radius: .05rem;
    -webkit-border-bottom-right-radius: .05rem;
    -moz-border-radius-bottomright: .05rem;
    border-bottom-right-radius: .05rem
}

.index-form__sex {
    height: .4rem
}

.index-form__sex span {
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin-right: .3rem;
    padding-left: .3rem
}

.index-form__sex span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .2rem;
    height: .2rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAIVBMVEUFAUoAAAAFAUoFAUoFAUoFAUoFAUoFAUoFAUoFAUoFAUo7+hrLAAAAC3RSTlOAAHlRR3FeLSYVDcIYJpcAAACqSURBVCjPbZIxDgIxDARX4UCULBwIrgoFDdVBB++BnuMHSDwAfowiEfkS75QjK47tBQVZvu/xcHsVcndGIlxGsuvx52ryiUwYsmxhNFn2GHFK0gqtFOQDBUOSXSzlMckVSiZJflDxJay39QdjLffEFjVzonWyITZOzoi1k1Ni6WQgFnDISvmm7C7/qSfSs+st+X3qzesb+Wuqu8uE6Czp1Ol86iTrzHu0/AFtcR9GnxAjkgAAAABJRU5ErkJggg==) no-repeat;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}

.index-form__sex .cur::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAvVBMVEUAAAAFAUoFAUo1MmwFAUoFAUr4+PrR0N7PztyamLZVU4QWElYFAUoFAUoFAUoFAUoFAUoFAUoFAUq7us7q6vDm5e0FAUru7vMFAUrs7PLm5u0FAUoFAUq6uc3///+1AAD+/v7DLy+6Dw/45OTXdXW4CAjor6/nq6vWcnL++vr99/f24ODlpqbgk5PZfHzIQUHAIyP67u7mqankoqLQXV3ENDTCLCy8FRXz1tbvycnuxsbrurrUamrGPDzBKyvmxUmkAAAAHnRSTlMAgHmNT0f419a2mYRxXlMmFQ0FyezoLfBJ7ehILsn9gt4XAAABi0lEQVQ4y7WU6XKCMBSFJbLLouJWtYBo675v3d//sZobJHFucJgy0/OHTPjmJCc3uZVyavqa6xCFOK7mNx9jdZUoQkSt52MNT8HyGjlcB9ywSEfitPRP1TJbeqg/mVY1ndAQp7JZ24jDTLFhszlV9qs9M0ygQQ2me/f7Y6u2Q6w2W78j8hLguqGsLpCEZ/dgXeYne8LqXnbO4B+E+QrgZ10ktuMHYGzz5E3YoSER8+l29km/BuyS1d2HJLLh8is5T8AS8vjZGVoyN0uiaAcjK6uPSwcm5sazF8qdYGjS/y6ADh20MDeh3Oj4BuMW/e8ACFn0W8TFXviNXtNJHdIAqFDdjD7WmzH3A44JAOT4fU0m+1hwwhHtMYqiZPO+STjH94hSn0aU3F4pN+Vcmhqd43J1iUCc4+eIKzM/7Ch3OXCKVwbXer76Se79RK3x7Vmsz+vc24Pv42K1Pcr38Y83vPjNoFfYl7j+7RUKDdi7DnLf9aBEpwD1HvSeXgVrmNvNhiX6Y3HHLe7h/6xfCt9W4Hju0WUAAAAASUVORK5CYII=)
}

.index-form__birthday {
    font-size: .16rem;
    width: 100%;
    padding-right: .3rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: .4rem;
    line-height: .4rem;
    background-color: #fcf9f6;
    -webkit-border-top-right-radius: .05rem;
    -moz-border-radius-topright: .05rem;
    border-top-right-radius: .05rem;
    -webkit-border-bottom-right-radius: .05rem;
    -moz-border-radius-bottomright: .05rem;
    border-bottom-right-radius: .05rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAV1BMVEUAAABAPmhAPmhAPmhAPmhAPmhAPmhAPmhAPmhAPmhAPmhAPmhAPmhAPmhAPmhAPmhAPmhAPmhAPmhAPmhAPmhAPmhAPmhAPmhAPmhAPmhAPmhAPmhAPmj/9lFBAAAAHHRSTlMAHzNEmYgP3XhV7gT5Z9JwPYGQW0ksCvLlyLutaKX3rgAAAQlJREFUOMvN1d1ugyAYgOGiSIvgb+3v3vu/zmFcN2jn52Iy0+dEQl5J/A5kt4mmLtINp+tqplVAnuxY8Ob3+AQck50KUC+dGay1DdDbmAaq8Byi48/aI/O9e7Q3lt2/6o6/aKb4CherlBrGLRUbjxnC8+ihnj4OKOancRoXGnCP8R7GhfGQJXEL5XlcFICJ4qDVdpc69uHt11i2Pr5pWR3Fy1bH5V5WrvjAjeK2K1JdOxsrzzOv5uKWV+1c7HT5TLspft/RuVP24yzHpiZyVWKck6jkk69ELuLJoc4jZtvRGaAXwuiPFOzBV5mkmf51owZROkh3Z9nH96XUXZCVBxfdYVkuyUL6vz4Bx2BHwzwCC90AAAAASUVORK5CYII=) no-repeat 98% center;
    -moz-background-size: .2rem auto;
    background-size: .2rem auto
}

.index-form__btn a {
    display: block;
    height: .56rem;
    background: url(/zwds/index_btn.png?v=1.0.1) no-repeat top center;
    -moz-background-size: auto .56rem;
    background-size: auto .56rem;
    text-indent: -99999px;
    -webkit-animation: zoom 1.5s linear infinite;
    -moz-animation: zoom 1.5s linear infinite;
    animation: zoom 1.5s linear infinite;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

.index-form__test {
    text-align: center;
    font-size: .14rem;
    color: #fff;
    margin: .07rem 0 .1rem
}

.index-form__agreement {
    text-align: center;
    font-size: .12rem;
    line-height: .24rem;
    color: #05014a;
    margin: 0 auto .05rem
}

.index-form__agreement input {
    -webkit-appearance: checkbox;
    vertical-align: middle;
    position: relative;
    margin-top: -.02rem;
    margin-right: .05rem;
    width: .14rem;
    height: .14rem
}

.index-form__agreement a {
    color: #05014a
}

.index-form__agreement span {
    text-decoration: underline;
    color: #05014a
}

.index-pic {
    margin: 0 .1rem .1rem
}

.index-feedback {
    margin-top: .35rem
}

.user-feedback>ul>li {
    margin: 0 .14rem;
    border-bottom: 1px dashed #999;
    padding-left: 0;
    padding-right: 0
}

.user-feedback>ul>li>strong {
    position: relative;
    padding-left: .34rem;
    margin-bottom: .05rem;
    display: block;
    min-height: .3rem;
    line-height: .3rem
}

.user-feedback>ul>li>strong::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .3rem;
    height: .3rem;
    line-height: .3rem;
    overflow: hidden;
    background: url(/zwds/index_icon_user.png?v=1.0.1) no-repeat;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}

.user-feedback>ul>li:nth-child(4n-3)>strong::before {
    background-position: 0 0
}

.user-feedback>ul>li:nth-child(4n-2)>strong::before {
    background-position: 0 -.3rem
}

.user-feedback>ul>li:nth-child(4n-1)>strong::before {
    background-position: 0 -.6rem
}

.user-feedback>ul>li:nth-child(4n)>strong::before {
    background-position: 0 -.9rem
}

@-webkit-keyframes zoom {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@-moz-keyframes zoom {
    0% {
        -moz-transform: scale(.9);
        transform: scale(.9)
    }

    50% {
        -moz-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -moz-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes zoom {
    0% {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -o-transform: scale(.9);
        transform: scale(.9)
    }

    50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -o-transform: scale(.9);
        transform: scale(.9)
    }
}

.anim-page {
    overflow: hidden;
    background: url(/zwds/guide_bg.jpg?v=1.0.1) no-repeat top center;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    padding-bottom: 1rem
}

.guide-mingpan {
    height: 3.68rem;
    width: 3.3rem;
    margin: 1rem auto 0;
    position: relative
}

.guide-mingpan .star-list .star0 {
    right: .83rem;
    bottom: 0
}

.guide-mingpan .star-list .star1 {
    right: 1.67rem;
    bottom: 0
}

.guide-mingpan .star-list .star2 {
    left: 0;
    bottom: 0
}

.guide-mingpan .star-list .star3 {
    left: 0;
    bottom: .95rem
}

.guide-mingpan .star-list .star4 {
    left: 0;
    bottom: 1.88rem
}

.guide-mingpan .star-list .star5 {
    left: 0;
    top: 0
}

.guide-mingpan .star-list .star6 {
    left: .84rem;
    top: 0
}

.guide-mingpan .star-list .star7 {
    left: 1.676rem;
    top: 0
}

.guide-mingpan .star-list .star8 {
    right: 0;
    top: 0
}

.guide-mingpan .star-list .star9 {
    right: 0;
    top: .94rem
}

.guide-mingpan .star-list .star10 {
    right: 0;
    top: 1.87rem
}

.guide-mingpan .star-list .star11 {
    right: 0;
    bottom: 0
}

.guide-mingpan .star-list .show {
    opacity: 1
}

.guide-mingpan .star-list li {
    width: .76rem;
    height: .84rem;
    position: absolute;
    border: 2px solid #ffea87;
    -webkit-border-top-right-radius: .03rem;
    -moz-border-radius-topright: .03rem;
    border-top-right-radius: .03rem;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    transition: opacity .2s linear;
    z-index: 1;
    opacity: 0;
    background: #f6b131;
    background: -webkit-linear-gradient(top,#f6b131 0,#feda63 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#f6b131),to(#feda63));
    background: -moz-linear-gradient(top,#f6b131 0,#feda63 100%);
    background: -o-linear-gradient(top,#f6b131 0,#feda63 100%);
    background: linear-gradient(to bottom,#f6b131 0,#feda63 100%)
}

.guide-mingpan .star-list li::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: .16rem;
    height: .13rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAaCAMAAADhRa4NAAAAeFBMVEUAAAD/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6of/6ocWcL3dAAAAJ3RSTlMA0PHg+u7dxrDYoJiHgVxECevAuI5taWJWTDAcGBH25tSpkXM+NSd/ENR3AAAAuUlEQVQoz4XO1xKDIBRF0SP23rumJ/f//zDqiBHHwH7juGQAiV0YYwZNGaldvDBFsvIRCDSZcDDlyEQHYGASEGIq2g1W2cTt7s4cc03Kz/fqSqRH0e8HLCW1Y87HLKSloOCAYevtuV7M93Z7F4Q8Pj/cc6DzOTDOgbmudknn4LZ+r7cnGCII6RgTQeIegQmxXjsAHYeSp7XslgDE+u4DYPAXoOF/lQrAV4GRKQB8FYhVAKYK2CqQkfYF/eE6Np7TrwsAAAAASUVORK5CYII=) no-repeat;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}

.guide-mingpan .fade-in {
    opacity: 0;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.guide-mingpan .delay100 {
    -webkit-animation-delay: .1s!important;
    -moz-animation-delay: .1s!important;
    animation-delay: .1s!important
}

.guide-mingpan .delay200 {
    -webkit-animation-delay: .2s!important;
    -moz-animation-delay: .2s!important;
    animation-delay: .2s!important
}

.guide-mingpan .delay300 {
    -webkit-animation-delay: .3s!important;
    -moz-animation-delay: .3s!important;
    animation-delay: .3s!important
}

.guide-mingpan .delay400 {
    -webkit-animation-delay: .4s!important;
    -moz-animation-delay: .4s!important;
    animation-delay: .4s!important
}

.guide-mingpan .delay500 {
    -webkit-animation-delay: .5s!important;
    -moz-animation-delay: .5s!important;
    animation-delay: .5s!important
}

.guide-mingpan .delay600 {
    -webkit-animation-delay: .6s!important;
    -moz-animation-delay: .6s!important;
    animation-delay: .6s!important
}

.guide-mingpan .delay700 {
    -webkit-animation-delay: .7s!important;
    -moz-animation-delay: .7s!important;
    animation-delay: .7s!important
}

.guide-mingpan .delay800 {
    -webkit-animation-delay: .8s!important;
    -moz-animation-delay: .8s!important;
    animation-delay: .8s!important
}

.guide-mingpan .delay900 {
    -webkit-animation-delay: .9s!important;
    -moz-animation-delay: .9s!important;
    animation-delay: .9s!important
}

.guide-mingpan .delay1000 {
    -webkit-animation-delay: 1s!important;
    -moz-animation-delay: 1s!important;
    animation-delay: 1s!important
}

.guide-mingpan .delay1100 {
    -webkit-animation-delay: 1.1s!important;
    -moz-animation-delay: 1.1s!important;
    animation-delay: 1.1s!important
}

.guide-mingpan .delay1200 {
    -webkit-animation-delay: 1.2s!important;
    -moz-animation-delay: 1.2s!important;
    animation-delay: 1.2s!important
}

.guide-mingpan .delay1300 {
    -webkit-animation-delay: 1.3s!important;
    -moz-animation-delay: 1.3s!important;
    animation-delay: 1.3s!important
}

.guide-mingpan .delay1400 {
    -webkit-animation-delay: 1.4s!important;
    -moz-animation-delay: 1.4s!important;
    animation-delay: 1.4s!important
}

.guide-mingpan .delay1500 {
    -webkit-animation-delay: 1.5s!important;
    -moz-animation-delay: 1.5s!important;
    animation-delay: 1.5s!important
}

.guide-mingpan .delay1600 {
    -webkit-animation-delay: 1.6s!important;
    -moz-animation-delay: 1.6s!important;
    animation-delay: 1.6s!important
}

.guide-mingpan .delay1700 {
    -webkit-animation-delay: 1.7s!important;
    -moz-animation-delay: 1.7s!important;
    animation-delay: 1.7s!important
}

.guide-mingpan .delay1800 {
    -webkit-animation-delay: 1.8s!important;
    -moz-animation-delay: 1.8s!important;
    animation-delay: 1.8s!important
}

.guide-mingpan .delay1900 {
    -webkit-animation-delay: 1.9s!important;
    -moz-animation-delay: 1.9s!important;
    animation-delay: 1.9s!important
}

.guide-mingpan .delay2000 {
    -webkit-animation-delay: 2s!important;
    -moz-animation-delay: 2s!important;
    animation-delay: 2s!important
}

.guide-mingpan .delay2100 {
    -webkit-animation-delay: 2.1s!important;
    -moz-animation-delay: 2.1s!important;
    animation-delay: 2.1s!important
}

.guide-mingpan .delay2200 {
    -webkit-animation-delay: 2.2s!important;
    -moz-animation-delay: 2.2s!important;
    animation-delay: 2.2s!important
}

.guide-mingpan .delay2300 {
    -webkit-animation-delay: 2.3s!important;
    -moz-animation-delay: 2.3s!important;
    animation-delay: 2.3s!important
}

.guide-mingpan .delay2400 {
    -webkit-animation-delay: 2.4s!important;
    -moz-animation-delay: 2.4s!important;
    animation-delay: 2.4s!important
}

.guide-mingpan .delay2500 {
    -webkit-animation-delay: 2.5s!important;
    -moz-animation-delay: 2.5s!important;
    animation-delay: 2.5s!important
}

.guide-mingpan .delay2600 {
    -webkit-animation-delay: 2.6s!important;
    -moz-animation-delay: 2.6s!important;
    animation-delay: 2.6s!important
}

.guide-mingpan .delay2700 {
    -webkit-animation-delay: 2.7s!important;
    -moz-animation-delay: 2.7s!important;
    animation-delay: 2.7s!important
}

.guide-mingpan .delay2800 {
    -webkit-animation-delay: 2.8s!important;
    -moz-animation-delay: 2.8s!important;
    animation-delay: 2.8s!important
}

.guide-mingpan .delay2900 {
    -webkit-animation-delay: 2.9s!important;
    -moz-animation-delay: 2.9s!important;
    animation-delay: 2.9s!important
}

.guide-mingpan .delay3000 {
    -webkit-animation-delay: 3s!important;
    -moz-animation-delay: 3s!important;
    animation-delay: 3s!important
}

.guide-mingpan .delay3500 {
    -webkit-animation-delay: 3.5s!important;
    -moz-animation-delay: 3.5s!important;
    animation-delay: 3.5s!important
}

.guide-mingpan .star-list li .star-main {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    left: .03rem;
    top: .03rem;
    color: #fff;
    font-size: .14rem;
    font-weight: 700;
    opacity: 0;
    line-height: .16rem
}

.guide-mingpan .star-list li .star-main span {
    display: block;
    width: .15rem;
    text-align: center;
    font-size: .12rem;
    line-height: .14rem
}

.guide-mingpan .star-list li .star-main .sihua {
    color: #ffee7a;
    display: none
}

.guide-mingpan .star-list li .star-main2 {
    line-height: .2rem;
    position: absolute;
    font-size: .12rem;
    opacity: 0;
    left: -2px;
    bottom: -2px
}

.guide-mingpan .star-list li .star-main2 .age {
    height: .2rem;
    line-height: .2rem;
    color: #cf9606;
    padding-left: .03rem
}

.guide-mingpan .star-list li .star-main2 .words {
    width: .4rem;
    height: .2rem;
    line-height: .2rem;
    text-align: center;
    color: #fac84c;
    background-color: #c57f47;
    -webkit-border-top-right-radius: .03rem;
    -moz-border-radius-topright: .03rem;
    border-top-right-radius: .03rem
}

.guide-mingpan .star-list li .house {
    font-size: .12rem;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: .1rem;
    right: .03rem;
    bottom: .03rem;
    color: #714501;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    line-height: .15rem
}

.guide-mingpan .star-list li.mg-first,.guide-mingpan .star-list li.zw-first {
    opacity: 1;
    -webkit-animation: firstBox 1.5s linear;
    -moz-animation: firstBox 1.5s linear;
    animation: firstBox 1.5s linear;
    -webkit-animation-delay: 0s!important;
    -moz-animation-delay: 0s!important;
    animation-delay: 0s!important
}

.guide-mingpan .star-list li.sh-first {
    opacity: 1;
    -webkit-animation: firstBox2 1.5s linear;
    -moz-animation: firstBox2 1.5s linear;
    animation: firstBox2 1.5s linear
}

@-webkit-keyframes firstBox2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    40% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    60% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes firstBox2 {
    0% {
        -moz-transform: scale(1);
        transform: scale(1)
    }

    40% {
        -moz-transform: scale(1.2);
        transform: scale(1.2)
    }

    60% {
        -moz-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes firstBox2 {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    40% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

    60% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes firstBox {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    40% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    60% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes firstBox {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    40% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        transform: scale(1.2)
    }

    60% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes firstBox {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    40% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

    60% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.guide-mingpan .user-info,.guide-mingpan .user-info-two {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 1.64rem;
    height: 1.84rem;
    background: url(/zwds/guide_bg_center.png?v=1.0.1) no-repeat top center;
    -moz-background-size: auto 1.84rem;
    background-size: auto 1.84rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .12rem;
    color: #fff;
    overflow: hidden;
    padding-left: .05rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700
}

.guide-mingpan .user-info {
    opacity: 0
}

.guide-mingpan .user-info .name {
    font-size: .14rem
}

.guide-mingpan .zao-list {
    overflow: hidden;
    margin-top: .05rem;
    font-size: .14rem;
    font-weight: 400
}

.guide-mingpan .zao-list .l_words {
    width: 20%;
    height: .24rem;
    color: #f6f30e
}

.guide-mingpan .zao-list .r_infor {
    width: 80%
}

.guide-mingpan .zao-list .r_infor_date {
    width: 25%;
    float: left;
    text-align: center
}

.guide-mingpan .zao-list .r_infor_date p {
    color: #f6f30e
}

.guide-mingpan .zao-list .r_infor .zi p {
    float: left;
    width: 12.5%
}

.guide-mingpan .si-hua-xing {
    display: none
}

.guide-mingpan .si-hua-xing li {
    width: .28rem;
    position: absolute;
    opacity: 0;
    z-index: 2;
    height: .5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.guide-mingpan .si-hua-xing .xing0-0 {
    -webkit-animation-name: moveAnime0_0;
    -moz-animation-name: moveAnime0_0;
    animation-name: moveAnime0_0;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes moveAnime0_0 {
    0% {
        opacity: 0;
        -webkit-transform: translate(.6rem,2.2rem) scale(0);
        transform: translate(.6rem,2.2rem) scale(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(.6rem,2.2rem) scale(2);
        transform: translate(.6rem,2.2rem) scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(.6rem,2.2rem) scale(2);
        transform: translate(.6rem,2.2rem) scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(2.15rem) translateY(2.85rem) scale(1);
        transform: translateX(2.15rem) translateY(2.85rem) scale(1)
    }
}

@-moz-keyframes moveAnime0_0 {
    0% {
        opacity: 0;
        -moz-transform: translate(.6rem,2.2rem) scale(0);
        transform: translate(.6rem,2.2rem) scale(0)
    }

    10% {
        opacity: 1;
        -moz-transform: translate(.6rem,2.2rem) scale(2);
        transform: translate(.6rem,2.2rem) scale(2)
    }

    80% {
        opacity: 1;
        -moz-transform: translate(.6rem,2.2rem) scale(2);
        transform: translate(.6rem,2.2rem) scale(2)
    }

    to {
        opacity: 1;
        -moz-transform: translateX(2.15rem) translateY(2.85rem) scale(1);
        transform: translateX(2.15rem) translateY(2.85rem) scale(1)
    }
}

@keyframes moveAnime0_0 {
    0% {
        opacity: 0;
        -webkit-transform: translate(.6rem,2.2rem) scale(0);
        -moz-transform: translate(.6rem,2.2rem) scale(0);
        -o-transform: translate(.6rem,2.2rem) scale(0);
        transform: translate(.6rem,2.2rem) scale(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(.6rem,2.2rem) scale(2);
        -moz-transform: translate(.6rem,2.2rem) scale(2);
        -o-transform: translate(.6rem,2.2rem) scale(2);
        transform: translate(.6rem,2.2rem) scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(.6rem,2.2rem) scale(2);
        -moz-transform: translate(.6rem,2.2rem) scale(2);
        -o-transform: translate(.6rem,2.2rem) scale(2);
        transform: translate(.6rem,2.2rem) scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(2.15rem) translateY(2.85rem) scale(1);
        -moz-transform: translateX(2.15rem) translateY(2.85rem) scale(1);
        -o-transform: translateX(2.15rem) translateY(2.85rem) scale(1);
        transform: translateX(2.15rem) translateY(2.85rem) scale(1)
    }
}

.guide-mingpan .si-hua-xing .xing0-1 {
    -webkit-animation-name: moveAnime0_1;
    -moz-animation-name: moveAnime0_1;
    animation-name: moveAnime0_1;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes moveAnime0_1 {
    0% {
        opacity: 0;
        -webkit-transform: translate(.6rem,1.9rem) scale(0);
        transform: translate(.6rem,1.9rem) scale(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(.6rem,2.2rem) scale(2);
        transform: translate(.6rem,2.2rem) scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(.6rem,2.2rem) scale(2);
        transform: translate(.6rem,2.2rem) scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(1.32rem) translateY(2.85rem) scale(1);
        transform: translateX(1.32rem) translateY(2.85rem) scale(1)
    }
}

@-moz-keyframes moveAnime0_1 {
    0% {
        opacity: 0;
        -moz-transform: translate(.6rem,1.9rem) scale(0);
        transform: translate(.6rem,1.9rem) scale(0)
    }

    10% {
        opacity: 1;
        -moz-transform: translate(.6rem,2.2rem) scale(2);
        transform: translate(.6rem,2.2rem) scale(2)
    }

    80% {
        opacity: 1;
        -moz-transform: translate(.6rem,2.2rem) scale(2);
        transform: translate(.6rem,2.2rem) scale(2)
    }

    to {
        opacity: 1;
        -moz-transform: translateX(1.32rem) translateY(2.85rem) scale(1);
        transform: translateX(1.32rem) translateY(2.85rem) scale(1)
    }
}

@keyframes moveAnime0_1 {
    0% {
        opacity: 0;
        -webkit-transform: translate(.6rem,1.9rem) scale(0);
        -moz-transform: translate(.6rem,1.9rem) scale(0);
        -o-transform: translate(.6rem,1.9rem) scale(0);
        transform: translate(.6rem,1.9rem) scale(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(.6rem,2.2rem) scale(2);
        -moz-transform: translate(.6rem,2.2rem) scale(2);
        -o-transform: translate(.6rem,2.2rem) scale(2);
        transform: translate(.6rem,2.2rem) scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(.6rem,2.2rem) scale(2);
        -moz-transform: translate(.6rem,2.2rem) scale(2);
        -o-transform: translate(.6rem,2.2rem) scale(2);
        transform: translate(.6rem,2.2rem) scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(1.32rem) translateY(2.85rem) scale(1);
        -moz-transform: translateX(1.32rem) translateY(2.85rem) scale(1);
        -o-transform: translateX(1.32rem) translateY(2.85rem) scale(1);
        transform: translateX(1.32rem) translateY(2.85rem) scale(1)
    }
}

.guide-mingpan .si-hua-xing .xing0-2 {
    -webkit-animation-name: moveAnime0_2;
    -moz-animation-name: moveAnime0_2;
    animation-name: moveAnime0_2;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes moveAnime0_2 {
    0% {
        opacity: 0;
        -webkit-transform: translate(.1rem,2.2rem) scale(0);
        transform: translate(.1rem,2.2rem) scale(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(.1rem,2.2rem) scale(2);
        transform: translate(.1rem,2.2rem) scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(.1rem,2.2rem) scale(2);
        transform: translate(.1rem,2.2rem) scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(.48rem) translateY(2.85rem) scale(1);
        transform: translateX(.48rem) translateY(2.85rem) scale(1)
    }
}

@-moz-keyframes moveAnime0_2 {
    0% {
        opacity: 0;
        -moz-transform: translate(.1rem,2.2rem) scale(0);
        transform: translate(.1rem,2.2rem) scale(0)
    }

    10% {
        opacity: 1;
        -moz-transform: translate(.1rem,2.2rem) scale(2);
        transform: translate(.1rem,2.2rem) scale(2)
    }

    80% {
        opacity: 1;
        -moz-transform: translate(.1rem,2.2rem) scale(2);
        transform: translate(.1rem,2.2rem) scale(2)
    }

    to {
        opacity: 1;
        -moz-transform: translateX(.48rem) translateY(2.85rem) scale(1);
        transform: translateX(.48rem) translateY(2.85rem) scale(1)
    }
}

@keyframes moveAnime0_2 {
    0% {
        opacity: 0;
        -webkit-transform: translate(.1rem,2.2rem) scale(0);
        -moz-transform: translate(.1rem,2.2rem) scale(0);
        -o-transform: translate(.1rem,2.2rem) scale(0);
        transform: translate(.1rem,2.2rem) scale(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(.1rem,2.2rem) scale(2);
        -moz-transform: translate(.1rem,2.2rem) scale(2);
        -o-transform: translate(.1rem,2.2rem) scale(2);
        transform: translate(.1rem,2.2rem) scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(.1rem,2.2rem) scale(2);
        -moz-transform: translate(.1rem,2.2rem) scale(2);
        -o-transform: translate(.1rem,2.2rem) scale(2);
        transform: translate(.1rem,2.2rem) scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(.48rem) translateY(2.85rem) scale(1);
        -moz-transform: translateX(.48rem) translateY(2.85rem) scale(1);
        -o-transform: translateX(.48rem) translateY(2.85rem) scale(1);
        transform: translateX(.48rem) translateY(2.85rem) scale(1)
    }
}

.guide-mingpan .si-hua-xing .xing0-3 {
    -webkit-animation-name: moveAnime0_3;
    -moz-animation-name: moveAnime0_3;
    animation-name: moveAnime0_3;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes moveAnime0_3 {
    0% {
        opacity: 0;
        -webkit-transform: translate(.1rem,2.1rem) scale(0);
        transform: translate(.1rem,2.1rem) scale(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(.1rem,2.1rem) scale(2);
        transform: translate(.1rem,2.1rem) scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(.1rem,2.1rem) scale(2);
        transform: translate(.1rem,2.1rem) scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(.48rem) translateY(1.89rem) scale(1);
        transform: translateX(.48rem) translateY(1.89rem) scale(1)
    }
}

@-moz-keyframes moveAnime0_3 {
    0% {
        opacity: 0;
        -moz-transform: translate(.1rem,2.1rem) scale(0);
        transform: translate(.1rem,2.1rem) scale(0)
    }

    10% {
        opacity: 1;
        -moz-transform: translate(.1rem,2.1rem) scale(2);
        transform: translate(.1rem,2.1rem) scale(2)
    }

    80% {
        opacity: 1;
        -moz-transform: translate(.1rem,2.1rem) scale(2);
        transform: translate(.1rem,2.1rem) scale(2)
    }

    to {
        opacity: 1;
        -moz-transform: translateX(.48rem) translateY(1.89rem) scale(1);
        transform: translateX(.48rem) translateY(1.89rem) scale(1)
    }
}

@keyframes moveAnime0_3 {
    0% {
        opacity: 0;
        -webkit-transform: translate(.1rem,2.1rem) scale(0);
        -moz-transform: translate(.1rem,2.1rem) scale(0);
        -o-transform: translate(.1rem,2.1rem) scale(0);
        transform: translate(.1rem,2.1rem) scale(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(.1rem,2.1rem) scale(2);
        -moz-transform: translate(.1rem,2.1rem) scale(2);
        -o-transform: translate(.1rem,2.1rem) scale(2);
        transform: translate(.1rem,2.1rem) scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(.1rem,2.1rem) scale(2);
        -moz-transform: translate(.1rem,2.1rem) scale(2);
        -o-transform: translate(.1rem,2.1rem) scale(2);
        transform: translate(.1rem,2.1rem) scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(.48rem) translateY(1.89rem) scale(1);
        -moz-transform: translateX(.48rem) translateY(1.89rem) scale(1);
        -o-transform: translateX(.48rem) translateY(1.89rem) scale(1);
        transform: translateX(.48rem) translateY(1.89rem) scale(1)
    }
}

.guide-mingpan .si-hua-xing .xing0-4 {
    -webkit-animation-name: moveAnime0_4;
    -moz-animation-name: moveAnime0_4;
    animation-name: moveAnime0_4;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes moveAnime0_4 {
    0% {
        opacity: 0;
        -webkit-transform: translate(.1rem,1rem) scale(0);
        transform: translate(.1rem,1rem) scale(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(.1rem,1rem) scale(2);
        transform: translate(.1rem,1rem) scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(.1rem,1rem) scale(2);
        transform: translate(.1rem,1rem) scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(.48rem) translateY(.95rem) scale(1);
        transform: translateX(.48rem) translateY(.95rem) scale(1)
    }
}

@-moz-keyframes moveAnime0_4 {
    0% {
        opacity: 0;
        -moz-transform: translate(.1rem,1rem) scale(0);
        transform: translate(.1rem,1rem) scale(0)
    }

    10% {
        opacity: 1;
        -moz-transform: translate(.1rem,1rem) scale(2);
        transform: translate(.1rem,1rem) scale(2)
    }

    80% {
        opacity: 1;
        -moz-transform: translate(.1rem,1rem) scale(2);
        transform: translate(.1rem,1rem) scale(2)
    }

    to {
        opacity: 1;
        -moz-transform: translateX(.48rem) translateY(.95rem) scale(1);
        transform: translateX(.48rem) translateY(.95rem) scale(1)
    }
}

@keyframes moveAnime0_4 {
    0% {
        opacity: 0;
        -webkit-transform: translate(.1rem,1rem) scale(0);
        -moz-transform: translate(.1rem,1rem) scale(0);
        -o-transform: translate(.1rem,1rem) scale(0);
        transform: translate(.1rem,1rem) scale(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(.1rem,1rem) scale(2);
        -moz-transform: translate(.1rem,1rem) scale(2);
        -o-transform: translate(.1rem,1rem) scale(2);
        transform: translate(.1rem,1rem) scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(.1rem,1rem) scale(2);
        -moz-transform: translate(.1rem,1rem) scale(2);
        -o-transform: translate(.1rem,1rem) scale(2);
        transform: translate(.1rem,1rem) scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(.48rem) translateY(.95rem) scale(1);
        -moz-transform: translateX(.48rem) translateY(.95rem) scale(1);
        -o-transform: translateX(.48rem) translateY(.95rem) scale(1);
        transform: translateX(.48rem) translateY(.95rem) scale(1)
    }
}

.guide-mingpan .si-hua-xing .xing0-5 {
    -webkit-animation-name: moveAnime0_5;
    -moz-animation-name: moveAnime0_5;
    animation-name: moveAnime0_5;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes moveAnime0_5 {
    0% {
        opacity: 0;
        -webkit-transform: translate(.1rem,.3rem) scale(0);
        transform: translate(.1rem,.3rem) scale(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(.1rem,.3rem) scale(2);
        transform: translate(.1rem,.3rem) scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(.1rem,.3rem) scale(2);
        transform: translate(.1rem,.3rem) scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(.48rem) translateY(.03rem) scale(1);
        transform: translateX(.48rem) translateY(.03rem) scale(1)
    }
}

@-moz-keyframes moveAnime0_5 {
    0% {
        opacity: 0;
        -moz-transform: translate(.1rem,.3rem) scale(0);
        transform: translate(.1rem,.3rem) scale(0)
    }

    10% {
        opacity: 1;
        -moz-transform: translate(.1rem,.3rem) scale(2);
        transform: translate(.1rem,.3rem) scale(2)
    }

    80% {
        opacity: 1;
        -moz-transform: translate(.1rem,.3rem) scale(2);
        transform: translate(.1rem,.3rem) scale(2)
    }

    to {
        opacity: 1;
        -moz-transform: translateX(.48rem) translateY(.03rem) scale(1);
        transform: translateX(.48rem) translateY(.03rem) scale(1)
    }
}

@keyframes moveAnime0_5 {
    0% {
        opacity: 0;
        -webkit-transform: translate(.1rem,.3rem) scale(0);
        -moz-transform: translate(.1rem,.3rem) scale(0);
        -o-transform: translate(.1rem,.3rem) scale(0);
        transform: translate(.1rem,.3rem) scale(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(.1rem,.3rem) scale(2);
        -moz-transform: translate(.1rem,.3rem) scale(2);
        -o-transform: translate(.1rem,.3rem) scale(2);
        transform: translate(.1rem,.3rem) scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(.1rem,.3rem) scale(2);
        -moz-transform: translate(.1rem,.3rem) scale(2);
        -o-transform: translate(.1rem,.3rem) scale(2);
        transform: translate(.1rem,.3rem) scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(.48rem) translateY(.03rem) scale(1);
        -moz-transform: translateX(.48rem) translateY(.03rem) scale(1);
        -o-transform: translateX(.48rem) translateY(.03rem) scale(1);
        transform: translateX(.48rem) translateY(.03rem) scale(1)
    }
}

.guide-mingpan .si-hua-xing .xing0-6 {
    -webkit-animation-name: moveAnime0_6;
    -moz-animation-name: moveAnime0_6;
    animation-name: moveAnime0_6;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes moveAnime0_6 {
    0% {
        opacity: 0;
        -webkit-transform: translate(.7rem,.3rem) scale(0);
        transform: translate(.7rem,.3rem) scale(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(.7rem,.3rem) scale(2);
        transform: translate(.7rem,.3rem) scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(.7rem,.3rem) scale(2);
        transform: translate(.7rem,.3rem) scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(1.32rem) translateY(.03rem) scale(1);
        transform: translateX(1.32rem) translateY(.03rem) scale(1)
    }
}

@-moz-keyframes moveAnime0_6 {
    0% {
        opacity: 0;
        -moz-transform: translate(.7rem,.3rem) scale(0);
        transform: translate(.7rem,.3rem) scale(0)
    }

    10% {
        opacity: 1;
        -moz-transform: translate(.7rem,.3rem) scale(2);
        transform: translate(.7rem,.3rem) scale(2)
    }

    80% {
        opacity: 1;
        -moz-transform: translate(.7rem,.3rem) scale(2);
        transform: translate(.7rem,.3rem) scale(2)
    }

    to {
        opacity: 1;
        -moz-transform: translateX(1.32rem) translateY(.03rem) scale(1);
        transform: translateX(1.32rem) translateY(.03rem) scale(1)
    }
}

@keyframes moveAnime0_6 {
    0% {
        opacity: 0;
        -webkit-transform: translate(.7rem,.3rem) scale(0);
        -moz-transform: translate(.7rem,.3rem) scale(0);
        -o-transform: translate(.7rem,.3rem) scale(0);
        transform: translate(.7rem,.3rem) scale(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(.7rem,.3rem) scale(2);
        -moz-transform: translate(.7rem,.3rem) scale(2);
        -o-transform: translate(.7rem,.3rem) scale(2);
        transform: translate(.7rem,.3rem) scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(.7rem,.3rem) scale(2);
        -moz-transform: translate(.7rem,.3rem) scale(2);
        -o-transform: translate(.7rem,.3rem) scale(2);
        transform: translate(.7rem,.3rem) scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(1.32rem) translateY(.03rem) scale(1);
        -moz-transform: translateX(1.32rem) translateY(.03rem) scale(1);
        -o-transform: translateX(1.32rem) translateY(.03rem) scale(1);
        transform: translateX(1.32rem) translateY(.03rem) scale(1)
    }
}

.guide-mingpan .si-hua-xing .xing0-7 {
    -webkit-animation-name: moveAnime0_7;
    -moz-animation-name: moveAnime0_7;
    animation-name: moveAnime0_7;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes moveAnime0_7 {
    0% {
        opacity: 0;
        -webkit-transform: translate(1.7rem,.3rem) scale(0);
        transform: translate(1.7rem,.3rem) scale(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(1.7rem,.3rem) scale(2);
        transform: translate(1.7rem,.3rem) scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(1.7rem,.3rem) scale(2);
        transform: translate(1.7rem,.3rem) scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(2.15rem) translateY(.03rem) scale(1);
        transform: translateX(2.15rem) translateY(.03rem) scale(1)
    }
}

@-moz-keyframes moveAnime0_7 {
    0% {
        opacity: 0;
        -moz-transform: translate(1.7rem,.3rem) scale(0);
        transform: translate(1.7rem,.3rem) scale(0)
    }

    10% {
        opacity: 1;
        -moz-transform: translate(1.7rem,.3rem) scale(2);
        transform: translate(1.7rem,.3rem) scale(2)
    }

    80% {
        opacity: 1;
        -moz-transform: translate(1.7rem,.3rem) scale(2);
        transform: translate(1.7rem,.3rem) scale(2)
    }

    to {
        opacity: 1;
        -moz-transform: translateX(2.15rem) translateY(.03rem) scale(1);
        transform: translateX(2.15rem) translateY(.03rem) scale(1)
    }
}

@keyframes moveAnime0_7 {
    0% {
        opacity: 0;
        -webkit-transform: translate(1.7rem,.3rem) scale(0);
        -moz-transform: translate(1.7rem,.3rem) scale(0);
        -o-transform: translate(1.7rem,.3rem) scale(0);
        transform: translate(1.7rem,.3rem) scale(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(1.7rem,.3rem) scale(2);
        -moz-transform: translate(1.7rem,.3rem) scale(2);
        -o-transform: translate(1.7rem,.3rem) scale(2);
        transform: translate(1.7rem,.3rem) scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(1.7rem,.3rem) scale(2);
        -moz-transform: translate(1.7rem,.3rem) scale(2);
        -o-transform: translate(1.7rem,.3rem) scale(2);
        transform: translate(1.7rem,.3rem) scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(2.15rem) translateY(.03rem) scale(1);
        -moz-transform: translateX(2.15rem) translateY(.03rem) scale(1);
        -o-transform: translateX(2.15rem) translateY(.03rem) scale(1);
        transform: translateX(2.15rem) translateY(.03rem) scale(1)
    }
}

.guide-mingpan .si-hua-xing .xing0-8 {
    -webkit-animation-name: moveAnime0_8;
    -moz-animation-name: moveAnime0_8;
    animation-name: moveAnime0_8;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes moveAnime0_8 {
    0% {
        opacity: 0;
        -webkit-transform: translate(2.1rem,.3rem) scale(0);
        transform: translate(2.1rem,.3rem) scale(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(2.1rem,.3rem) scale(2);
        transform: translate(2.1rem,.3rem) scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(2.1rem,.3rem) scale(2);
        transform: translate(2.1rem,.3rem) scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(2.98rem) translateY(.03rem) scale(1);
        transform: translateX(2.98rem) translateY(.03rem) scale(1)
    }
}

@-moz-keyframes moveAnime0_8 {
    0% {
        opacity: 0;
        -moz-transform: translate(2.1rem,.3rem) scale(0);
        transform: translate(2.1rem,.3rem) scale(0)
    }

    10% {
        opacity: 1;
        -moz-transform: translate(2.1rem,.3rem) scale(2);
        transform: translate(2.1rem,.3rem) scale(2)
    }

    80% {
        opacity: 1;
        -moz-transform: translate(2.1rem,.3rem) scale(2);
        transform: translate(2.1rem,.3rem) scale(2)
    }

    to {
        opacity: 1;
        -moz-transform: translateX(2.98rem) translateY(.03rem) scale(1);
        transform: translateX(2.98rem) translateY(.03rem) scale(1)
    }
}

@keyframes moveAnime0_8 {
    0% {
        opacity: 0;
        -webkit-transform: translate(2.1rem,.3rem) scale(0);
        -moz-transform: translate(2.1rem,.3rem) scale(0);
        -o-transform: translate(2.1rem,.3rem) scale(0);
        transform: translate(2.1rem,.3rem) scale(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(2.1rem,.3rem) scale(2);
        -moz-transform: translate(2.1rem,.3rem) scale(2);
        -o-transform: translate(2.1rem,.3rem) scale(2);
        transform: translate(2.1rem,.3rem) scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(2.1rem,.3rem) scale(2);
        -moz-transform: translate(2.1rem,.3rem) scale(2);
        -o-transform: translate(2.1rem,.3rem) scale(2);
        transform: translate(2.1rem,.3rem) scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(2.98rem) translateY(.03rem) scale(1);
        -moz-transform: translateX(2.98rem) translateY(.03rem) scale(1);
        -o-transform: translateX(2.98rem) translateY(.03rem) scale(1);
        transform: translateX(2.98rem) translateY(.03rem) scale(1)
    }
}

.guide-mingpan .si-hua-xing .xing0-9 {
    -webkit-animation-name: moveAnime0_9;
    -moz-animation-name: moveAnime0_9;
    animation-name: moveAnime0_9;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes moveAnime0_9 {
    0% {
        opacity: 0;
        -webkit-transform: translate(1.6rem,1rem) scale(0);
        transform: translate(1.6rem,1rem) scale(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(1.6rem,1rem) scale(2);
        transform: translate(1.6rem,1rem) scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(1.6rem,1rem) scale(2);
        transform: translate(1.6rem,1rem) scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(3rem) translateY(.97rem) scale(1);
        transform: translateX(3rem) translateY(.97rem) scale(1)
    }
}

@-moz-keyframes moveAnime0_9 {
    0% {
        opacity: 0;
        -moz-transform: translate(1.6rem,1rem) scale(0);
        transform: translate(1.6rem,1rem) scale(0)
    }

    10% {
        opacity: 1;
        -moz-transform: translate(1.6rem,1rem) scale(2);
        transform: translate(1.6rem,1rem) scale(2)
    }

    80% {
        opacity: 1;
        -moz-transform: translate(1.6rem,1rem) scale(2);
        transform: translate(1.6rem,1rem) scale(2)
    }

    to {
        opacity: 1;
        -moz-transform: translateX(3rem) translateY(.97rem) scale(1);
        transform: translateX(3rem) translateY(.97rem) scale(1)
    }
}

@keyframes moveAnime0_9 {
    0% {
        opacity: 0;
        -webkit-transform: translate(1.6rem,1rem) scale(0);
        -moz-transform: translate(1.6rem,1rem) scale(0);
        -o-transform: translate(1.6rem,1rem) scale(0);
        transform: translate(1.6rem,1rem) scale(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(1.6rem,1rem) scale(2);
        -moz-transform: translate(1.6rem,1rem) scale(2);
        -o-transform: translate(1.6rem,1rem) scale(2);
        transform: translate(1.6rem,1rem) scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(1.6rem,1rem) scale(2);
        -moz-transform: translate(1.6rem,1rem) scale(2);
        -o-transform: translate(1.6rem,1rem) scale(2);
        transform: translate(1.6rem,1rem) scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(3rem) translateY(.97rem) scale(1);
        -moz-transform: translateX(3rem) translateY(.97rem) scale(1);
        -o-transform: translateX(3rem) translateY(.97rem) scale(1);
        transform: translateX(3rem) translateY(.97rem) scale(1)
    }
}

.guide-mingpan .si-hua-xing .xing0-10 {
    -webkit-animation-name: moveAnime0_10;
    -moz-animation-name: moveAnime0_10;
    animation-name: moveAnime0_10;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes moveAnime0_10 {
    0% {
        opacity: 0;
        -webkit-transform: translate(1.6rem,1.2rem) scale(0);
        transform: translate(1.6rem,1.2rem) scale(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(1.6rem,1.2rem) scale(2);
        transform: translate(1.6rem,1.2rem) scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(1.6rem,1.2rem) scale(2);
        transform: translate(1.6rem,1.2rem) scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(3rem) translateY(1.89rem) scale(1);
        transform: translateX(3rem) translateY(1.89rem) scale(1)
    }
}

@-moz-keyframes moveAnime0_10 {
    0% {
        opacity: 0;
        -moz-transform: translate(1.6rem,1.2rem) scale(0);
        transform: translate(1.6rem,1.2rem) scale(0)
    }

    10% {
        opacity: 1;
        -moz-transform: translate(1.6rem,1.2rem) scale(2);
        transform: translate(1.6rem,1.2rem) scale(2)
    }

    80% {
        opacity: 1;
        -moz-transform: translate(1.6rem,1.2rem) scale(2);
        transform: translate(1.6rem,1.2rem) scale(2)
    }

    to {
        opacity: 1;
        -moz-transform: translateX(3rem) translateY(1.89rem) scale(1);
        transform: translateX(3rem) translateY(1.89rem) scale(1)
    }
}

@keyframes moveAnime0_10 {
    0% {
        opacity: 0;
        -webkit-transform: translate(1.6rem,1.2rem) scale(0);
        -moz-transform: translate(1.6rem,1.2rem) scale(0);
        -o-transform: translate(1.6rem,1.2rem) scale(0);
        transform: translate(1.6rem,1.2rem) scale(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(1.6rem,1.2rem) scale(2);
        -moz-transform: translate(1.6rem,1.2rem) scale(2);
        -o-transform: translate(1.6rem,1.2rem) scale(2);
        transform: translate(1.6rem,1.2rem) scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(1.6rem,1.2rem) scale(2);
        -moz-transform: translate(1.6rem,1.2rem) scale(2);
        -o-transform: translate(1.6rem,1.2rem) scale(2);
        transform: translate(1.6rem,1.2rem) scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(3rem) translateY(1.89rem) scale(1);
        -moz-transform: translateX(3rem) translateY(1.89rem) scale(1);
        -o-transform: translateX(3rem) translateY(1.89rem) scale(1);
        transform: translateX(3rem) translateY(1.89rem) scale(1)
    }
}

.guide-mingpan .si-hua-xing .xing0-11 {
    -webkit-animation-name: moveAnime0_11;
    -moz-animation-name: moveAnime0_11;
    animation-name: moveAnime0_11;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes moveAnime0_11 {
    0% {
        opacity: 0;
        -webkit-transform: translate(2.1rem,1.6rem) scale(0);
        transform: translate(2.1rem,1.6rem) scale(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(2.1rem,1.6rem) scale(2);
        transform: translate(2.1rem,1.6rem) scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(2.1rem,1.6rem) scale(2);
        transform: translate(2.1rem,1.6rem) scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(2.98rem) translateY(2.85rem) scale(1);
        transform: translateX(2.98rem) translateY(2.85rem) scale(1)
    }
}

@-moz-keyframes moveAnime0_11 {
    0% {
        opacity: 0;
        -moz-transform: translate(2.1rem,1.6rem) scale(0);
        transform: translate(2.1rem,1.6rem) scale(0)
    }

    10% {
        opacity: 1;
        -moz-transform: translate(2.1rem,1.6rem) scale(2);
        transform: translate(2.1rem,1.6rem) scale(2)
    }

    80% {
        opacity: 1;
        -moz-transform: translate(2.1rem,1.6rem) scale(2);
        transform: translate(2.1rem,1.6rem) scale(2)
    }

    to {
        opacity: 1;
        -moz-transform: translateX(2.98rem) translateY(2.85rem) scale(1);
        transform: translateX(2.98rem) translateY(2.85rem) scale(1)
    }
}

@keyframes moveAnime0_11 {
    0% {
        opacity: 0;
        -webkit-transform: translate(2.1rem,1.6rem) scale(0);
        -moz-transform: translate(2.1rem,1.6rem) scale(0);
        -o-transform: translate(2.1rem,1.6rem) scale(0);
        transform: translate(2.1rem,1.6rem) scale(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(2.1rem,1.6rem) scale(2);
        -moz-transform: translate(2.1rem,1.6rem) scale(2);
        -o-transform: translate(2.1rem,1.6rem) scale(2);
        transform: translate(2.1rem,1.6rem) scale(2)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(2.1rem,1.6rem) scale(2);
        -moz-transform: translate(2.1rem,1.6rem) scale(2);
        -o-transform: translate(2.1rem,1.6rem) scale(2);
        transform: translate(2.1rem,1.6rem) scale(2)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(2.98rem) translateY(2.85rem) scale(1);
        -moz-transform: translateX(2.98rem) translateY(2.85rem) scale(1);
        -o-transform: translateX(2.98rem) translateY(2.85rem) scale(1);
        transform: translateX(2.98rem) translateY(2.85rem) scale(1)
    }
}

.progress {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: .3rem 0
}

.progress-main {
    width: 3.1rem
}

.progress-block {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-flow: column;
    position: relative
}

.progress-msg {
    font-size: .14rem;
    color: #fff;
    font-weight: 700;
    margin-bottom: .1rem;
    text-align: center
}

.progress-line {
    width: 80%;
    background: #fec43e;
    margin: 0 auto
}

.progress-line,.progress-line>div {
    height: .08rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem
}

.progress-line>div {
    position: relative;
    width: 100%;
    -webkit-transform: scale3d(0,0,0);
    -moz-transform: scale3d(0,0,0);
    transform: scale3d(0,0,0);
    background: #a167f1
}

.progress-line>div.start {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation-name: progress;
    -moz-animation-name: progress;
    animation-name: progress;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes progress {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-moz-keyframes progress {
    0% {
        -moz-transform: scaleX(0);
        transform: scaleX(0)
    }

    to {
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes progress {
    0% {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0)
    }

    to {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.guide-mingpan .guide-si-hua li {
    width: .28rem;
    position: absolute;
    z-index: 2;
    height: .5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.guide-mingpan .guide-si-hua .xing0-0 {
    -webkit-transform: translateX(2.15rem) translateY(2.85rem) scale(1);
    -moz-transform: translateX(2.15rem) translateY(2.85rem) scale(1);
    -ms-transform: translateX(2.15rem) translateY(2.85rem) scale(1);
    -o-transform: translateX(2.15rem) translateY(2.85rem) scale(1);
    transform: translateX(2.15rem) translateY(2.85rem) scale(1)
}

.guide-mingpan .guide-si-hua .xing0-1 {
    -webkit-transform: translateX(1.32rem) translateY(2.85rem) scale(1);
    -moz-transform: translateX(1.32rem) translateY(2.85rem) scale(1);
    -ms-transform: translateX(1.32rem) translateY(2.85rem) scale(1);
    -o-transform: translateX(1.32rem) translateY(2.85rem) scale(1);
    transform: translateX(1.32rem) translateY(2.85rem) scale(1)
}

.guide-mingpan .guide-si-hua .xing0-2 {
    -webkit-transform: translateX(.48rem) translateY(2.85rem) scale(1);
    -moz-transform: translateX(.48rem) translateY(2.85rem) scale(1);
    -ms-transform: translateX(.48rem) translateY(2.85rem) scale(1);
    -o-transform: translateX(.48rem) translateY(2.85rem) scale(1);
    transform: translateX(.48rem) translateY(2.85rem) scale(1)
}

.guide-mingpan .guide-si-hua .xing0-3 {
    -webkit-transform: translateX(.48rem) translateY(1.89rem) scale(1);
    -moz-transform: translateX(.48rem) translateY(1.89rem) scale(1);
    -ms-transform: translateX(.48rem) translateY(1.89rem) scale(1);
    -o-transform: translateX(.48rem) translateY(1.89rem) scale(1);
    transform: translateX(.48rem) translateY(1.89rem) scale(1)
}

.guide-mingpan .guide-si-hua .xing0-4 {
    -webkit-transform: translateX(.48rem) translateY(.95rem) scale(1);
    -moz-transform: translateX(.48rem) translateY(.95rem) scale(1);
    -ms-transform: translateX(.48rem) translateY(.95rem) scale(1);
    -o-transform: translateX(.48rem) translateY(.95rem) scale(1);
    transform: translateX(.48rem) translateY(.95rem) scale(1)
}

.guide-mingpan .guide-si-hua .xing0-5 {
    -webkit-transform: translateX(.48rem) translateY(.03rem) scale(1);
    -moz-transform: translateX(.48rem) translateY(.03rem) scale(1);
    -ms-transform: translateX(.48rem) translateY(.03rem) scale(1);
    -o-transform: translateX(.48rem) translateY(.03rem) scale(1);
    transform: translateX(.48rem) translateY(.03rem) scale(1)
}

.guide-mingpan .guide-si-hua .xing0-6 {
    -webkit-transform: translateX(1.32rem) translateY(.03rem) scale(1);
    -moz-transform: translateX(1.32rem) translateY(.03rem) scale(1);
    -ms-transform: translateX(1.32rem) translateY(.03rem) scale(1);
    -o-transform: translateX(1.32rem) translateY(.03rem) scale(1);
    transform: translateX(1.32rem) translateY(.03rem) scale(1)
}

.guide-mingpan .guide-si-hua .xing0-7 {
    -webkit-transform: translateX(2.15rem) translateY(.03rem) scale(1);
    -moz-transform: translateX(2.15rem) translateY(.03rem) scale(1);
    -ms-transform: translateX(2.15rem) translateY(.03rem) scale(1);
    -o-transform: translateX(2.15rem) translateY(.03rem) scale(1);
    transform: translateX(2.15rem) translateY(.03rem) scale(1)
}

.guide-mingpan .guide-si-hua .xing0-8 {
    -webkit-transform: translateX(2.98rem) translateY(.03rem) scale(1);
    -moz-transform: translateX(2.98rem) translateY(.03rem) scale(1);
    -ms-transform: translateX(2.98rem) translateY(.03rem) scale(1);
    -o-transform: translateX(2.98rem) translateY(.03rem) scale(1);
    transform: translateX(2.98rem) translateY(.03rem) scale(1)
}

.guide-mingpan .guide-si-hua .xing0-9 {
    -webkit-transform: translateX(3rem) translateY(.97rem) scale(1);
    -moz-transform: translateX(3rem) translateY(.97rem) scale(1);
    -ms-transform: translateX(3rem) translateY(.97rem) scale(1);
    -o-transform: translateX(3rem) translateY(.97rem) scale(1);
    transform: translateX(3rem) translateY(.97rem) scale(1)
}

.guide-mingpan .guide-si-hua .xing0-10 {
    -webkit-transform: translateX(3rem) translateY(1.89rem) scale(1);
    -moz-transform: translateX(3rem) translateY(1.89rem) scale(1);
    -ms-transform: translateX(3rem) translateY(1.89rem) scale(1);
    -o-transform: translateX(3rem) translateY(1.89rem) scale(1);
    transform: translateX(3rem) translateY(1.89rem) scale(1)
}

.guide-mingpan .guide-si-hua .xing0-11 {
    -webkit-transform: translateX(2.98rem) translateY(2.85rem) scale(1);
    -moz-transform: translateX(2.98rem) translateY(2.85rem) scale(1);
    -ms-transform: translateX(2.98rem) translateY(2.85rem) scale(1);
    -o-transform: translateX(2.98rem) translateY(2.85rem) scale(1);
    transform: translateX(2.98rem) translateY(2.85rem) scale(1)
}

.guide-info-wrap {
    position: relative;
    margin-top: -.6rem
}

.guide-info__title {
    width: 3.03rem;
    height: .45rem;
    background: url(images/guide_title.png?v=1.0.1) no-repeat;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    overflow: hidden
}

.guide-info {
    margin: .05rem .1rem .1rem;
    line-height: .24rem;
    font-weight: 700
}

.guide-info .name-sex>span {
    display: inline-block
}

.guide-info .name-sex>span:last-of-type {
    margin-left: .5rem
}

.guide-info .item>span {
    width: .74rem;
    display: inline-block
}

.guide-visitor {
    line-height: .22rem;
    padding: .1rem 0;
    border-top: 1px dashed #979797;
    margin: .13rem .1rem 0;
    font-size: .14rem
}

.guide-visitor>span {
    font-weight: 700;
    color: #ca0000
}

.guide-tips {
    color: #a4a4a4;
    font-size: .12rem;
    text-align: center;
    line-height: .14rem
}

.guide-box__price {
    overflow: hidden
}

.gb-price__box {
    margin: .15rem .1rem 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px dashed #d5cdcc;
    padding-bottom: .05rem
}

.gb-price__box .l {
    width: 60%
}

.gb-price__box .l .yj {
    padding-top: .05rem;
    padding-left: .05rem;
    color: #a4a4a4
}

.gb-price__box .l .limit-time {
    display: inline-block;
    background-color: #ca0000;
    color: #fff;
    padding: 0 .1rem;
    -webkit-border-top-right-radius: .05rem;
    -moz-border-radius-topright: .05rem;
    border-top-right-radius: .05rem;
    -webkit-border-bottom-right-radius: .05rem;
    -moz-border-radius-bottomright: .05rem;
    border-bottom-right-radius: .05rem;
    font-weight: 700;
    height: .3rem;
    line-height: .3rem
}

.gb-price__box .l .limit-time>b {
    font-size: .2rem
}

.gb-price__box .r {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-align: right
}

.gb-price__box .r p {
    color: #3f3f3f;
    font-size: .14rem
}

.gb-price__box .r>div {
    font-size: .16rem;
    font-weight: 700;
    color: #ca0000
}

.guide-big-title {
    width: 3.03rem;
    height: .45rem;
    background: url(/zwds/guide_title.png?v=1.0.1) no-repeat;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    background-position: 0 -.45rem;
    overflow: hidden;
    margin: 0 auto
}

.guide-pic {
    margin: .1rem;
    overflow: hidden;
    -webkit-border-radius: .03rem;
    -moz-border-radius: .03rem;
    border-radius: .03rem;
    background-color: #fff;
    padding-bottom: 3px
}
.protocol_pop_box {
	background: rgba(0,0,0,.7);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none
}

.ppb_content {
	width: 88%;
	height: 80%;
	position: relative;
	padding: .4rem 0;
	top: 10%;
	left: 50%;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
	max-width: 564px
}

.ppb_tab_title {
	background-color: #eee;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: .4rem
}

.ppb_tab_title li {
	width: 50%;
	float: left;
	text-align: center;
	line-height: .2rem;
	padding: .1rem 0;
	border-bottom: 1px solid #e6e6e6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.ppb_tab_title li:last-child {
	border-left: 1px solid #e6e6e6
}

.ppb_tab_title .active {
	background-color: #fff;
	border-bottom: 1px solid #fff
}

.ppb_tab_text {
	height: 100%;
	line-height: 1.8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: .06rem .14rem .1rem
}

.ppb_tab_text li {
	height: 100%;
	overflow-y: scroll;
	display: none
}

.ppb_tab_text .active {
	display: block
}

.ppb_tab_text h2 {
	margin-top: .16rem;
	font-size: 1.2em;
	font-weight: 600
}

.ppb_tab_text h3 {
	margin-top: .04rem;
	font-size: 1.1em
}

.ppb_tab_text p {
	margin-top: .1rem;
	word-break: break-word
}

.ppb_tab_text em {
	text-decoration: underline
}

.ppb_close {
	position: absolute;
	width: 100%;
	height: .4rem;
	left: 0;
	line-height: .4rem;
	text-align: center;
	bottom: 0
}

.ppb_close b {
	display: block;
	width: .5rem;
	height: .24rem;
	margin: .08rem auto 0;
	border: 1px solid #ccc;
	line-height: .24rem;
	-webkit-border-radius: .05rem;
	-moz-border-radius: .05rem;
	border-radius: .05rem
}
.m-order-history {
	position: fixed;
	top: 70%;
	right: 0;
	z-index: 9;
	width: 18px;
	text-align: center;
	color: #fff;
	padding: 28px 5px 8px 6px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	line-height: 16px;
	font-size: 14px;
	background: rgba(0,0,0,.7) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAY1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+aRQ2gAAAAIHRSTlMADPZFxvCuWktmBuK6tKWXMSLq5n9sURvMhHpzYDooGHZ4aRMAAADNSURBVCjPbc5ZjsMgEADRBgMG73vWydT9T5kIOxa28r5QF7SQlZrrEayZekkVk+arucjucgV01bZuAGy2z0sYg4rnzAB+23MFp+TrAfoVT3dwkghg4n8so5KUA79eCHLQrytqtJKjCl2IlFRy8oBOBNpzWCD7GXwMFncOIa4yDOfQgBKZ4ruUspj11+YYbvDcHt7T+R+UhXz8DzAnc7vvzgDXb/tvALlsRYOuZ+9DYyEtL8Ou9EtSZKmIzLMQydMiqvNZp+QjFi0/5bp+A7VGE8kkFY15AAAAAElFTkSuQmCC) no-repeat center 8px;-webkit-background-size: 56% 56%;
	-moz-background-size: 56%;
	background-size: 56%
}