html {
    max-width: 640px;
    margin: 0 auto;
    font-size: 100px
}

body {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    max-width: 640px;
    -moz-osx-font-smoothing: grayscale;
    font-size: .14rem;
    line-height: 1.4;
    font-family: Helvetica;
    background-color: #fff;
    color: #333;
    min-width: 320px;
    padding: 0;
    min-height: 100vh;
    width: 100%;
    margin: 0 auto
}

article, aside, dialog, figure, footer, header, menu, nav, section {
    display: block
}

blockquote, button, code, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, section, select, td, textarea, th, ul {
    margin: 0;
    padding: 0;
    font-family: Helvetica
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

dd, dl, dt, ol, ul {
    list-style-type: none
}

a {
    color: #333;
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

a, input, select, span {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

a:active, a:focus, a:hover, a:link, a:visited {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a:active {
    opacity: .6
}

fieldset, img, input {
    border: none
}

em, i {
    font-style: normal
}

input, select, textarea {
    outline: 0
}

:focus {
    outline: 0
}

select {
    background: rgba(0, 0, 0, 0)
}

input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 1000px #fff;
    box-shadow: inset 0 0 0 1000px #fff
}

div > iframe {
    display: none !important
}

::-moz-placeholder {
    font-family: "Microsoft YaHei";
    color: #999
}

::-webkit-input-placeholder {
    font-family: "Microsoft YaHei";
    color: #999
}

::-ms-input-placeholder {
    font-family: "Microsoft YaHei";
    color: #999
}

@media (min-device-width: 375px)and(max-device-width: 667px)and(-webkit-min-device-pixel-ratio: 2) {
    body {
        font-size: .145rem
    }
}

@media (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    body {
        font-size: .155rem
    }
}

.clear {
    clear: both
}

.clear:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: "."
}

.left {
    float: left
}

.right {
    float: right
}

.mb10 {
    margin-bottom: .1rem
}

.mt10 {
    margin-top: .1rem
}

.auto {
    overflow: hidden
}

.base-star {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAkCAMAAADM4ogkAAABoVBMVEUAAACwsLCwsLCIiIjJy8s4ODgPDw8UFBQUFBSfn5/Gx8eam5uAgYHDxMQ8PDwbGxt6e3tycnJMTEzZ2dm8vb1AQEDo6Oi5ublkZGQEBAQkJCSpqqrS09PFxsbR0dGys7Opq6vP0NCgoaHKy8vOz8+rrKyoqKjKzMzGx8eTlJRiY2PNzs5/gIDR0dHLy8vExMR6e3uOjo6Li4tcXFzf4ODHx8ddXV3j5OS8vr5fX1/a29vp6enLzMxKSkp9fX2WlpZMTEwiIiLX2NiYmJgPDw/Y2dm0tbWlp6fHyMjV1dXd3t7Cw8PT09Oam5uGh4eTlpbf4ODGxsaWmJiztLRxcnLCwcFvcHB5eXmxs7PNzs5LTEze39/Nzc1jZGSpqam0tLR4eXlGR0cuLi48PT1nZ2dLTEzk5OQ7OzscHBxdXl5KS0ubnJxeXl6DhIRvcHCfn5+jo6O8vLzr6+vk5OTw8PDn5+fu7u7q6urt7e3y8vLm5ubh4eHg4ODb29vU1dXY2Nj19fXd3d3Y2tq9vr739/fP0dHLzMzIycnBw8O3uLiytLRLrZRpAAAAcnRSTlMAAggP4VMyHxgM/t3NlGA7LSEhHRsWFA4OCwf++fj28PDp5+Tj4drS0tLHxcC8u6umpI6NiYdzZ1lTUkpDPzkxMTAkFRL29ezb19TPzszKxcO/vby7uLKxr66opZubmo+NioV8d3VwbWppaGRjYlZPPjIZXUHhAAACMUlEQVQ4y4WQB3faMBSFZSAkZO8Qsppmj2bvvbr33nvv1s+SbCPLmE1+dU0wBERjvudzfK71+epIqIzO1TvXlg5QZT5FqWw976zobV6U43HNWJIqeG1TejwSiat8092TVqNaRNO0CFzodC+8gW0vS3TDtXDDzEq5yi4Xsf1pOOKYCt9yOc/fflXLV7IXnvIdPQFPwBsItC8bmpKHDm4dtHeVtHoOd9eWZ++OX/H1Q1Z0ZHNweMg3/rBhrctp8/5p8PVGGWBKZaUIQohMMRi9Qw1tSEJe72+fiQlxVp13ScLm1O4h8jbPGAqpgPl6BwV3hrGiKqR4xKBFn/xCnpYZSyNEdYHIfGHdPs13ThXZDcW4vr6NEArOcpXYWT1jFEj8bG1FNi1jpqqe3Qd8oUMKoSzNV02qUirnx34KQ8J8vgPlaR7jmPxXJFZivhqd0nI/ATIug1Kz9k0NKib4Km1QLAzFfODDEZJKzI6JMC0vZNM1SGBvBGQsVGKZje6J4kofYN1+CmDAIEPfD8HrnuOggwgGc1EQa6aZXSgO6NZjQdyfYBQciqqxcbO1VKw6zzDkYaAXxJHtUrHxnKWHT8CQSCfDTgBjoEoUDThZATM5+rIuxQFy4qVGcWsDGGNgJWMPmkJNjzIp+0fGdPOy0FhdbwKAlYrVfazOxs+3Mmlu9/N6f4knoZVYbW3suG7RL+U++N/X9xxnYj1vu8Ub/3rv9ty3/aPTm2368mxy8p0/lIv/AE3FZPUkh8pvAAAAAElFTkSuQmCC) no-repeat center center;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%
}

.base-star.half {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAkCAMAAADM4ogkAAAC91BMVEUAAAC7r5QeHBjGrXTBv7odHR7762/+wyT53UbJy8uCg4M/LBAPDw/NpFNMTEwUFBTu59qpn4udmZKpqqr2oBb74l33pxuztbX76mz76GP74U/+00H52Tr30yv2zR/4rBn7xziys7PP0ND9zkvllh3OhxxiY2PAfBrR0dGOjo6hahnDxMSLi4vf4OBbNg9WNhDTtm5ELA+Vd0FfX184ODji4uKFbT/LzMxKSkobGxuBfHTDsYkYEgrX2NjLzMxAQEB0c3EVFRMsIAz9oRP+rR79uA/76Wf75V/641f641T52j741jT31S/30Cj2ziL2yhn2yhLS09PFxsbznhfwoiL3tyelp6f3vTTypSXqmR/Mzc34tzOrrKzpu0P3tzSam5v4wz3tuDnpszj4tjOoqKj5zE/d3t7twEzGx8fiulbCw8Oam5vdulnWnjHqrDDNzs7HgRp/gIDju1fCwcHjuFP72GhvcHB5eXnUmC2xs7PguVrhuFdLTEze39/Nzc1jZGT/12761G2WYhjZtmP1zWi0tLTarUp4eXlcXFxGR0eMYB4uLi794IyVZRg8PT1nZ2dPMAv51347OzscHBzRtnReXl6DhIQ8PDy8vr5eRiNTOhRvcHCwk1RdQhq/qn2WlpZMTEyVhGHez6zktlL+89t8akkiHBAPDw8EBATr6+vn5+fk5OTw8PDu7u7q6urt7e3y8vL31S72zR72yhj63Urh4eH53Ub53EP52j752Tv42Dj74E741jTU1dXb29vY2dn641T74lH2ziL75V730ir30Cj29vbg4OD1xRD76Wb65Ff2yBT0wwj76GP2yRH0yArd3d3Iycm3uLj84FD94U/+10D/3j78xBbP0dHBw8P762r841r65Vb/1zv9zzr/zTb/zzX60TD9ySf20iH9qxb1rBL2xBD7vQ/2ugzLzMy9vr764U36003/4Uf53kT700H/2UD/0T3/xTX/xDD31y74yyv31yr6siT20B32zRf4qxL5txD0xQimjz2QAAAAqXRSTlMACSAaDQb+/vrhzE0yJiEYFRMH/v77+/r6+vr6+vr6+vbw6efgzMfAvKSclI6JenJqX1VTU05FQz87OTcoJBwWFQ0D/v39+vr6+vr6+vr6+vr5+Pj18+zr6ujk4+He3t3d29vb2tnU1NLQz8zIx8fFxcC8uLazsrGxr6uoqKWbm5mXlZKQj4+NjYqHhYR/fHd1c21qY2NiYFlZWFZMSUcxMS8uLigjGBILsasBWgAAArRJREFUOMuFz2VQ22AYwPG3heI6YDBkwxm2IRuuc3d3d3d3d3f3Jk3pgG4rI22hW0uRFnf3ufs+7K03uV35Pbnc5fK/500AGeXesfULAmNBh6x2v7Wj52+36qijnHYSGwhZ3MCOwmiPKgMHoTAJ762709/1odLAgcUSot11H37Ho6pSPIAF8XSupOyrFYvzurDkK/V1hHrzi8R5MIQYeLiO8JyTIE8gGCgLhaIdlP8Unaz19MzN764rEUB2DBmme3hsnD7pxOigvVvWLFu80LUoGxrEkOO5TzE2XrTW/5KqptzYOt31U83H0tJ3xdXZfD5/sCLEMIzORFDuaGP/OPmhQbPqS4uLMvhQNT8DcmSoYPI7wlt50xokRM2pKYZvn2s4YmS8/VEg4drE1DepBEYYQ2vgxeJtvgoot2eXvH9CYJREhNHxgFD4kQc+lzwlMKITMbhLQiPg79xfUfuMYEgSXXsYaPkFCwsAhc2o43DSOGrOxH0oHhAPaEAmZGo9Jz1NzZnO1AzGxn3jgUrI3LqGtHSVoVohll/uSwUaYcu/NDxWGYaoMJm8goOWQJv5ph/fvipDF4SpGCaCu518CIiuT2r8/kLBRbNQtNoSkFwe39j0UmG4ciGC0EXzbpE62hHDzORMhRGIHIqgdHTMeVIY42PYlKzUFVWCKe8QKTT1NPyZog4RxcAyfyMpDB5X9itFaSSiWcldakEMe3Yukyi7nFEiFFGH0yKIYY9uZZIcSJIlae1f8YqNsOVQrlsvctiaJSOV/mn23DmzAEdRRWh/kXx0Wy4kbW8eu8eUFrmhsICLskUihDeBtNF0cps092/7774+wQ/6AEA9Y1JYgbNRFDcxI4aJfv1aWmxtvU5RYSZjdsLExr7wtc3hR4CIetxrld+VmESgYhl5dpu391EzmuLxH6VqGj37kUrBAAAAAElFTkSuQmCC)
}

.base-star.full {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAlCAMAAAAHvluBAAACYVBMVEUAAACVk5D1vjn4y1dfOQ9bORC5rpdOTEgMDAofHiDXjB2pbxr52IJFLQ0tIQwYEw0+OzQbGBB2dXTW0MH16c/9uS76qiPzmBPvlhf7zT/3vDT9yjj5qST9yj/vnSD2rCj8zkXutjbxvEPPhx2WWAzrrTTuukfjt1XQsGagahpbOArYtGOxhDLPr2areyp+XSpRNRLMsXFybGDXtWQ/Kw5pYVJHMxbKtH2GfWoJBgFMRj1xY0j99ug5NCwHBwj/yjX2rSfkjRP60E7qpCr6vzH6w0HzuTrkmyjTiB/60lzHgRqwbhfbsVHzujyzcxfzyFn72GfqtDfnqTWUXRHiulb81GnprjnWsGLToTqQXhfGkS7/2nNyShP83YKVZRjUsmfHo1TPnz5xUR6if0BrTiI4Iwi8m1Lyz3v95aG+mkxNNxgaEQVXPRXMtn1DMRYSDgfy15GIgHPktErkzJPewoO4qoz/+OpoXEX52Tv31C32zSD53Uj2yhj63kz520H74U/53ET41zb41jL2yx364lL30Sj30Cf641X1xBD76GT2yBH641j76Wj75F376m392Un2xxT75mD93E30wgj9xDT20SD+zjz65lb83VP+wiL/vBv2vg/0yAr0xAj75GL600P53kL/1jz/0jn51jj8zDH/ySf/rh//shn/qxf2zBb6xBb+phb1nhb1qhP7nhH0xQ31uwz763L752H/2ET/0T370DT+wDP32C76xir31Sf/wSb5yyX6vhj7shD2sBD7vA/2mQ373l361U77y0P/2kL9tSr/xyb7viL2zxv5qRX2tg4NydDwAAAAeHRSTlMAA+DHh38SEg8I1aFvZT0qIR0TCwb+/v36+fjz8vHr6uXjysrKxrSonZybjouFhXZyZV9aVk1HPjIuLSgYGBP7+Pjv7uLf29DOyMbAvbq5uLe3t7GtrKqnn5yYl4qGfnt5dHNubGxqZ2BeXl1bUU5LSUA+OjInJiLwsgeQAAACcElEQVQ4y4XSd1vaQBzA8QuI4K57b+uss+6q3XvvvfferbUqoighglECCAKuKiJL3Ht0j1fVk+WTCOHzV36573PJPc8BqrCqR6cOX/+AAE/C/Pd87f12vspj+CpJPD4u6rvqqfNmKjqg3vjtHkL/aGHHOgkzlLYLZSpEVsJof9rwYWyvSAiJRBIm7cFP4kIbkTiW7i/LktqFXVYTXZPnXASOr+RMibvENhOK/W8AQu28ywpv5mRezGDg7U6C7wfS0zMycwvfhtk3Q97nHmPEy6cGBn7ggnaBkwLH8cnBQfm+47e8rbs9T9k5IJFw+Xy+oFvAd4JTN5y5EhyXp7wLBSGvGYPrFdcduCaRny4HIQ+kDdwGelw8pgiEPJZ+9qgvuQgg5Qx5f1Njk1twrV96qQSe5vZMXyOt/qHkkkp47uoL0i+1dKZj7rLZANqxFZY8dxlvOnzbFgQBjrKZ51Itb+gn7IDdxzMzQ7xml4Z35cHOiX0lfO6TC62/9+ZXk69GXsTc7KZuVhl3j03uQGni8HwrRdv8cOILQJG/sChro6iTLS7coXQ1Wb9kLXVULTKlnw85DPRVugx7DlaSwycJyj/1LZuMLsWVksOCCP1ovcPGE7akDSCHLK0esy92YirMGaI9BeTQa0SPdUIYiqHLBp0Kw6wjivV4+VBCdAyFxtT/dL7XDhlWrCNGoNSQpVvVEAShtvw1+gVyAi9HGSwaAkUJ1QiLHBYnrKoJjcVkTg0Ihpc5uPhElHlFpVEvRwYgpJCTpTWZjEZfVpDtPRJ0/+jutcg189kKcgiCb6Qe8XsWxHG8RjgVT7PT0rJf1tjm/609qgYdigKYAAAAAElFTkSuQmCC)
}

.public_top_piracy {
    position: relative;
    overflow: hidden
}

.public_top_piracy img {
    display: block;
    width: 100%
}

.public_top_piracy i {
    background: url(/statics/ffsm/public/wap/images/icon_close.png?v=20210309221949) no-repeat right top;
    display: block;
    width: 40px;
    height: 40px;
    -moz-background-size: 20px;
    -o-background-size: 20px;
    background-size: 20px;
    position: absolute;
    right: 0;
    top: 0
}

.public_header {
    height: .44rem;
    line-height: .44rem;
    background: #fff;
    border-bottom: 1px solid #e4e4e4;
    width: 100%;
    position: relative
}

.public_h_logo {
    position: absolute;
    left: .1rem;
    height: .44rem;
    top: 0;
    display: block
}

.public_h_logo img {
    height: 100%;
    display: block
}

.public_h_con {
    text-align: center;
    font-size: .2rem;
    color: #a83b00;
    margin: 0 .44rem;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.public_h_home {
    position: absolute;
    width: .44rem;
    height: .44rem;
    top: 0;
    left: 0
}

.public_h_menu {
    position: absolute;
    height: .25rem;
    line-height: .25rem;
    border: 1px solid #db8732;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    border-radius: .05rem;
    padding: 0 .05rem;
    display: block;
    color: #db8732;
    right: .1rem;
    top: .09rem;
    background-color: #fff
}

.public_h_home:after {
    content: '';
    display: block;
    width: .24rem;
    height: .24rem;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: .1rem;
    left: .1rem;
    background-image: url(/statics/ffsm/public/wap/images/icon_home.png?v=20210309221949)
}

.public_h_back {
    position: absolute;
    width: .44rem;
    height: .44rem;
    top: 0;
    left: 0
}

.public_h_back:after {
    content: '';
    display: block;
    width: .1rem;
    height: .1rem;
    position: absolute;
    top: .15rem;
    left: .15rem;
    border: solid #d3a873;
    border-width: 2px 0 0 2px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.public_banner {
    width: 100%;
    height: auto
}

.public_banner img {
    width: 100%;
    height: auto;
    display: block
}

.public_tab {
    height: auto;
    border-bottom: 1px solid #d6d6d6;
    background-color: #fff
}

.public_tab a {
    display: block;
    width: 80%;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
    color: #333
}

.public_tab span {
    display: block;
    height: 30px;
    width: 1px;
    background-color: #d6d6d6;
    position: absolute;
    top: 5px;
    right: 0
}

.public_tab li {
    float: left;
    width: 50%;
    position: relative
}

.public_tab li.current a {
    border-bottom: 2px solid #ff537b;
    margin-bottom: -1px;
    color: #ff537b
}

.public_form_wrap {
    margin: .1rem .1rem 0
}

.public_form_wrap ul {
    border: 1px solid #e2ccb0;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    border-radius: .05rem;
    background-color: #fff
}

.public_form_wrap li {
    overflow: hidden;
    height: .4rem;
    line-height: .4rem;
    border-bottom: 1px solid #e2ccb0;
    padding: 0 .05rem
}

.public_form_wrap li.new_li_last {
    height: .8rem
}

.public_form_wrap li.new_li_last .txtarea {
    height: .8rem
}

.public_form_wrap li:nth-last-of-type(1) {
    border-bottom: 0
}

.public_form_wrap .left {
    color: #898989;
    margin-right: .1rem;
    font-size: .16rem
}

.public_form_wrap .auto {
    position: relative
}

.public_form_wrap .input.auto {
    width: 100%;
    display: inline-block
}

.public_form_wrap .auto input {
    display: block;
    font-size: .16rem;
    height: .4rem;
    padding: .05rem .3rem .05rem 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 0;
    background-image: url(/statics/ffsm/public/wap/images/icon_right.png?v=20210309221949);
    background-repeat: no-repeat;
    background-position: right center;
    -moz-background-size: .2rem;
    -o-background-size: .2rem;
    background-size: .2rem;
    background-color: rgba(0, 0, 0, 0)
}

.public_form_wrap .auto .sel {
    width: 100%;
    padding: .05rem 0;
    border: 0;
    font-size: .16rem;
    background-image: url(/statics/ffsm/public/wap/images/icon_right.png?v=20210309221949);
    background-repeat: no-repeat;
    background-position: right center;
    -moz-background-size: .2rem;
    -o-background-size: .2rem;
    background-size: .2rem
}

.public_form_wrap .sex span {
    display: block;
    float: left;
    padding-top: .1rem;
    width: .7rem
}

.public_form_wrap .sex i {
    display: block;
    float: left;
    width: .14rem;
    height: .14rem;
    border: 2px solid #6cb333;
    background-color: #fff;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.public_form_wrap .sex span.cur i {
    background: #6cb333 url(/statics/ffsm/public/wap/images/icon_suo_dagou.png?v=20210309221949) no-repeat center center;
    -moz-background-size: .16rem auto;
    -o-background-size: .16rem auto;
    background-size: .16rem auto
}

.public_form_wrap .sex font {
    display: block;
    height: .2rem;
    line-height: .2rem;
    overflow: hidden;
    padding-left: .1rem;
    color: #898989
}

.public_form_wrap .sex span.cur font {
    color: #333
}

.public_form_wrap .auto .icon_right {
    display: block;
    width: .2rem;
    height: .2rem;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background-image: url(/statics/ffsm/public/wap/images/icon_right.png?v=20210309221949);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: .1rem;
    right: 0
}

.public_form_wrap .auto input.bg_no {
    background-image: none
}

.public_agreement {
    padding: .08rem .1rem;
    position: relative;
    text-align: center;
    font-size: .14rem
}

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

.public_agreement a {
    color: #ff8b58;
    text-decoration: underline
}

.public_btn_s {
    padding: .1rem 0;
    margin: 0 .1rem
}

.public_btn_s a {
    display: block;
    height: .34rem;
    line-height: .34rem;
    text-align: center;
    font-size: .18rem;
    background-color: #31b6e7;
    color: #fff;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    border-radius: .05rem
}

.public_pay_box {
    position: relative;
    padding: 0 .1rem .08rem
}

.public_pay_box a {
    display: block;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    margin: .1rem .05rem 0;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    border-radius: .05rem;
    text-indent: -9999em;
    border-style: solid;
    border-width: 1px;
    -moz-background-size: auto .26rem;
    -o-background-size: auto .26rem;
    background-size: auto .26rem;
    background-repeat: no-repeat;
    background-position: center
}

.public_pay_box .pay_zfb {
    border-color: #4088c0;
    background-color: #4088c0;
    background-image: url(/statics/ffsm/public/wap/images/pay_zfb.png?v=20210309221949)
}

.public_pay_box .pay_bb {
    border-color: #bed1ea;
    background-color: #dee8f5;
    background-image: url(/statics/ffsm/public/wap/images/pay_bb.png?v=20210309221949)
}
.public_pay_box .pay_only {
    border-color: #3dd174;
    background-color: #3dd174;
    /*background-image: url(/statics/ffsm/public/wap/images/pay_wx.png?v=20210309221949)*/
}

.public_pay_box .pay_wx {
    border-color: #3dd174;
    background-color: #3dd174;
    background-image: url(/statics/ffsm/public/wap/images/pay_wx.png?v=20210309221949)
}

.public_pay_box .pay_yl {
    border-color: #bed1ea;
    background-color: #fffdf8;
    background-image: url(/statics/ffsm/public/wap/images/pay_yl.png?v=20210309221949)
}

.public_pay_box .pay_txapp {
    border-color: #e35c57;
    background-color: #e35c57;
    color: #fff;
    font-size: .18rem;
    text-indent: 0
}

.public_pay_box .pay_swan {
    border-color: #e35c57;
    background-color: #e35c57;
    color: #fff;
    font-size: .18rem;
    text-indent: 0;
    position: relative;
    height: auto !important
}

.public_pay_box .pay_swan:after {
    display: none
}

.public_pay_box .pay_swan:before {
    content: '';
    position: absolute;
    right: -1px;
    top: -1px;
    width: .8rem;
    height: .2rem;
    background-color: #fb736d;
    background-image: url(/statics/ffsm/public/wap/images/pay_swan.png?v=20210309221949);
    -moz-background-size: 80%;
    -o-background-size: 80%;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-border-bottom-left-radius: .05rem;
    -moz-border-radius-bottomleft: .05rem;
    border-bottom-left-radius: .05rem;
    -webkit-border-top-right-radius: .05rem;
    -moz-border-radius-topright: .05rem;
    border-top-right-radius: .05rem
}

.public_wnl_paybox {
    position: relative;
    padding: 0 0 1px
}

.public_wnl_paybox a {
    display: block;
    width: 65.1%;
    padding: 1.35% 0 0;
    line-height: 40px;
    margin: 5.3% auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-indent: -9999em;
    -moz-background-size: auto 26px;
    -o-background-size: auto 26px;
    background-size: auto 26px;
    background-repeat: no-repeat;
    background-position: center
}

.public_wnl_paybox .pay_zfb {
    background-color: #039df2;
    background-image: url(/statics/ffsm/public/wap/images/pay_zfb.png?v=20210309221949)
}

.public_wnl_paybox .pay_wx {
    background-color: #41ba49;
    background-image: url(/statics/ffsm/public/wap/images/pay_wx.png?v=20210309221949)
}
.public_wnl_paybox .pay_only {
    background-color: #41ba49;
    background-image: url(/statics/ffsm/public/wap/images/pay_wx.png?v=20210309221949)
}

.public_wnl_paybox .pay_wnl {
    border-color: #e35c57;
    background-color: #e35c57;
    color: #fff;
    font-size: .18rem;
    text-indent: 0;
    padding: 0
}

.m_wnl_paybox_new {
    text-align: center;
    overflow: hidden
}

.m_wnl_paybox_new .pay_wnl {
    display: block;
    width: 66%;
    line-height: .4rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #e35c57;
    color: #fff;
    font-size: .18rem;
    margin: .2rem auto
}

.public_pay_tip {
    text-align: center;
    color: red;
    padding: 0 0 .1rem;
    font-size: .13rem
}

.public_result_bind {
    background-color: rgba(0, 0, 0, .7);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 66;
    display: none
}

.public_rb_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -55%);
    -moz-transform: translate(-50%, -55%);
    -ms-transform: translate(-50%, -55%);
    -o-transform: translate(-50%, -55%);
    transform: translate(-50%, -55%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 84%;
    max-width: 500px
}

.public_rb_content {
    background-color: #dbb58b;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem
}

.public_rb_formwrap {
    position: relative
}

.public_rb_bindtip {
    line-height: 1.6
}

.public_rb_bindtip b {
    color: #d80515;
    font-weight: 400
}

.public_rb_bigtitle {
    font-weight: 700;
    font-size: .26rem;
    text-align: center;
    color: #b92532;
    padding: .2rem 0 .1rem;
    -webkit-border-top-left-radius: .1rem;
    -moz-border-radius-topleft: .1rem;
    border-top-left-radius: .1rem;
    -webkit-border-top-right-radius: .1rem;
    -moz-border-radius-topright: .1rem;
    border-top-right-radius: .1rem
}

.public_rb_tipwords {
    color: #584026;
    text-align: center;
    padding: 0 .15rem .08rem;
    font-size: .2rem
}

.public_rb_tipwords span {
    color: #84252d
}

.public_rb_form {
    text-align: center
}

.public_rb_form input {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: .4rem;
    line-height: .4rem;
    color: #444;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: .16rem;
    padding: 0 .1rem;
    text-align: center
}

.public_rb_bindtext {
    position: relative;
    overflow: hidden;
    margin-top: .06rem
}

.public_rb_bindphone {
    position: relative;
    overflow: hidden;
    margin: .08rem .15rem;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-left: .25rem;
    height: .4rem;
    line-height: .4rem
}

.public_rb_bindphone::before {
    content: "";
    position: absolute;
    left: .08rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .15rem;
    height: .15rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAY1BMVEUAAADIpX7IpX7IpX7IpX7IpX7IpX7IpX7IpX7IpX7IpX7IpX7IpX7IpX7IpX7IpX7IpX7IpX7IpX7IpX7IpX7IpX7IpX7IpX7IpX7IpX7IpX7IpX7IpX7IpX7IpX7IpX7IpX5Fznz1AAAAIHRSTlMAe/jx4jyHn9eWa0IeFBAJBtvEVykB8+nSyMa6rHZNMgh3qJsAAAClSURBVCjPpdLJEoMgDIDhKCKCUHDrvuT9n7Kd4KG0BA/+128yMAHYzisxSFbdgJ96Rg8NUi7Pd4zd8lzjmixzm+WOjL2cKg7DM6qGfIsg9sBUEU8cB7p7A1yGxhXrV/KK43AkbzmXWJ6vNrxLXdr8q9P58xlr7RN3q4/98oqLkOl8h7Em/wGCxjQBaVOdOvxkLzxT7Zca+G9WRPyO7GMUQpwM7O4Nkwgb4Ttva/kAAAAASUVORK5CYII=) no-repeat;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%
}

.public_rb_bindphone input {
    width: 100%;
    height: 100%;
    border: 0;
    background: 0 0;
    font-size: .16rem;
    color: #444;
    text-align: left
}

.public_rb_bindcode {
    padding-right: 30%;
    position: relative;
    margin: 0 .15rem .08rem;
    display: none
}

.public_rb_bindcode span {
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    text-align: center;
    height: .4rem;
    line-height: .4rem;
    color: #d71a1a;
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer
}

.public_rb_hr {
    display: block;
    width: 100%
}

.public_rb_lower {
    position: relative;
    margin-top: -2px;
    -webkit-border-bottom-left-radius: .1rem;
    -moz-border-radius-bottomleft: .1rem;
    border-bottom-left-radius: .1rem;
    -webkit-border-bottom-right-radius: .1rem;
    -moz-border-radius-bottomright: .1rem;
    border-bottom-right-radius: .1rem;
    padding: .1rem 0 .3rem;
    overflow: hidden;
    background-color: #fff
}

.public_rb_formbtn {
    overflow: hidden;
    padding: .1rem .15rem .05rem
}

.public_rb_formbtn .bind_btn {
    height: .46rem;
    line-height: .46rem;
    -webkit-border-radius: .23rem;
    -moz-border-radius: .23rem;
    border-radius: .23rem;
    display: inline-block;
    background-color: #b92633;
    width: 100%;
    color: #fff;
    font-size: .22rem;
    font-weight: 700
}

.public_rb_agreement {
    text-align: center;
    margin-top: .1rem;
    color: #999
}

.public_rb_agreement input {
    position: relative;
    top: -2px;
    width: .14rem;
    height: .14rem;
    -webkit-appearance: checkbox;
    vertical-align: middle;
    margin: .02rem .06rem 0 0
}

.public_rb_close_btn {
    text-align: center;
    padding-top: .1rem
}

.public_rb_close_btn a {
    text-decoration: underline;
    color: #a79783;
    display: block
}

.public_rb_2confirm {
    background-color: #fff;
    padding: .2rem .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    display: none
}

.public_rb_2confirm .title {
    text-align: center;
    font-size: .24rem
}

.public_rb_2confirm .text {
    padding: .15rem 0;
    font-size: .18rem;
    color: #666;
    text-align: center
}

.public_rb_2confirm .btn {
    overflow: hidden;
    text-align: center
}

.public_rb_2confirm .btn div {
    display: inline-block;
    vertical-align: top;
    margin: 0 .05rem .05rem
}

.public_rb_2confirm .btn span {
    display: inline-block;
    padding: 0 .26rem;
    line-height: .4rem;
    background-color: #eee;
    color: silver;
    -webkit-border-radius: .06rem;
    -moz-border-radius: .06rem;
    border-radius: .06rem;
    font-size: .18rem
}

.public_rb_2confirm .btn_back span {
    background-color: #b92633;
    color: #fff
}

.public_rb_2confirm .btn i {
    display: block;
    font-size: .12rem;
    color: #b92633;
    margin-top: .05rem;
    text-align: center
}

.bind_layer_confirm {
    width: 80% !important;
    max-width: 580px !important
}

.bind_layer_confirm .layui-layer-content {
    font-size: 18px !important
}

.bind_layer_confirm .layui-layer-btn {
    padding: 0 10px 40px !important
}

.bind_layer_confirm .layui-layer-btn a {
    height: 30px !important;
    line-height: 30px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    margin: 5px 10px 0 !important;
    padding: 0 20px !important;
    border: none !important
}

.bind_layer_confirm {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important
}

.bind_layer_confirm .layui-layer-title {
    padding: 0 20px;
    text-align: center;
    background-color: transparent;
    font-size: 22px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    border-bottom: 0
}

.bind_layer_confirm .layui-layer-content {
    color: #333;
    padding: 0 15px 15px !important;
    text-align: center
}

.bind_layer_confirm .layui-layer-btn .layui-layer-btn0 {
    background-color: #eee;
    border-color: #dedede;
    color: #aaa9a9
}

.bind_layer_confirm .layui-layer-btn1 {
    background-color: #b92633;
    color: #fff;
    border-color: #b92633;
    position: relative;
    width: 84px
}

.bind_layer_confirm .layui-layer-btn1 i {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -24px;
    line-height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #b92633
}

.public_guide_downapp {
    display: none
}

.anim_loading {
    text-indent: -999px;
    background-image: url(/statics/ffsm/public/wap/images/loding.gif?v=20210309221949);
    background-position: center;
    -moz-background-size: auto 40px;
    -o-background-size: auto 40px;
    background-size: auto 40px;
    background-repeat: no-repeat;
    background-color: transparent
}

.guide_down_wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, .8)
}

.guide_down {
    position: absolute;
    top: 50%;
    left: 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: 75%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.guide_down_top {
    width: 100%;
    height: 42px;
    overflow: hidden;
    text-align: right
}

.guide_down_close {
    position: relative;
    color: #fff;
    display: inline-block;
    width: 42px;
    height: 42px;
    overflow: hidden;
    text-align: center;
    line-height: 65px;
    font-size: 12px;
    overflow: hidden
}

.guide_down_close:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background: url(/statics/ffsm/public/wap/images/guide_close_white.png?v=20210309221949) no-repeat top center;
    width: 25px;
    height: 25px;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%
}

.guide_down_pic {
    display: block;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.guide_down_pic img {
    display: block;
    width: 100%
}

.guide_down_bottom {
    width: 100%;
    overflow: hidden;
    text-align: center
}

.guide_bottom_close {
    position: relative;
    background: url(/statics/ffsm/public/wap/images/guide_close_white.png?v=20210309221949) no-repeat center;
    width: 30px;
    height: 30px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-size: 20px;
    -o-background-size: 20px;
    background-size: 20px;
    margin: 20px auto 0;
    display: block
}

.guide_bottom_close:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -20px;
    height: 20px;
    width: 1px;
    background-color: #fff
}

.public_quan_bg {
    background-color: rgba(0, 0, 0, .8);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    display: none
}

.pc_quan_bg {
    background-color: rgba(0, 0, 0, .8);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    display: none
}

.pc_quan_wrap {
    position: fixed;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    -o-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    -webkit-transform: translate(-50%, 50%);
    z-index: 11;
    background: rgba(0, 0, 0, .8)
}

.pc_quan_wrap:before, .public_quan_wrap:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -218px;
    left: 50%;
    margin-left: -160px;
    background: url(/statics/ffsm/public/wap/images/quan_bg_shan.png?v=20210309221949) no-repeat center;
    width: 320px;
    height: 437px;
    -moz-background-size: 100% 437px;
    -o-background-size: 100% 437px;
    background-size: 100% 437px;
    -webkit-animation: rotateImg 6s linear infinite;
    -moz-animation: rotateImg 6s linear infinite;
    -o-animation: rotateImg 6s linear infinite;
    animation: rotateImg 6s linear infinite
}

.public_quan {
    position: absolute;
    top: 50%;
    left: 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%);
    background-color: #ff9600;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 15px
}

.public_quan:before {
    content: "";
    position: absolute;
    top: -30px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background: url(/statics/ffsm/public/wap/images/quan_xing.png?v=20210309221949) no-repeat;
    width: 224px;
    height: 130px;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%
}

.public_quan_close {
    position: absolute;
    top: -45px;
    right: 7px;
    background: url(/statics/ffsm/public/wap/images/quan_icon_close.png?v=20210309221949) no-repeat;
    width: 26px;
    height: 26px;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%
}

.public_quan_line {
    position: absolute;
    right: 20px;
    top: -20px;
    width: 1px;
    height: 20px;
    background-color: #fff
}

.public_quan_title {
    color: #ff2900;
    font-size: 20px;
    text-align: center;
    line-height: 40px
}

.public_quan_pic {
    padding: 0 10px
}

.public_quan_pic .quan {
    display: block;
    background: url(/statics/ffsm/public/wap/images/quan_pic.png?v=20210309221949) no-repeat;
    width: 200px;
    height: 79px;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    margin: 0 auto
}

.public_quan_btn {
    display: block;
    height: 40px;
    line-height: 40px;
    background-color: #e35c57;
    -webkit-box-shadow: 0 3px 3px #c94641;
    -moz-box-shadow: 0 3px 3px #c94641;
    box-shadow: 0 3px 3px #c94641;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin: 20px auto
}

@-moz-keyframes rotateImg {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes rotateImg {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotateImg {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotateImg {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.public_quan_rf {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 9;
    width: 76px;
    height: 76px
}

.J_guide_choose_first .public_quan_rf {
    position: fixed;
    right: 50%;
    bottom: 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%);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    opacity: 0
}

.J_guide_choose .public_quan_rf {
    right: 48px;
    bottom: 50px;
    opacity: 1
}

.public_quan_fixed {
    background: url(/statics/ffsm/public/wap/images/quan_fixed_right.png?v=20210309221949) no-repeat;
    width: 76px;
    height: 41px;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.public_quan_fixed.animate {
    -webkit-animation: ani 1s;
    -moz-animation: ani 1s;
    -o-animation: ani 1s;
    animation: ani 1s
}

@-moz-keyframes ani {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes ani {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes ani {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes ani {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.pc_quan_box {
    position: fixed;
    right: 10px;
    bottom: 136px;
    z-index: 9;
    width: 190px;
    width: 190px;
    padding: 15px 0 10px;
    background-color: #ff9600;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.J_pcGuideChoose_first .pc_quan_box {
    position: fixed;
    right: 50%;
    bottom: 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%);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    width: 190px;
    padding: 15px 0 10px;
    background-color: #ff9600;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity: 0
}

.J_pcGuideChoose .pc_quan_box {
    right: 106px;
    bottom: 136px;
    opacity: 1
}

.pc_quan_box:before {
    content: "";
    position: absolute;
    top: -30px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background: url(/statics/ffsm/public/wap/images/quan_xing.png?v=20210309221949) no-repeat;
    width: 224px;
    height: 130px;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%
}

.pc_quan_box .sao {
    text-align: center;
    color: #fff;
    font-size: 18px
}

.pc_gb_code {
    width: 120px;
    height: 120px;
    margin: 10px auto
}

.pc_gb_code img {
    display: block;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.public_hot_test {
    border: 1px solid #d3d3d3;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    border-radius: .05rem;
    margin: .1rem;
    background-color: #fff
}

.public_ht_title {
    border-bottom: 1px solid #d3d3d3;
    height: .24rem;
    line-height: .24rem;
    padding: .1rem;
    color: #000;
    font-weight: 800;
    text-align: center;
    font-size: .16rem
}

.public_ht_ul {
    position: relative;
    overflow: hidden;
    padding-top: .05rem;
    padding-bottom: .1rem
}

.public_hot_test .swiper-container {
    width: 100%;
    height: auto;
    opacity: 0;
    padding-bottom: .26rem
}

.public_hot_test .swiper-slide {
    padding: .05rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: block;
    text-align: center
}

.public_hot_test .swiper-slide img {
    display: block;
    width: 100%;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    border-radius: .05rem
}

.public_hot_test .swiper-slide p {
    line-height: .26rem;
    height: .26rem;
    font-size: .14rem;
    color: #222;
    text-align: center;
    overflow: hidden
}

.public_hot_test .hot_pages {
    bottom: 0 !important
}

.public_hot_test .hot_pages .swiper-pagination-bullet {
    width: .16rem !important;
    height: .16rem !important;
    margin: 0 .05rem !important;
    line-height: 0
}

.public_hot_test .hot_pages .swiper-pagination-bullet-active {
    width: .32rem !important;
    -webkit-border-radius: .08rem;
    -moz-border-radius: .08rem;
    border-radius: .08rem;
    background-color: rgba(0, 0, 0, .4) !important
}

.hot-app-item {
    display: block;
    position: relative;
    font-size: .14rem;
    line-height: 1.8;
    border-bottom: 1px solid #baa37e
}

.hot-app-item:last-child {
    border-bottom: none
}

.hot-app-item__banner {
    display: block;
    width: 100%;
    -webkit-border-top-left-radius: .1rem;
    -moz-border-radius-topleft: .1rem;
    border-top-left-radius: .1rem;
    -webkit-border-top-right-radius: .1rem;
    -moz-border-radius-topright: .1rem;
    border-top-right-radius: .1rem;
    margin-top: .05rem
}

.hot-app-item__box {
    padding: .05rem 0
}

.hot-app-item__box > img {
    float: right;
    width: .6rem;
    height: .6rem;
    margin: .05rem 0 0 .05rem
}

.hot-app-item__box > h2 {
    font-size: .17rem;
    color: #282828;
    font-weight: 700;
    line-height: .3rem
}

.hot-app-item__box > p {
    font-size: .14rem;
    line-height: .18rem;
    height: .36rem;
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.hot-app-item__box--info {
    color: #999;
    font-size: .12rem;
    margin-top: .05rem;
    line-height: .24rem
}

.hot-app-item__box--info span {
    display: inline-block
}

.hot-app-item__box--info span::before {
    content: "";
    display: inline-block;
    width: .18rem;
    height: .18rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #cbcbcb;
    color: #fff;
    vertical-align: top;
    margin: .03rem .03rem 0 0;
    text-align: center;
    line-height: .18rem
}

.hot-app-item__box--info span:first-child::before {
    content: '测'
}

.hot-app-item__box--info span:last-child::before {
    margin-left: .15rem;
    background: #cbcbcb url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAABFklEQVQ4jaXSzSpEcRzG8c/MYEVslZUkFoYi8lIWNpYyOzvlArgDyR24AgsX4AZkgR1mZeESULKR1346+Y+m6Zww89Sp83v5f8+/8zwiIu8pR8RxfOs0IoYL9hQBqunwekScJci/ABsRcZ/elyLiIyIqebtl+ZpDPU0CFXTnbeYBRrGJo1QP4gEveYCulnoEJzjHYepVcYuBlt2n7HYZoIaJ1NxKy7V09QZgAY8tgGfslyLiE9fpCz0YS8OGptGHt6Z+CavYleyaiojtiKgX2VXg1F2RC3/RIi46Acx3AujFZOZWu4BZZD//sl1AZutVFq52ASspbD9JnEkp7MfaL4eHsIydrMiCdIPxNHwtynyT3nGAPfgCFb72Dwv67mwAAAAASUVORK5CYII=) no-repeat center center;
    -moz-background-size: .12rem .12rem;
    -o-background-size: .12rem .12rem;
    background-size: .12rem .12rem
}

.public_ht_ul li {
    float: left;
    width: 25%;
    padding: 5px 5px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.public_ht_ul li a {
    display: block
}

.public_ht_ul li img {
    width: 100%;
    display: block
}

.public_ht_ul li p {
    line-height: 24px;
    height: 26px;
    font-size: 14px;
    color: #222;
    text-align: center;
    overflow: hidden
}

.public_pay_popup {
    background-color: rgba(0, 0, 0, .6);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 39;
    display: none
}

.public_pp_box {
    position: absolute;
    width: 80%;
    background-color: #fff;
    top: 50%;
    left: 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%);
    max-width: 520px;
    -webkit-border-radius: .06rem;
    -moz-border-radius: .06rem;
    border-radius: .06rem;
    padding: .2rem .1rem .1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #3a3a3a;
    font-size: .16rem
}

.public_pp_price, .public_pp_tit {
    padding: .1rem 0 .06rem
}

.public_pp_price strong {
    color: #ce0000;
    font-size: .18rem
}

.public_pp_close {
    position: absolute;
    right: 0;
    top: 0;
    width: .4rem;
    height: .4rem;
    font-weight: 700;
    font-size: .2rem;
    line-height: .4rem;
    color: #666;
    cursor: pointer
}

.public_paybottom_height {
    height: .25rem
}

.public_pay_bottom {
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: .46rem;
    line-height: .46rem;
    text-align: center;
    font-size: .18rem;
    color: #fff;
    z-index: 39;
    max-width: 640px;
    display: none;
    background-color: rgba(0, 0, 0, .5);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.public_pay_bottom span {
    margin: .05rem .05rem 0;
    height: .36rem;
    line-height: .36rem;
    display: block;
    text-align: center;
    font-size: .16rem;
    color: #fff;
    background-color: red;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    border-radius: .05rem
}

.public_pay_bottom i {
    display: inline-block;
    height: .36rem;
    width: .36rem;
    vertical-align: top;
    margin-right: .05rem;
    background: url(/statics/ffsm/public/wap/images/public_lock.png?v=20210309221949) center/80% no-repeat
}

.public_footer {
    margin: 20px 0 0;
    background-color: #dc8732;
    overflow: hidden;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 20px 0
}

.public_footer > p {
    padding: 2px 0
}

.public_footer a {
    color: #fff
}

.pf_links {
    padding: 10px 0
}

.pf_payment {
    position: relative;
    text-align: center;
    margin-top: 8px
}

.pf_payment img, .pf_payment span {
    height: 24px;
    vertical-align: middle;
    display: inline-block;
    padding: 0 4px;
    line-height: 24px;
    width: auto
}

.public_footer_servers {
    text-align: center;
    color: #6c6c6c;
    padding: .2rem 0;
    font-size: .14rem
}

.public_footer_servers > p {
    padding: 1px 0
}

.public_footer_servers a {
    color: #6c6c6c
}

.public_footer_help {
    overflow: hidden;
    line-height: 1.5
}

.public_footer_help > img {
    width: .2rem;
    height: .2rem;
    margin-right: .05rem;
    margin-left: .05rem;
    display: inline-block;
    vertical-align: middle
}

.public_footer_help .words {
    display: inline-block
}

.public_footer_help .kf {
    position: relative;
    display: inline-block;
    text-decoration: underline;
    padding-left: 30px
}

.public_footer_help .kf::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAk1BMVEUAAAAAAAAAAAAAAAAAAAAAAAD8/PwPDw/19fUcHBwAAAAAAAAAAAAAAAAAAABNTU3h4eHc3NwtLS3y8vLv7+/q6url5eXJycmKioplZWVVVVUnJyf5+fnS0tLBwcG9vb2rq6uioqJ7e3tsbGwAAAAAAACzs7OmpqbW1ta4uLiTk5OBgYF0dHReXl5CQkI6Ojr///9pzD2gAAAAMHRSTlOZAI5pWw79nfmhiH5RNCGu7eqk9/Xy7+DEtrGj++Tb2tLNvrlJSNXP5tfHwLu0q6mK/z8XAAABw0lEQVQ4y52V6XaCMBBGp2AWKiLI4m7VunTv9/5P13RCGmloPcf7R064zsBkMtBdh+wYDyOiaBgfs+6dS1Gk93TBfSp6RTGggIEIxVFEPUSj36ILFwbtirFbT2bTCtDFeexWYi96L9mu4HhadEy6zPtewSCrRrP6rHx2FketNwOgzxxouV8DyCfEjKwooh9P7hQ5FjlQWzMSLLaJ54DmaA71AOSqTW5E0b5HidWYuhjzgRhhxJSYE7CnX6gCmPNVakS7vxOJNQWMgdzu+x1lxOyABYVMXciMDsQ0aKiHR2DDF0eK7asA2z5xCWi7PTTk3w0g56GnGgDv5sJoET80b25vZqBMiIzGPMOwCsUzvtn5hZoXlkRhxcEVcjElL3z2VccgWRv+J254XfPLcHmKP1Jveb3g8nDBZzZDwBuLL1zwjNqQfXudSAC14i20TZFMUY5D8UOW9XRim8K1maIQlcv236lv3D5vjVfyjRucffW4T7hFC8zcFPCHy/OqAf1G6kVL1/KRaI9r0AeQG43aPp8/rt3kW1hKf3IHwUjhJ6sA2O4MRkrXXJ6qVXP68N5tY+/6IL0+mm8f9kx2cJ+PQ9a98wUBBjCZsraAJQAAAABJRU5ErkJggg==) no-repeat;
    width: 20px;
    height: 20px;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%
}

.public_foot_xin {
    width: 100%;
    margin: 0 auto;
    display: block
}

.public_foot_al {
    width: 50%;
    margin: 0 auto;
    display: block
}

.public_fyd_fengqing {
    position: relative;
    overflow: hidden;
    padding: 10px
}

.public_fyd_fengqing .swiper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    z-index: 1
}

.public_fyd_fengqing .wrapper {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: height, -o-transform;
    -moz-transition-property: transform, height, -moz-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform, -moz-transform, -o-transform
}

.public_fyd_fengqing .slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: auto;
    position: relative
}

.public_fyd_fengqing .next, .public_fyd_fengqing .prev {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 40px;
    background-image: url(/statics/ffsm/public/wap/images/fyd_icon.png?v=20210309221949);
    -moz-background-size: auto 40px;
    -o-background-size: auto 40px;
    background-size: auto 40px;
    background-repeat: no-repeat;
    margin-top: 30%
}

.public_fyd_fengqing .prev {
    left: 10px;
    background-position: 0 0
}

.public_fyd_fengqing .next {
    right: 10px;
    background-position: -40px 0
}

.public_fyd_fengqing .swiper-button-disabled {
    display: none
}

.public_ff_title {
    text-align: center;
    font-size: 18px;
    color: red;
    height: 30px;
    line-height: 30px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.public_ff_goods {
    width: 60%;
    border: 1px solid red;
    margin: 6px auto
}

.public_ff_goods img {
    display: block;
    width: 100%
}

.public_ff_goods p {
    text-align: center;
    padding: 4px 0
}

.public_ff_goods span {
    font-size: 16px;
    color: red
}

.public_ff_text {
    line-height: 24px;
    padding: 0 10px
}

.public_ff_btn {
    height: 36px;
    background-color: red;
    line-height: 36px;
    text-align: center;
    display: block;
    color: #fff;
    margin: 8px 10px 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.public_ff_form {
    display: none
}

.public_ff_form .input_text, .public_ff_form .input_textarea {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #b8b8b8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 3px #d8d7d6 inset;
    -moz-box-shadow: 2px 2px 3px #d8d7d6 inset;
    box-shadow: 2px 2px 3px #d8d7d6 inset;
    margin: 10px 10px 0
}

.public_ff_form input, .public_ff_form textarea {
    background: rgba(0, 0, 0, 0);
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 5px;
    width: 100%
}

.public_ff_form input {
    height: 30px
}

.public_ff_form textarea {
    height: 50px
}

.public_ff_form .input_btn {
    background: -webkit-gradient(linear, left top, left bottom, from(#feb749), to(#cf8516));
    background: -webkit-linear-gradient(#feb749, #cf8516);
    background: -moz-linear-gradient(#feb749, #cf8516);
    background: -o-linear-gradient(#feb749, #cf8516);
    background: linear-gradient(#feb749, #cf8516);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 2px 4px #564e4b;
    -moz-box-shadow: 1px 2px 4px #564e4b;
    box-shadow: 1px 2px 4px #564e4b;
    color: #fff;
    display: block;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    margin: 10px;
    text-align: center
}

.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
}

.public_select {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: .05rem .2rem .05rem .05rem;
    border: 1px solid #d1d1d1;
    width: 2rem;
    height: .32rem;
    vertical-align: top;
    background-color: #fff;
    line-height: .3rem
}

.public_select > select {
    opacity: 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    filter: alpha(opacity=0);
    padding-left: .05rem;
    font-size: .16rem;
    color: #222
}

.public_select > span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 .2rem 0 .1rem;
    overflow: hidden;
    color: #999
}

.public_select > span::after {
    content: "";
    position: absolute;
    right: .05rem;
    top: 50%;
    width: 0;
    height: 0;
    border: .05rem solid;
    border-color: #333 transparent transparent transparent;
    margin-top: -.02rem
}

.evaluate-box {
    background-color: #fff;
    display: block;
    overflow: hidden;
    font-size: .14rem
}

.evaluate-box__title {
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    font-size: .2rem;
    font-weight: 700;
    background-color: #e9bf98;
    color: #fff
}

.evaluate-box__item {
    position: relative;
    padding: 0 .1rem 0 .75rem;
    margin-top: .1rem;
    line-height: .32rem
}

.evaluate-box__item label {
    position: absolute;
    top: 0;
    left: .1rem;
    width: .65rem;
    height: .32rem;
    text-align: center;
    line-height: .32rem;
    font-size: .14rem
}

.evaluate-box__item--input {
    position: relative
}

.evaluate-star {
    display: inline-block;
    width: .24rem;
    height: .24rem;
    vertical-align: top;
    margin: .04rem .03rem
}

.evaluate-words {
    display: inline-block;
    vertical-align: top;
    height: .32rem;
    line-height: .32rem;
    font-size: .14rem;
    margin-left: .04rem
}

.evaluate-box__item--input > .public_select {
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    border-radius: .05rem;
    background-color: eee
}

.evaluate-box__textarea {
    margin: .1rem
}

.evaluate-box__textarea textarea {
    display: block;
    width: 100%;
    padding: .05rem .1rem;
    background-color: #eee;
    border: 1px solid #ccc;
    color: #222;
    line-height: 1.6;
    -webkit-border-radius: .08rem;
    -moz-border-radius: .08rem;
    border-radius: .08rem;
    font-size: .15rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: none
}

.evaluate-box__submit {
    margin: .2rem;
    display: block;
    height: .4rem;
    line-height: .4rem;
    color: #fff;
    background-color: #cc431b;
    text-align: center;
    font-size: .22rem;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    border-radius: .05rem
}

.m_top_tip {
    color: #fff;
    padding: 0 .1rem;
    overflow: hidden
}

.m_top_tip span {
    white-space: nowrap;
    display: inline-block;
    word-wrap: normal;
    -webkit-animation: marquee 18s linear infinite;
    -moz-animation: marquee 18s linear infinite;
    -o-animation: marquee 18s linear infinite;
    animation: marquee 18s linear infinite;
    height: .25rem;
    line-height: .25rem;
    font-size: .12rem
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(3.75rem);
        transform: translateX(3.75rem)
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-moz-keyframes marquee {
    0% {
        -moz-transform: translateX(3.75rem);
        transform: translateX(3.75rem)
    }
    100% {
        -moz-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-o-keyframes marquee {
    0% {
        -o-transform: translateX(3.75rem);
        transform: translateX(3.75rem)
    }
    100% {
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translateX(3.75rem);
        -moz-transform: translateX(3.75rem);
        -o-transform: translateX(3.75rem);
        transform: translateX(3.75rem)
    }
    100% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.m_body_weguide {
    background-color: #ebebeb
}

.m_official_account {
    position: relative;
    margin: -10% 10px 20px;
    border: 1px solid #d2d2d2;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 15px 0 40px
}

.m_oa_top {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 15px
}

.m_oa_top .words {
    font-size: 22px;
    color: #e35c57;
    font-weight: 700
}

.m_oa_code {
    width: 50%;
    margin: 10px auto
}

.m_oa_code img {
    display: block;
    width: 100%
}

.m_official_account .txwh {
    color: #e35c57
}

.m_oa_bottom {
    padding: 0 5px
}

.m_package_tabnav {
    height: 40px
}

.m_pt_list {
    background-color: #fff;
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap
}

.m_pt_list.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    max-width: 640px;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .25)
}

.m_pt_item {
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    padding: 0 10px;
    position: relative
}

.m_pt_item:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 16px;
    background-color: #e3e3e4;
    -webkit-transform: translateY(-49%);
    -moz-transform: translateY(-49%);
    -ms-transform: translateY(-49%);
    -o-transform: translateY(-49%);
    transform: translateY(-49%)
}

.m_pt_item:last-of-type:before {
    display: none
}

.m_pt_item.active {
    color: #e82e2e
}

.m_pt_item.active:after {
    content: '';
    position: absolute;
    bottom: 3px;
    left: 10px;
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
    height: 3px;
    background: #e82e2e
}

.m_form_perfect {
    background-color: #fff;
    padding: 30px 10px
}

.m_fp_title {
    text-align: center;
    font-size: 18px
}

.m_fp_loading {
    height: 240px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m_fp_loading span {
    position: relative;
    width: 50px;
    height: 50px;
    display: block
}

.m_fp_loading span:before {
    content: '';
    width: 50px;
    height: 5px;
    background: #000;
    opacity: .1;
    position: absolute;
    top: 59px;
    left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: fpShadow .5s linear infinite;
    -moz-animation: fpShadow .5s linear infinite;
    -o-animation: fpShadow .5s linear infinite;
    animation: fpShadow .5s linear infinite
}

.m_fp_loading span:after {
    content: '';
    width: 50px;
    height: 50px;
    background: #e73324;
    -webkit-animation: fpAnimate .5s linear infinite;
    -moz-animation: fpAnimate .5s linear infinite;
    -o-animation: fpAnimate .5s linear infinite;
    animation: fpAnimate .5s linear infinite;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

@-webkit-keyframes fpAnimate {
    17% {
        -webkit-border-bottom-right-radius: 3px;
        border-bottom-right-radius: 3px
    }
    25% {
        -webkit-transform: translateY(9px) rotate(22.5deg);
        transform: translateY(9px) rotate(22.5deg)
    }
    50% {
        -webkit-transform: translateY(18px) scale(1, .9) rotate(45deg);
        transform: translateY(18px) scale(1, .9) rotate(45deg);
        -webkit-border-bottom-right-radius: 40px;
        border-bottom-right-radius: 40px
    }
    75% {
        -webkit-transform: translateY(9px) rotate(67.5deg);
        transform: translateY(9px) rotate(67.5deg)
    }
    100% {
        -webkit-transform: translateY(0) rotate(90deg);
        transform: translateY(0) rotate(90deg)
    }
}

@-moz-keyframes fpAnimate {
    17% {
        -moz-border-radius-bottomright: 3px;
        border-bottom-right-radius: 3px
    }
    25% {
        -moz-transform: translateY(9px) rotate(22.5deg);
        transform: translateY(9px) rotate(22.5deg)
    }
    50% {
        -moz-transform: translateY(18px) scale(1, .9) rotate(45deg);
        transform: translateY(18px) scale(1, .9) rotate(45deg);
        -moz-border-radius-bottomright: 40px;
        border-bottom-right-radius: 40px
    }
    75% {
        -moz-transform: translateY(9px) rotate(67.5deg);
        transform: translateY(9px) rotate(67.5deg)
    }
    100% {
        -moz-transform: translateY(0) rotate(90deg);
        transform: translateY(0) rotate(90deg)
    }
}

@-o-keyframes fpAnimate {
    17% {
        border-bottom-right-radius: 3px
    }
    25% {
        -o-transform: translateY(9px) rotate(22.5deg);
        transform: translateY(9px) rotate(22.5deg)
    }
    50% {
        -o-transform: translateY(18px) scale(1, .9) rotate(45deg);
        transform: translateY(18px) scale(1, .9) rotate(45deg);
        border-bottom-right-radius: 40px
    }
    75% {
        -o-transform: translateY(9px) rotate(67.5deg);
        transform: translateY(9px) rotate(67.5deg)
    }
    100% {
        -o-transform: translateY(0) rotate(90deg);
        transform: translateY(0) rotate(90deg)
    }
}

@keyframes fpAnimate {
    17% {
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        border-bottom-right-radius: 3px
    }
    25% {
        -webkit-transform: translateY(9px) rotate(22.5deg);
        -moz-transform: translateY(9px) rotate(22.5deg);
        -o-transform: translateY(9px) rotate(22.5deg);
        transform: translateY(9px) rotate(22.5deg)
    }
    50% {
        -webkit-transform: translateY(18px) scale(1, .9) rotate(45deg);
        -moz-transform: translateY(18px) scale(1, .9) rotate(45deg);
        -o-transform: translateY(18px) scale(1, .9) rotate(45deg);
        transform: translateY(18px) scale(1, .9) rotate(45deg);
        -webkit-border-bottom-right-radius: 40px;
        -moz-border-radius-bottomright: 40px;
        border-bottom-right-radius: 40px
    }
    75% {
        -webkit-transform: translateY(9px) rotate(67.5deg);
        -moz-transform: translateY(9px) rotate(67.5deg);
        -o-transform: translateY(9px) rotate(67.5deg);
        transform: translateY(9px) rotate(67.5deg)
    }
    100% {
        -webkit-transform: translateY(0) rotate(90deg);
        -moz-transform: translateY(0) rotate(90deg);
        -o-transform: translateY(0) rotate(90deg);
        transform: translateY(0) rotate(90deg)
    }
}

@-webkit-keyframes fpShadow {
    0%, 100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    50% {
        -webkit-transform: scale(1.2, 1);
        transform: scale(1.2, 1)
    }
}

@-moz-keyframes fpShadow {
    0%, 100% {
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    50% {
        -moz-transform: scale(1.2, 1);
        transform: scale(1.2, 1)
    }
}

@-o-keyframes fpShadow {
    0%, 100% {
        -o-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    50% {
        -o-transform: scale(1.2, 1);
        transform: scale(1.2, 1)
    }
}

@keyframes fpShadow {
    0%, 100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    50% {
        -webkit-transform: scale(1.2, 1);
        -moz-transform: scale(1.2, 1);
        -o-transform: scale(1.2, 1);
        transform: scale(1.2, 1)
    }
}

.m_fp_formtype {
    background-color: #f0f0f0;
    margin-top: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    padding-left: 100px
}

.m_fp_formtype .name {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    text-align: right;
    padding: 0 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.m_fp_formtype .input {
    height: 42px
}

.m_fp_formtype .input input {
    display: block;
    width: 100%;
    height: 100%;
    background-color: transparent;
    font-size: 16px
}

.m_fp_formtype .datepicker {
    height: 42px;
    padding-right: 30px;
    position: relative
}

.m_fp_formtype .datepicker:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 18px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    border-color: #cacaca transparent transparent
}

.m_fp_formtype .datepicker input {
    display: block;
    width: 100%;
    height: 100%;
    background-color: transparent;
    font-size: 16px
}

.m_fp_formtype .select {
    height: 42px;
    padding-right: 30px;
    position: relative
}

.m_fp_formtype .select:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 18px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    border-color: #cacaca transparent transparent
}

.m_fp_formtype .select select {
    width: 100%;
    border: 0;
    height: 100%;
    font-size: 16px
}

.m_fp_formbtn {
    margin-top: 10px;
    display: none
}

.m_fp_formbtn a {
    display: block;
    background-color: #e73324;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.jiehunjiri_perfect_form {
    position: relative
}

.jpf_box {
    overflow: hidden;
    margin-top: 30px
}

.jpf_box_left, .jpf_box_right {
    width: 49%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative
}

.jpf_box_left {
    float: left
}

.jpf_box_right {
    float: right
}

.jpf_tipimg {
    display: block;
    width: 100%
}

.jpf_field {
    position: relative;
    height: 40px;
    line-height: 40px;
    border: 1px solid #e2ccb0;
    padding-left: 70px;
    border-top: 0
}

.jpf_field:nth-of-type(1) {
    margin-top: -4px;
    background-color: #fff
}

.jpf_field:last-child {
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px
}

.jpf_label {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    text-align: center;
    font-size: 14px;
    width: 70px;
    overflow: hidden
}

.jpf_input {
    padding-right: 5px
}

.jpf_input input {
    width: 100%;
    font-size: 16px
}

.jpf_datepicker {
    position: relative;
    padding-right: 5px
}

.jpf_datepicker input {
    width: 100%;
    font-size: 16px;
    padding-right: 26px;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAVFBMVEUAAADySEjySEjySEjySEjySEjySEjySEjySEjySEjySEjySEjySEjySEjySEjySEjySEjySEjySEjySEjySEjySEjySEjySEjySEjySEjySEjySEigPrOoAAAAG3RSTlMA7YEGykZ8EGfU3VnzX56VCEH42JG7qYpyJBcBjogjAAAAuElEQVQoz7WO3Q6DIAyFKypCERX8t+//nqskc5DJ4s2+C06Tr80BTiZEBxEOsXvPBg81xnJUB9ow1UKvAHoSFxNvbihqAElEkpcpgqXhENCGF3QsNYDl8OD53b6lOWW47GEoYtk2sJ4RJC2aEvRCQRaUpeDLLC0QOlff4BwSUAUZqgeylELIMo1LNsQ0aXwurVK2TOPvnUYpUybxsHPou64f0njUmf/t706dk5rYFxn4bJ/9vfPz/gKN8B97rKniSgAAAABJRU5ErkJggg==);
    -moz-background-size: 16px;
    -o-background-size: 16px;
    background-size: 16px;
    background-position: right center;
    background-repeat: no-repeat
}

.jpf_select {
    padding-right: 5px;
    position: relative
}

.jpf_select select {
    width: 100%;
    height: 100%;
    border: 0;
    font-size: 16px;
    padding-right: 26px;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAJFBMVEUAAADSpnDSp3DWpnDVpnDSp3HTpnDSpnHSp3DSpnHSp3DSp3EfCoQ9AAAAC3RSTlMA2mgqIOFfmr6ujtl5oGYAAABrSURBVCjPYyAReIRhEdTeaIApOHu3MKZg9m4sSpl27xbBYujujQ7YlAZjUYrDVGG8phJ2wFaiTaWRt7ZjCq7GIsiOTftqoEWEnYRwPGFvIgKEsIkOuE0kbHUwsSaK4E5ghJMiWCFm8iYPAAB+jDsQgTqRFgAAAABJRU5ErkJggg==);
    -moz-background-size: 16px;
    -o-background-size: 16px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: right center
}

.jpf_bottom {
    position: relative;
    height: 40px;
    line-height: 40px;
    padding-left: 100px;
    width: 80%;
    margin: 10px auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.jpf_bottom_label {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    text-align: center;
    font-size: 14px;
    width: 100px;
    overflow: hidden
}

.jpf_bottom_select {
    padding-right: 5px;
    position: relative
}

.jpf_bottom_select select {
    width: 100%;
    height: 100%;
    border: 0;
    font-size: 16px;
    padding-right: 26px;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAJFBMVEUAAADSpnDSp3DWpnDVpnDSp3HTpnDSpnHSp3DSpnHSp3DSp3EfCoQ9AAAAC3RSTlMA2mgqIOFfmr6ujtl5oGYAAABrSURBVCjPYyAReIRhEdTeaIApOHu3MKZg9m4sSpl27xbBYujujQ7YlAZjUYrDVGG8phJ2wFaiTaWRt7ZjCq7GIsiOTftqoEWEnYRwPGFvIgKEsIkOuE0kbHUwsSaK4E5ghJMiWCFm8iYPAAB+jDsQgTqRFgAAAABJRU5ErkJggg==);
    -moz-background-size: 16px;
    -o-background-size: 16px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #fff;
    border: 1px solid #ddd;
    height: 36px;
    line-height: 36px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0 5px
}

.m_result_top_wrap {
    overflow: hidden;
    background-color: #fff
}

.m_result_top_wrap input::-moz-placeholder {
    color: #b4b2b2
}

.m_result_top_wrap input::-webkit-input-placeholder {
    color: #b4b2b2
}

.m_result_top_wrap input::-ms-input-placeholder {
    color: #b4b2b2
}

.m_result_top_wrap .public_agreement {
    color: #c1bdbd;
    margin: .05rem 0 .1rem 0
}

.m_result_top_wrap .public_agreement a {
    color: #c1bdbd
}

.m_rt_title {
    background-color: #e9bf98;
    color: #fff;
    font-size: .2rem;
    font-weight: 700;
    height: .4rem;
    line-height: .4rem;
    text-align: center
}

.m_rt_bindphone {
    position: relative;
    overflow: hidden;
    margin: .1rem .15rem;
    background-color: #fff;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    border-radius: .05rem;
    height: .44rem;
    line-height: .44rem;
    border: 1px solid #c9c9c9
}

.m_rt_bindphone_words {
    display: inline-block;
    padding-left: .3rem;
    width: .35rem;
    font-size: .14rem;
    vertical-align: top;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAqCAMAAACa7rtRAAAARVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADc6ur3AAAAFnRSTlMA9cRUK8nb6cHfTyDjSjUm0rWHe2pfqyD7vAAAAGtJREFUOMvt08kKgCAQgOEpc1/aff9HzUCEmsmgUwf/k8OHelGotUeyJRGnqUvU0yQTqSg4akp07vKAsvlAg2nMxDANjRr9iMyHh62iFDmtyyp/IqobdRtzDzQDrBfiZXLBluHtrqBJ8VDpAJECGLU6+hdbAAAAAElFTkSuQmCC) no-repeat;
    background-position: .1rem center;
    -moz-background-size: .13rem .21rem;
    -o-background-size: .13rem .21rem;
    background-size: .13rem .21rem
}

.m_rt_bind_tel {
    position: absolute;
    top: 0;
    left: .65rem;
    right: 0
}

.m_rt_bind_tel input {
    width: 100%;
    height: 100%;
    border: 0;
    background: 0 0;
    font-size: .16rem;
    color: #444;
    text-align: left;
    height: .44rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.m_rt_bindcode {
    padding-right: 1rem;
    position: relative;
    margin: 0 .15rem .1rem;
    display: none
}

.m_rt_bindcode_words {
    background-color: #fff;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    border-radius: .05rem;
    height: .44rem;
    line-height: .44rem;
    border: 1px solid #c9c9c9
}

.m_rt_bindcode_words input {
    width: 100%;
    height: 100%;
    border: 0;
    background: 0 0;
    font-size: .16rem;
    color: #444;
    text-align: left;
    padding-left: .1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.m_rt_bindcode span {
    position: absolute;
    right: 0;
    top: 0;
    width: .9rem;
    text-align: center;
    height: .44rem;
    line-height: .44rem;
    color: #fff;
    background-color: #cc431b;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    border-radius: .05rem;
    font-size: .14rem
}

.m_rt_formbtn {
    overflow: hidden;
    padding: 0 .15rem
}

.m_rt_formbtn .bind_btn {
    height: .45rem;
    line-height: .45rem;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    border-radius: .05rem;
    display: block;
    font-weight: 700;
    background-color: #cc431b;
    color: #fff;
    font-size: .18rem;
    text-align: center
}

.public_test_fixed {
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: .46rem;
    max-width: 640px;
    background-color: rgba(0, 0, 0, .5);
    z-index: 39;
    display: none;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.public_test_fixed span {
    margin: .05rem .05rem 0;
    height: .36rem;
    line-height: .36rem;
    display: block;
    text-align: center;
    font-size: .16rem;
    color: #fff;
    background-color: red;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    border-radius: .05rem
}

.m-customer-swiper {
    position: fixed;
    bottom: 15%;
    right: 0;
    width: 160px;
    height: 40px;
    background-color: rgba(0, 0, 0, .7);
    overflow: hidden;
    z-index: 9;
    -webkit-border-top-left-radius: 40px;
    -moz-border-radius-topleft: 40px;
    border-top-left-radius: 40px;
    -webkit-border-bottom-left-radius: 40px;
    -moz-border-radius-bottomleft: 40px;
    border-bottom-left-radius: 40px;
    color: #fff
}

.m-customer-swiper > .swiper-container {
    height: 40px
}

.m-customer-swiper__item {
    padding: 5px 10px 5px 45px;
    position: relative;
    height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px
}

.m-customer-swiper__item-img {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.m-customer-swiper__item-img > img {
    display: block;
    width: 112px;
    height: 84px;
    max-width: none
}

.m-customer-swiper__item > p {
    font-size: 12px;
    line-height: 15px;
    white-space: nowrap
}

.m-complaint {
    position: fixed;
    right: 0;
    bottom: 20%;
    z-index: 9;
    background-color: rgba(0, 0, 0, .5);
    width: 18px;
    padding: 24px 5px 5px;
    text-align: center;
    color: #fff;
    -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;
    font-size: 14px;
    line-height: 1.2
}

.m-complaint:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 100%;
    height: 18px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAACMElEQVR4AcXXA4wkURDG8bNt27Zt247ONmKcbdu2bdu2bff9k9QkL5va7p2Z7txLfne7W9/Ut9434ar2rPVfhDloWVZU5EIlNEE7tEJ1FEEiV4pZFAtNMR3X8AdO5zU2YzBKIUKYi+W9X4ovMM83nMc2LMB8rMAOnMR7hDxPMRn51GIpzIp98J1f2I6uyIWIYfhypEEdjMcVmGcfsmrF7STwAkOQyKEkrgWHTHYMw2vZ3U4rbi7DKWH4yPLis8gbhvwU2d1CK64nw/lhWNQdvtM9DPn5kq2nFVeV4cowLOppFPcMQ36FZKtrxeVkuN6D4vWSLacVF5HhPg+K90i2uFacXYaHPSg+KNmcWnFSGV71oPiyZJNrxZFk+MKD4meSjWoWm4H3+IPwLhf/xBd5XS2+JcsSuVXMPK7k7tkV75VQAYdlHYziDg7ZXJI7aFc8W0JNHJbFwwYRzyHbQHYusCvuJqHRbt002DVKdva2K86Jv/iI1DbLkuECriOjTS4DvsjOnGqx8uk+iqihLGwD3xkQSiY6TkhmelhuIHFwUx6wAhGVTDOjuJsyj4xVMr+OWE7F5m3klTxwHaKFmEfDZMxCbOUj3QhLdmT297KX2yg/iwxaTvmanjNKc4eWdVqUxfg9+xG9EEnJRUJvfJLsZWQJ+/VWL4+JhbCMpa0QGRHRBBd9Q8nGdPNCXw3XjIJHeGC8fh3V3H4mYX5K2+C8UXgebY0vgdvFysUfnj93cts/eNm5vtxaCs4AAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%
}

.public_order_fixed_rt {
    position: fixed;
    top: 30%;
    right: 0;
    z-index: 9;
    width: 18px;
    text-align: center;
    background-color: #e13800;
    color: #fff;
    background-image: url(/statics/ffsm/public/wap/images/m_icon_order.png?v=20210309221949);
    background-repeat: no-repeat;
    background-position: center 8px;
    -moz-background-size: 56%;
    -o-background-size: 56%;
    background-size: 56%;
    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
}

.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;
    -moz-background-size: 56%;
    -o-background-size: 56%;
    background-size: 56%
}

.user-feedback {
    overflow: hidden;
    height: 3rem
}

.user-feedback > ul {
    position: relative;
    top: 0
}

.user-feedback > ul > li {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    padding: .1rem
}

.user-feedback > ul > li > h5 {
    font-size: .16rem;
    color: #000
}

.user-feedback > ul > li > p {
    margin-top: .05rem
}

.public-result__hd {
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    font-size: .2rem;
    font-weight: 700;
    background-color: #e9bf98;
    color: #fff
}

.public-result__box {
    background-color: #fff;
    padding: .1rem .2rem;
    font-size: .15rem;
    line-height: 1.7
}

.public-result__box > img {
    margin: .1rem auto;
    display: block;
    max-width: 100%
}

.public-result__title {
    text-align: center;
    margin-top: .1rem
}

.public-result__title > span {
    display: inline-block;
    background-color: #e9bf98;
    line-height: .36rem;
    color: #fff;
    -webkit-border-radius: .36rem;
    -moz-border-radius: .36rem;
    border-radius: .36rem;
    font-size: .18rem;
    padding: 0 .2rem;
    font-weight: 700
}

.public-result__ads {
    margin-top: .1rem;
    padding: .1rem;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    border-radius: .05rem;
    background-color: #ffe5ca
}

.public-result__box > p, .public-result__text {
    line-height: .26rem;
    margin-top: .06rem;
    word-break: break-word
}

.public-result__red {
    color: #e63324
}

.public-result__green {
    color: #08bb06
}

.public-result__star {
    display: inline-block;
    width: .2rem;
    height: .2rem;
    vertical-align: top;
    margin: .02rem .03rem
}

.public-result__form {
    background-color: #fff;
    padding: .1rem;
    font-size: .15rem;
    color: #333
}

.public-result__form .public_form_wrap > ul {
    background: #f9e7d3
}

.public-result__form .public_btn_s > a {
    background: #cc431b;
    color: #fff;
    height: .4rem;
    line-height: .4rem;
    font-size: .22rem;
    margin: 0 .15rem;
    width: auto;
    text-indent: 0;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none
}

.public-result__form > form {
    margin: .1rem .1rem 0
}

.public-result__form-wrap {
    border: 1px solid #e9bf98;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    background-color: #f9e7d3;
    overflow: hidden
}

.public-result__form-wrap__item {
    height: .3rem;
    padding: .05rem .1rem .05rem .8rem;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #ffd8a1
}

.public-result__form-wrap__item:last-child {
    border-bottom: none
}

.public-result__form-wrap__item > label {
    position: absolute;
    top: .05rem;
    left: 0;
    width: .8rem;
    text-align: center;
    height: .3rem;
    line-height: .3rem;
    font-size: .15rem
}

.public-result__form-wrap__input, .public-result__form-wrap__item > input {
    display: block;
    width: 100%;
    height: .3rem;
    line-height: .3rem;
    font-size: .15rem;
    background-color: rgba(0, 0, 0, 0)
}

.public-result__form-wrap__input > span {
    display: inline-block;
    width: .3rem;
    height: .3rem;
    vertical-align: top;
    margin: 0 .1rem;
    text-align: center
}

.public-result__form-wrap__input > span.cur {
    color: #e82e23;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAMAAAANf8AYAAAAclBMVEUAAADoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiPoLiNXHWfjAAAAJXRSTlMABAkP+DRPlCIcWhigd0dBOxTKae2LfmPicCfdhC3Xw9Cy57usR57xCgAAAiRJREFUSMeVlOe6qjAQRSek0ntTim2//yve4CnXoyhh/QnwsTJhZwKtwnjOLR4jNzyZZWk2moMJfd9q256v+rqU8mCMCXmec88L+WfLqDJIAiVlvqxsgTGPM+69NfI+6hOZjfnjK4uUm/yNlczFtZH5y0qsFObGrCnxZbreytX5Fsv4r5PpqZjrA72Bcd+Mz5IW0zm2Rd5LPEv+So0QXfwxU5YfpKQHFESn6TPc+EH6sJEVRMQ2t1umKvy9OwNHTpuMMm1+Zk4ApLQNG9M6+L4ugIhcCGUQez9lhE9OZKodaeEGaHLDT4P74rgADo4OS1WyRBcABbki5SjtEAGxsxOmZWmHIyCdHVZq7REHBCNnkqHxSQITuSOHeCQFnHc4h7YJltiiHY5RQ08loPc4fd1Su6+ObAZFCrjRntx0Qhlw2uEE0azu+7PDac9VRnQBDs4Kq08ivB+F0n175uNshxK4Ojt9V8R28AFbzg1WiCklyxVoHJ20Ex27xwdUnptznqr6q2AHDE6KqrrK/84cEC5xeych9O+XAQXbdvRFVPlv4wmX5m6FQPAQO7Z/JEo8nYAbgP5zQ1vl5P35vCuAmn1aGHB8+kPzGcDsv0ssglXMy+MzgKpfLaU6AKeVBmONWCZrny2mClii9VbJJlgqnXj/hazuYLkEb9s2rrAgimiIy7iJCvF1r/mn9oiPeOZSbx6VrD49CMdIMXKBZ22jtR7KdLXCPzYVLFXIUlRRAAAAAElFTkSuQmCC) no-repeat center center;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%
}

.public-result__form-wrap__item--date {
    padding-right: .3rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAMAAAB61OwbAAAAaVBMVEUAAAD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paDdqW6yAAAAInRSTlMAdzOqIO78iPjXu5cF3LdW8+F+Dsfm0sGkkWlfSEI6LyjIa3tfJAAAAOtJREFUKM+9j1mOwyAQRAubxWAD3rKv0/c/5IA9jsaKIMlP3k+V1E/qbjw4iGKphTjgmY6OSz1Sh3/cVBk5+ZAzyp/mvCHAJE1w1PRHDT4XyYAzUUqInLHLCzu0S+3veqn63i+1Bb3gHcFdiwRXNwkeSfwk2J4l6O3LG74pSM95YUlcOL8IsgXnXq4EgcCexhg/tI8h1iucUnVFVCpVElW1Uu7TIzfGbENYY2yIrTGbtdAOABzpBmg0OQBDuxIqHiYjdUOYdDQGj1frFVKIKoqPkG8fKfNzCZ0XNFheYGhMbm7i30zLxH7NGvwCubxZ1g8NNuoAAAAASUVORK5CYII=) no-repeat center right;
    -moz-background-size: .2rem auto;
    -o-background-size: .2rem auto;
    background-size: .2rem auto
}

.public-result__hot .public_ht_title {
    display: none
}

.public-result__hot .public_hot_test {
    background: #fff;
    margin: 0;
    padding: .1rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.public-result__form .public_agreement, .public-result__form .public_agreement > a {
    color: #c1bdbd
}

.public-result__table {
    width: 100%;
    table-layout: fixed;
    margin-top: .1rem;
    border-top: 1px solid #e3cebb;
    border-left: 1px solid #e3cebb
}

.public-result__table td, .public-result__table th {
    border-right: 1px solid #e3cebb;
    border-bottom: 1px solid #e3cebb;
    line-height: .24rem;
    padding: .04rem 0;
    text-align: center;
    font-weight: 400
}

.public-result__table th {
    background-color: #f7e5d4;
    color: #a97955
}

.public-result__starbox {
    margin-top: .1rem;
    text-align: center
}

@media only screen and (min-width: 640px) {
    .m-complaint, .m-customer-swiper, .m-order-history, .public_order_fixed_rt {
        right: 50%;
        margin-right: -320px
    }
}

.base-order-history {
    height: .5rem;
    line-height: .5rem;
    background-color: #23110f;
    position: relative;
    padding: 0 1.1rem 0 .5rem;
    color: #fff;
    display: none
}

.base-order-history > span {
    position: absolute;
    left: .13rem;
    top: .13rem;
    width: .24rem;
    height: .24rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fff
}

.base-order-history > span::after, .base-order-history > span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 15%;
    width: 70%;
    height: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff;
    margin-top: -1px
}

.base-order-history > span::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.base-order-history > a {
    position: absolute;
    right: 0;
    top: 0;
    width: 1.1rem;
    bottom: 0;
    text-align: center;
    color: #fff;
    background-color: #c71f1c;
    font-size: .15rem
}

.wnl_history_btn {
    -webkit-transition: bottom .5s;
    -o-transition: bottom .5s;
    -moz-transition: bottom .5s;
    transition: bottom .5s
}

.public-order-shadow {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: 40;
    display: none
}

.public-order-back {
    position: absolute;
    top: 50%;
    left: 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%);
    -webkit-border-radius: .08rem;
    -moz-border-radius: .08rem;
    border-radius: .08rem;
    width: 90%;
    background-color: #fff;
    max-width: 576px
}

.public-order-back::before {
    content: '';
    position: absolute;
    top: -.17rem;
    right: .12rem;
    margin-left: -1px;
    width: 2px;
    height: .17rem;
    background-color: #fff;
    overflow: hidden
}

.public-order-back__close {
    position: absolute;
    top: -.44rem;
    right: 0;
    border: 2px solid #fff;
    width: .24rem;
    height: .24rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.public-order-back__close::after, .public-order-back__close::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 15%;
    width: 70%;
    height: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff;
    margin-top: -1px
}

.public-order-back__close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.public-order-back > p {
    margin: .15rem .2rem;
    font-size: .16rem
}

.public-order-back > p > span {
    color: #e13800
}

.public-order-back > h3 {
    text-align: center;
    font-size: .16rem;
    color: #e13800
}

.public-order-back__pic {
    display: block;
    width: 100%;
    -webkit-border-top-left-radius: .08rem;
    -moz-border-radius-topleft: .08rem;
    border-top-left-radius: .08rem;
    -webkit-border-top-right-radius: .08rem;
    -moz-border-radius-topright: .08rem;
    border-top-right-radius: .08rem
}

.public-order-back__btn {
    margin: .15rem .25rem .3rem;
    background-color: #e13800;
    color: #fff;
    font-size: .18rem;
    -webkit-border-radius: .45rem;
    -moz-border-radius: .45rem;
    border-radius: .45rem;
    display: block;
    height: .45rem;
    line-height: .45rem;
    text-align: center
}