@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
    }
}@-webkit-keyframes indexTableAnim {
     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 indexTableAnim {
      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 indexTableAnim {
       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)
       }
   }@-webkit-keyframes indexBtnAnimate {
        0% {
            -webkit-transform: scale(.85);
            transform: scale(.85)
        }
        50% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        100% {
            -webkit-transform: scale(.85);
            transform: scale(.85)
        }
    }@-moz-keyframes indexBtnAnimate {
         0% {
             -moz-transform: scale(.85);
             transform: scale(.85)
         }
         50% {
             -moz-transform: scale(1);
             transform: scale(1)
         }
         100% {
             -moz-transform: scale(.85);
             transform: scale(.85)
         }
     }@keyframes indexBtnAnimate {
          0% {
              -webkit-transform: scale(.85);
              -moz-transform: scale(.85);
              -o-transform: scale(.85);
              transform: scale(.85)
          }
          50% {
              -webkit-transform: scale(1);
              -moz-transform: scale(1);
              -o-transform: scale(1);
              transform: scale(1)
          }
          100% {
              -webkit-transform: scale(.85);
              -moz-transform: scale(.85);
              -o-transform: scale(.85);
              transform: scale(.85)
          }
      }body {
           background-color: #eddcc2
       }
.m_top_tip {
    background-color: #000
}
.public_test_fixed {
    height: .8rem
}
.public_test_fixed span {
    margin: .1rem .05rem 0;
    height: .58rem;
    line-height: .58rem;
    display: block;
    color: #fbebb7;
    text-align: center;
    font-size: .24rem;
    font-weight: 700;
    background: url(0_btn.png?v=1.0.1) no-repeat center;
    -moz-background-size: auto .5rem;
    background-size: auto .5rem;
    text-indent: -9999px
}
.public_paybottom_height {
    height: .6rem
}
.public_pay_bottom {
    height: .66rem
}
.public_pay_bottom i {
    display: none
}
.public_pay_bottom span {
    height: .56rem;
    line-height: .56rem;
    color: #ffe68d;
    text-align: center;
    font-size: .23rem;
    font-weight: 700;
    text-indent: -9999px;
    background: url(0_btn.png?v=1.0.1) no-repeat center;
    -moz-background-size: auto .5rem;
    background-size: auto .5rem;
    margin-top: .05rem
}
.public_hot_test {
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: .1rem 0 0;
    background-color: transparent
}
.public_ht_title {
    display: none
}
.index-banner {
    position: relative;
    /*overflow: hidden*/
}
.index-banner img {
    display: block;
    width: 100%
}
.index-wheel {
    position: absolute;
    width: 2.48rem;
    height: 2.48rem;
    top: 140px;
    right: 0.1rem;
    background-image: url(/images/liunian/0_wheel_out.png?v=1.0.1);
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}
.index-wheel__outer {
    position: absolute;
    top: .14rem;
    left: .14rem;
    width: 2.2rem;
    height: 2.2rem;
    -webkit-transition: all 2s linear;
    -o-transition: all 2s linear;
    -moz-transition: all 2s linear;
    transition: all 2s linear
}
.index-wheel__outer>span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.index-wheel__outer>span:nth-child(1) {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}
.index-wheel__outer>span:nth-child(2) {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg)
}
.index-wheel__outer>span:nth-child(3) {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg)
}
.index-wheel__outer>span:nth-child(4) {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}
.index-wheel__outer>span:nth-child(5) {
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(120deg)
}
.index-wheel__outer>span:nth-child(6) {
    -webkit-transform: rotate(150deg);
    -moz-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -o-transform: rotate(150deg);
    transform: rotate(150deg)
}
.index-wheel__outer>span:nth-child(7) {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}
.index-wheel__outer>span:nth-child(8) {
    -webkit-transform: rotate(210deg);
    -moz-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    -o-transform: rotate(210deg);
    transform: rotate(210deg)
}
.index-wheel__outer>span:nth-child(9) {
    -webkit-transform: rotate(240deg);
    -moz-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    -o-transform: rotate(240deg);
    transform: rotate(240deg)
}
.index-wheel__outer>span:nth-child(10) {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}
.index-wheel__outer>span:nth-child(11) {
    -webkit-transform: rotate(300deg);
    -moz-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    -o-transform: rotate(300deg);
    transform: rotate(300deg)
}
.index-wheel__outer>span:nth-child(12) {
    -webkit-transform: rotate(330deg);
    -moz-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    -o-transform: rotate(330deg);
    transform: rotate(330deg)
}
.index-wheel__outer>span::after,.index-wheel__outer>span::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: .4rem;
    height: .4rem;
    margin-left: -.2rem;
    -webkit-transition: all .8s linear;
    -o-transition: all .8s linear;
    -moz-transition: all .8s linear;
    transition: all .8s linear;
    background-image: url(/images/liunian/0_wheel_sx.png?v=1.0.1);
    -moz-background-size: .8rem auto;
    background-size: .8rem auto;
    background-repeat: no-repeat;
    z-index: 3;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}
.index-wheel__outer>span::after {
    background-position-x: -.4rem;
    opacity: 0;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    -moz-transition: all .5s linear;
    transition: all .5s linear
}
.index-wheel__outer>span.active::before {
    opacity: 0
}
.index-wheel__outer>span.active::after {
    opacity: 1;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}
.index-wheel__outer>span:nth-child(1)::after,.index-wheel__outer>span:nth-child(1)::before {
                                                                                          background-position-y: 0
                                                                                      }
.index-wheel__outer>span:nth-child(2)::after,.index-wheel__outer>span:nth-child(2)::before {
                                                                                          background-position-y: -.4rem
                                                                                      }
.index-wheel__outer>span:nth-child(3)::after,.index-wheel__outer>span:nth-child(3)::before {
                                                                                          background-position-y: -.8rem
                                                                                      }
.index-wheel__outer>span:nth-child(4)::after,.index-wheel__outer>span:nth-child(4)::before {
                                                                                          background-position-y: -1.2rem
                                                                                      }
.index-wheel__outer>span:nth-child(5)::after,.index-wheel__outer>span:nth-child(5)::before {
                                                                                          background-position-y: -1.6rem
                                                                                      }
.index-wheel__outer>span:nth-child(6)::after,.index-wheel__outer>span:nth-child(6)::before {
                                                                                          background-position-y: -2rem
                                                                                      }
.index-wheel__outer>span:nth-child(7)::after,.index-wheel__outer>span:nth-child(7)::before {
                                                                                          background-position-y: -2.4rem
                                                                                      }
.index-wheel__outer>span:nth-child(8)::after,.index-wheel__outer>span:nth-child(8)::before {
                                                                                          background-position-y: -2.8rem
                                                                                      }
.index-wheel__outer>span:nth-child(9)::after,.index-wheel__outer>span:nth-child(9)::before {
                                                                                          background-position-y: -3.2rem
                                                                                      }
.index-wheel__outer>span:nth-child(10)::after,.index-wheel__outer>span:nth-child(10)::before {
                                                                                            background-position-y: -3.6rem
                                                                                        }
.index-wheel__outer>span:nth-child(11)::after,.index-wheel__outer>span:nth-child(11)::before {
                                                                                            background-position-y: -4rem
                                                                                        }
.index-wheel__outer>span:nth-child(12)::after,.index-wheel__outer>span:nth-child(12)::before {
                                                                                            background-position-y: -4.4rem
                                                                                        }
.index-wheel__inner {
    position: absolute;
    top: .51rem;
    left: .51rem;
    width: 1.46rem;
    height: 1.46rem;
    -webkit-transition: all 2s linear;
    -o-transition: all 2s linear;
    -moz-transition: all 2s linear;
    transition: all 2s linear;
    background-image: url(/images/liunian/0_wheel_in.png?v=1.0.1);
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-animation: show 1s linear;
    -moz-animation: show 1s linear;
    animation: show 1s linear
}
.index-wheel__center {
    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%);
    z-index: 3;
    width: 1.04rem;
    height: 1.04rem;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}
.index-wheel__center span {
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}
.index-wheel__center span.active {
    opacity: 1
}
.index-wheel__center .tu {
    background-image: url(/images/liunian/0_wheel_cn_tu.png?v=1.0.1)
}
.index-wheel__center .long {
    background-image: url(/images/liunian/0_wheel_cn_long.png?v=1.0.1)
}
.index-wheel__center .she {
    background-image: url(/images/liunian/0_wheel_cn_she.png?v=1.0.1)
}
.index-wheel__center .ma {
    background-image: url(/images/liunian/0_wheel_cn_ma.png?v=1.0.1)
}
.index-wheel__center .yang {
    background-image: url(/images/liunian/0_wheel_cn_yang.png?v=1.0.1)
}
.index-form {
    position: relative;
    z-index: 2;
    margin: 0 .1rem;
    background-color: #fff9e1;
    padding: .15rem .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 3px 5px rgba(0,0,0,.1);
    box-shadow: 0 3px 5px rgba(0,0,0,.1);
    border: 1px solid #fff
}
.index-form__tip {
    background-color: #fff;
    border: 1px solid #f2e2ce;
    text-align: center;
    line-height: .28rem;
    font-size: .18rem;
    -webkit-border-radius: .14rem;
    -moz-border-radius: .14rem;
    border-radius: .14rem;
    color: #d33f0a;
    font-weight: 700
}
.index-form__bottomtip {
    height: .44rem;
    background-image: url(/images/liunian/0_form_tit.png?v=1.0.1);
    -moz-background-size: auto 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px
}
.index-form__ul {
    position: relative;
    font-size: .16rem;
    margin-top: .1rem
}
.index-form__username {
    position: relative;
    padding-left: .68rem
}
.index-form__username .label {
    position: absolute;
    left: 0;
    top: 50%;
    line-height: .4rem;
    color: #999;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}
.index-form__username .content {
    border-bottom: 1px solid #d8c8b5;
    padding: .06rem 1rem .06rem 0;
    position: relative
}
.index-form__username input {
    font-size: .16rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: .4rem;
    background-color: transparent;
    padding-left: .05rem;
    box-sizing: border-box
}
.index-form__username .right-sex {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .8rem;
    overflow: hidden;
    height: .3rem;
    line-height: .3rem;
    background-color: #ebd7b6;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem;
    -webkit-box-shadow: inset 0 .03rem .03rem #e7c5b2;
    -moz-box-shadow: inset 0 .03rem .03rem #e7c5b2;
    box-shadow: inset 0 .03rem .03rem #e7c5b2;
    border: 1px solid #dac8b9;
    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
}
.index-form__username .right-sex>span {
    width: .36rem;
    height: .3rem;
    line-height: .3rem;
    display: inline-block;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem;
    text-align: center;
    cursor: pointer
}
.index-form__username .right-sex>span.cur {
    color: #fff;
    background: #f7874b;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(247,135,75,1)),color-stop(50%,rgba(231,92,57,1)),to(rgba(219,56,43,1)));
    background: -webkit-linear-gradient(top,rgba(247,135,75,1) 0,rgba(231,92,57,1) 50%,rgba(219,56,43,1) 100%);
    background: -moz-linear-gradient(top,rgba(247,135,75,1) 0,rgba(231,92,57,1) 50%,rgba(219,56,43,1) 100%);
    background: -o-linear-gradient(top,rgba(247,135,75,1) 0,rgba(231,92,57,1) 50%,rgba(219,56,43,1) 100%);
    background: linear-gradient(180deg,rgba(247,135,75,1) 0,rgba(231,92,57,1) 50%,rgba(219,56,43,1) 100%)
}
.index-form__birthday {
    position: relative;
    padding-left: .68rem;
    margin-top: .05rem
}
.index-form__birthday .label {
    position: absolute;
    left: 0;
    top: 50%;
    line-height: .4rem;
    color: #999;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}
.index-form__birthday .content {
    border-bottom: 1px solid #d8c8b5;
    padding: .06rem 0;
    position: relative
}
.index-form__birthday input {
    font-size: .16rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: .3rem;
    background-color: transparent;
    padding: 0 .2rem 0 .05rem;
    box-sizing: border-box;
    background: transparent url(data: image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAe1BMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmY+mZAPAAAAKHRSTlMAUU6gmI04PUPhzK8zSEDmHH1TL4X0ZCTc05KKXAXAbA/pcnYoqqXqlaNgBwAAAVVJREFUOMvNlNtygyAQhheNYI2oaDxFazSn7vs/YXdDYnFyaHvVfhe/OHzDMssA/A7ZjeDwbhTck+IaHPaI74+kCBy2iIuVTTtNA7R4gia9ATssofuYmq1d74REStIacOYi+TSw60tkWphIKl0JqSTTkxQgU4LXZiPOKIgMNMj4dofMADC2OFMW88zKrmSZa82/rtQIptr1wqHfVTl9vOgqDfAC/ypFlEWilIwVISVnLDloYv0l1UZ4XrXxiIPh3Ow55EKSCZ9pCMSx4AwzCqkXUuHRKBMU1gfBpXT4l1KseOMcUB85VUYRL6XaeN+3oN7keV51FMIYQdkdaEzSXTm4L/fv++QccF1wJs4BOy0QogoEYQxnYPq+D5wWDJSxDsNEhoRSnDLRWnNLzhdphSm8YECf0iB241Onsrcl4+vTvD2kSWkysY/MS1a358t/xnmr4Yd8Ai7EN3EHP1hFAAAAAElFTkSuQmCC) no-repeat right center;
    -moz-background-size: .18rem auto;
    background-size: .18rem auto
}
.index-form__btn {
    margin: .2rem 0
}
.index-form__btn a {
    display: block;
    height: .46rem;
    color: #fff;
    text-align: center;
    -webkit-animation: indexBtnAnimate 1.5s linear infinite;
    -moz-animation: indexBtnAnimate 1.5s linear infinite;
    animation: indexBtnAnimate 1.5s linear infinite;
    background: url(/images/liunian/0_btn.png?v=1.0.1) no-repeat top center;
    -moz-background-size: auto .46rem;
    background-size: auto .46rem;
    text-indent: -9999px
}
.index-form__agreement {
    text-align: center;
    font-size: .14rem;
    line-height: .24rem
}
.index-form__agreement input {
    -webkit-appearance: checkbox;
    vertical-align: middle;
    position: relative;
    margin-top: -.04rem;
    margin-right: .05rem;
    width: .14rem;
    height: .14rem
}
.index-pic {
    margin: 0 .1rem
}
.index-pic__block {
    margin: .2rem 0;
    position: relative
}
.index-pic__block img {
    display: block;
    width: 100%
}
.index-pic__anim .anim-top-left {
    position: absolute;
    left: 5%;
    top: 11%;
    background: url(/images/liunian/0_table1.png?v=1.0.1) no-repeat;
    width: 1.15rem;
    height: .8rem;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-animation: indexTableAnim 2s 3s linear infinite;
    -moz-animation: indexTableAnim 2s 3s linear infinite;
    animation: indexTableAnim 2s 3s linear infinite
}
.index-pic__anim .anim-center-right {
    position: absolute;
    right: 5%;
    top: 25%;
    margin-left: -.4rem;
    margin-top: -.4rem;
    background: url(/images/liunian/0_table2.png?v=1.0.1) no-repeat;
    width: 1.15rem;
    height: .8rem;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-animation: indexTableAnim 2s 4s linear infinite;
    -moz-animation: indexTableAnim 2s 4s linear infinite;
    animation: indexTableAnim 2s 4s linear infinite
}
.index-pic__anim .anim-bottom-right {
    position: absolute;
    left: 5%;
    top: 29%;
    background: url(/images/liunian/0_table3.png?v=1.0.1) no-repeat;
    width: 1.15rem;
    height: .8rem;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-animation: indexTableAnim 2s 1s linear infinite;
    -moz-animation: indexTableAnim 2s 1s linear infinite;
    animation: indexTableAnim 2s 1s linear infinite
}
.index-hot {
    margin: .2rem .1rem;
    padding: .1rem;
    background-color: #fff9e1;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem
}
.index-hot__titimg {
    display: block;
    width: 100%
}
.guide-banner {
    position: relative
}
.guide-banner img {
    display: block;
    width: 100%
}
.guide-banner__userinfo {
    position: absolute;
    width: 100%;
    top: 17%;
    text-align: center;
    color: #fff
}
.guide-banner__userinfo h3 {
    font-size: .18rem;
    font-weight: 700;
    margin-bottom: .1rem
}
.guide-banner__userinfo p {
    font-size: .16rem;
    margin-bottom: .02rem
}
.order-info {
    margin: 0 .1rem .1rem;
    background-color: #fff9e1;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    padding: .1rem 0
}
.user-pay {
    font-size: .14rem;
    overflow: hidden;
    height: .3rem
}
.user-pay__ul {
    position: relative;
    top: 0
}
.user-pay__ul li {
    overflow: hidden;
    line-height: .3rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: .3rem
}
.user-pay__ul li span,.user-pay__ul li strong {
    display: block;
    float: left
}
.user-pay__ul li span {
    position: relative;
    padding-left: .1rem
}
.user-pay__ul li b {
    color: #dc3c34
}
.user-pay__ul li strong {
    padding-left: .1rem;
    font-weight: 400
}
.user-pay__ul li i {
    float: right;
    padding-right: .1rem
}
.order-price {
    overflow: hidden;
    margin-top: .15rem
}
.order-price__left {
    float: left
}
.order-price__left .price {
    position: relative;
    color: #000
}
.order-price__left .price strong {
    background-color: #e23c0f;
    background: -webkit-gradient(linear,left top,right top,from(#e23c0f),to(#db3c0f));
    background: -webkit-linear-gradient(left,#e23c0f,#db3c0f);
    background: -moz-linear-gradient(left,#e23c0f,#db3c0f);
    background: -o-linear-gradient(left,#e23c0f,#db3c0f);
    background: linear-gradient(to right,#e23c0f,#db3c0f);
    color: #fff;
    padding: 0 .24rem 0 .14rem;
    font-size: .18rem;
    display: inline-block;
    -webkit-border-top-right-radius: .18rem;
    -moz-border-radius-topright: .18rem;
    border-top-right-radius: .18rem;
    -webkit-border-bottom-right-radius: .18rem;
    -moz-border-radius-bottomright: .18rem;
    border-bottom-right-radius: .18rem;
    line-height: .36rem
}
.order-price__left .price del {
    margin-left: .1rem
}
.order-price__left .tip {
    margin-top: .1rem;
    padding-left: .14rem
}
.order-price__left .tip strong {
    display: inline-block;
    padding: 1px .04rem;
    color: #e23c0f;
    border: 1px solid #e23c0f;
    -webkit-border-radius: .02rem;
    -moz-border-radius: .02rem;
    border-radius: .02rem
}
.order-price__left .tip span {
    padding-left: .04rem
}
.order-price__right {
    float: right;
    padding: .22rem .1rem 0;
    font-size: .16rem;
    text-align: right
}
.order-price__right strong {
    color: #e23c0f
}
.guide-pics {
    margin: 0 .1rem;
    position: relative
}
.guide-pics img {
    display: block;
    width: 100%
}
.guide-pics__btn {
    position: absolute;
    left: 50%;
    margin-left: -.8rem;
    width: 1.6rem;
    height: .5rem
}
.guide-pics__btn1 {
    top: 19.4%
}
.guide-pics__btn2 {
    top: 34.2%
}
.guide-pics__btn3 {
    top: 52.8%
}
.guide-pics__btn4 {
    top: 67.6%
}
.guide-pics__btn5 {
    top: 90.8%;
    margin-left: -1.2rem;
    width: 2.4rem
}