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_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_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: 20%;
	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
}

.m_top_tip {
	background-color: #380a0a
}

body {
	background-color: #864a30
}

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

.m-box {
	position: relative;
	margin: .2rem .1rem 0;
	background-color: #ffeec6;
	-webkit-border-radius: .06rem;
	-moz-border-radius: .06rem;
	border-radius: .06rem;
	padding: .5rem .05rem .1rem
}

.m-box__title {
	color: #fff8e6;
	text-align: center;
	width: 100%;
	height: .46rem;
	line-height: .44rem;
	background: url(./m_bg_title.png?v=1.0.1) no-repeat top center;
	-moz-background-size: auto .46rem;
	background-size: auto .46rem;
	font-size: .18rem;
	position: absolute;
	left: 50%;
	top: -.06rem;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	font-weight: 700
}

.public_hot_test {
	border: none
}

.public_ht_title {
	display: none
}

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

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

.public_test_fixed {
	height: .6rem
}

.public_pay_bottom>span,
.public_test_fixed span {
	margin: .06rem .1rem 0;
	height: .5rem;
	text-indent: -9999px;
	background: url(./0_btn.png?v=1.0.1) no-repeat top center;
	-moz-background-size: auto .5rem;
	background-size: auto .5rem
}

.public_paybottom_height {
	height: .6rem
}

.public_pay_bottom {
	height: .6rem
}

.public_pay_bottom i {
	display: none
}

.public_pay_bottom>span {
	background-image: url(images/1_btn.png?v=1.0.1)
}

.public_footer_help .words,
.public_footer_servers a {
	color: #fff
}

.index-xuan {
	position: relative
}

.index-xuan__box {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 2.02rem;
	height: 2.02rem;
	overflow: hidden;
	margin: 0 auto
}

.index-xuan__box img {
	display: block
}

.index-xuan__pic1 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -1.01rem;
	margin-left: -1.01rem;
	z-index: 1;
	width: 2.02rem;
	height: 2.02rem;
	overflow: hidden;
	-webkit-animation: rotate 20s linear infinite;
	-moz-animation: rotate 20s linear infinite;
	animation: rotate 20s linear infinite
}

.index-xuan__pic2 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -.65rem;
	margin-left: -.65rem;
	z-index: 2;
	width: 1.3rem;
	height: 1.3rem;
	overflow: hidden;
	-webkit-animation: rotate2 20s linear infinite;
	-moz-animation: rotate2 20s linear infinite;
	animation: rotate2 20s linear infinite
}

.index-xuan__pic3 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -.48rem;
	margin-left: -.48rem;
	z-index: 3;
	width: .97rem;
	height: .97rem;
	overflow: hidden
}

@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-moz-keyframes rotate {
	from {
		-moz-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes rotate {
	from {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes rotate2 {
	from {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}

	to {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

@-moz-keyframes rotate2 {
	from {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg)
	}

	to {
		-moz-transform: rotate(0);
		transform: rotate(0)
	}
}

@keyframes rotate2 {
	from {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}

	to {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0)
	}
}

.index-form {
	background-color: #ffeec6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: .2rem .1rem 0;
	padding: .2rem .15rem
}

.index-form .pic {
	display: block;
	width: 80%;
	margin: 0 auto .15rem
}

.index-form__title {
	text-align: center;
	color: #c30;
	font-size: .17rem;
	padding: .1rem 0
}

.index-form__ul {
	font-size: .16rem
}

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

.index-form__li {
	position: relative;
	padding: .05rem .12rem .05rem .9rem;
	-webkit-border-radius: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
	border: 1px solid #d5bb7e;
	margin-bottom: .15rem;
	background-color: #fff
}

.index-form__li:last-of-type {
	margin-bottom: 0
}

.index-form__words {
	position: absolute;
	left: .05rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: .8rem;
	text-align: center;
	height: .3rem;
	line-height: .3rem
}

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

.index-form__sex {
	font-size: .16rem;
	width: 100%;
	height: .3rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.index-form__sex span {
	cursor: pointer;
	display: inline-block;
	margin-right: .27rem;
	width: .27rem;
	text-align: center;
	height: .27rem;
	line-height: .27rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	vertical-align: middle
}

.index-form__sex .cur {
	background-color: #c30;
	color: #fff
}

.index-form__birthday {
	font-size: .16rem;
	width: 100%;
	padding-right: .3rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: .3rem;
	line-height: .3rem;
	background-color: #fcf9f6;
	-webkit-border-top-right-radius: .05rem;
	-moz-border-radius-topright: .05rem;
	border-top-right-radius: .05rem;
	-webkit-border-bottom-right-radius: .05rem;
	-moz-border-radius-bottomright: .05rem;
	border-bottom-right-radius: .05rem;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAAbFBMVEUAAADjRibjRibjRibjRibjRibjRibjRibjRibjRibjRibjRibjRibjRibjRibjRibjRibjRibjRibjRibjRibjRibjRibjRibjRibjRibjRibjRibjRibjRibjRibjRibjRibjRibjRibjRiYfTj4iAAAAI3RSTlMAdzKq++8h3dW9l4gG9rhV5DgeDsfq2LWkkYqBfGlfSEIoyAVcpmwAAAD7SURBVDjLxY5bbsMgEEXBhgGMDXbsvN+d/e+xQwJSi4qbRJFyfu4dcYBh72Yrq1Qruf1TUXhM9YiK/aLa1YGTt3XE+tMtd/FdLvDGgjUYadjiXgQPxhmxqBBnUkwa4KcCqRpSujTsrzpVfd2n2pGC//Co4oaqwOCi4lkRHxV14AUO6oFdPqEIDzAolBeAi0Q1AHiRKUtGbHAK8YWbEMv8I2dtQ/dqa2tE0VjrXlm3N0ZTKGMUhTamzxU5Ul2jbhlrNa5pGGWmdEBnE/Zkjj1OZEKXfySk7O4hwg2Kp9YV84YgRc8rmhQ+r3BSWjdnuJYFh69EYY8VJ+M9fAP/dVxzxUxlDgAAAABJRU5ErkJggg==) no-repeat 98% center;
	-moz-background-size: .2rem auto;
	background-size: .2rem auto
}

.index-form__btn {
	margin-top: .1rem
}

.index-form__btn a {
	display: block;
	height: .5rem;
	text-indent: -9999px;
	background: url(./0_btn.png?v=1.0.1) no-repeat top center;
	-moz-background-size: auto .5rem;
	background-size: auto .5rem;
	-webkit-animation: btnAnimate 1.5s linear infinite;
	-moz-animation: btnAnimate 1.5s linear infinite;
	animation: btnAnimate 1.5s linear infinite
}

.index-form__agreement {
	text-align: center;
	font-size: .14rem;
	padding: .1rem 0 .05rem;
	color: #666
}

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

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

.index-form__test {
	text-align: center;
	font-size: .14rem;
	color: #666
}

.index-form__test>span {
	color: #af613f;
	display: inline-block
}

.index-form__test a {
	color: #af613f;
	text-decoration: underline;
	display: inline-block
}

.index-bottom-form {
	margin: .1rem;
	overflow: hidden
}

.index-bottom-form__title {
	text-align: center;
	font-size: .18rem;
	background-color: #b43b31;
	color: #fff;
	height: .32rem;
	line-height: .32rem;
	-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
}

.index-bottom-form__ul {
	font-size: .16rem;
	-webkit-border-bottom-left-radius: .08rem;
	-moz-border-radius-bottomleft: .08rem;
	border-bottom-left-radius: .08rem;
	-webkit-border-bottom-right-radius: .08rem;
	-moz-border-radius-bottomright: .08rem;
	border-bottom-right-radius: .08rem;
	background-color: #ffeec6
}

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

.index-bottom-form__li {
	border-bottom: 1px solid #864a30;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.index-bottom-form__li:last-of-type {
	border-bottom: none
}

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

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

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

.index-bottom-form__sex {
	font-size: .16rem;
	width: 100%;
	height: .4rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.index-bottom-form__sex span {
	position: relative;
	cursor: pointer;
	display: inline-block;
	margin-right: .3rem;
	width: .3rem;
	height: .3rem;
	line-height: .3rem;
	text-align: center
}

.index-bottom-form__sex .cur {
	color: #e82e23;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAOVBMVEUAAADfPD/fPD/fPD/fPD/fPD/fPD/fPD/fPD/fPD/fPD/fPD/fPD/fPD/fPD/fPD/fPD/fPD/fPD+cKcRTAAAAE3RSTlMA/hkJQFEqgF+ouJZzyDbt5Nlpg/AwWAAAANdJREFUKM99kVkOwyAMRD1eMBDIdv/DtiJVmqaQ94GEnxhbhr4IN0Sog2gpGpp/c5e7m4ZPWYRZrjZU+LXw6+dlibc8Dny+BZTusH68bLDOqLMdgRMm6sDWGjJW6hKc2+PY1xL1fQBCfVSFFIkGsM9UEIc6GU3QkZYSKSHQiOhPWnx/CufkVGBDvUykmEbaYE9rqQsTpVF6QG7n1tf5GDrBezaiHgOuvfgZYGoo/v18qRlQfu2O60/pimqXa77lcQJWt8ActGxADvdmCSdZeyuOnmvNHplOXqTMBR0xRZJwAAAAAElFTkSuQmCC) top center;
	-moz-background-size: 100%;
	background-size: 100%
}

.index-bottom-form__birthday {
	font-size: .16rem;
	width: 100%;
	padding-right: .3rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: .4rem;
	line-height: .4rem;
	background-color: #fcf9f6;
	-webkit-border-top-right-radius: .05rem;
	-moz-border-radius-topright: .05rem;
	border-top-right-radius: .05rem;
	-webkit-border-bottom-right-radius: .05rem;
	-moz-border-radius-bottomright: .05rem;
	border-bottom-right-radius: .05rem;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAY1BMVEUAAADPTkPPTkPPTkPPTkPPTkPPTkPPTkPPTkPPTkPPTkPPTkPPTkPPTkPPTkPPTkPPTkPPTkPPTkPPTkPPTkPPTkPPTkPPTkPPTkPPTkPPTkPPTkPPTkPPTkPPTkPPTkPPTkPC8EIRAAAAIHRSTlMAaDwtVYgzRKp3HvToEgzBn5CxOIJvJBrNpZleXSgGzqzLNz0AAAERSURBVEjH7dTJbsIwFIVhZyKDHduZB4ae93/K5tqWShLSWkVILPgXPsT6BKzC/l/Lp93dLPIDXQI4be4iAPIxLwCEm7sQQLH92k5nWXY1vMzuKw2/Lp90VzqdClBhYY/7itAelEiN7jm8OHhPXMPxYTmaB3xwHJq4gO3MRgjZrHgjBUZ2hk0Qh2u8ybRk9YrXrEzl7Qsuy12qkVGGdVkkG4UV98/xwKcfznx6iven4/o9b1Mq6FJTZacLzLR7HjAqCs3QExVG9unD34XPCaWnxFTbmbSZ+c3/+4cf8dzUJnYrO0mVUPlTL47BQw+OcyDx4BXAaRWA+hL/3qVelCIew7fY/YxfFbPFiv9puYrZy/sGthpOVO1VtkEAAAAASUVORK5CYII=) no-repeat 98% center;
	-moz-background-size: .2rem auto;
	background-size: .2rem auto
}

.index-bottom-form__btn a {
	display: block;
	height: .56rem;
	line-height: .54rem;
	color: #fff;
	text-align: center;
	font-size: .24rem;
	font-weight: 700;
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	border-radius: .4rem;
	-webkit-box-shadow: 0 .03rem .03rem #978874;
	-moz-box-shadow: 0 .03rem .03rem #978874;
	box-shadow: 0 .03rem .03rem #978874;
	background: rgba(229, 106, 87, 1);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 106, 87, 1)), to(rgba(191, 58, 53, 1)));
	background: -webkit-linear-gradient(top, rgba(229, 106, 87, 1) 0, rgba(191, 58, 53, 1) 100%);
	background: -moz-linear-gradient(top, rgba(229, 106, 87, 1) 0, rgba(191, 58, 53, 1) 100%);
	background: -o-linear-gradient(top, rgba(229, 106, 87, 1) 0, rgba(191, 58, 53, 1) 100%);
	background: linear-gradient(to bottom, rgba(229, 106, 87, 1) 0, rgba(191, 58, 53, 1) 100%);
	-webkit-animation: zoom 1.5s linear infinite;
	-moz-animation: zoom 1.5s linear infinite;
	animation: zoom 1.5s linear infinite;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8)
}

.index-bottom-form__test {
	text-align: center;
	font-size: .14rem;
	color: #fff9ea
}

.index-bottom-form__agreement {
	font-size: .14rem;
	color: #fff9ea;
	text-align: center;
	padding-top: .05rem;
	line-height: .24rem
}

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

.index-bottom-form__agreement a {
	color: #fff9ea;
	text-decoration: underline
}

.index-ds {
	margin: .12rem .1rem 0
}

.user_feedback {
	height: 2.8rem;
	overflow: hidden;
	margin: 0 .1rem
}

.uf_ul {
	position: relative;
	top: 0
}

.uf_ul li {
	overflow: hidden;
	border-bottom: 1px dotted #e2caa8;
	padding: .1rem 0
}

.uf_ul strong {
	color: #da3c2e;
	font-weight: 700
}

.uf_ul span {
	color: #da3c2e;
	display: inline-block;
	margin-left: .1rem
}

.uf_ul p {
	margin-top: .05rem
}

#pay {
	min-height: 100vh;
	position: relative
}

#pay .main {
	height: 2.08rem;
	background: url(images/1_bg_top.png?v=1.0.1) no-repeat;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	width: 100%
}

#pay .main-title {
	font-weight: 700;
	color: #ffe39d;
	font-size: .2rem;
	text-align: center;
	padding: .3rem 0 .05rem
}

#pay .main-content {
	color: #ffe39d;
	text-align: center;
	line-height: .24rem;
	font-size: .16rem
}

#pay .main-content>li {
	width: 100%;
	height: 100%
}

#pay .main-content .item-bazi {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center
}

#pay .main-content .item-bazi .order-bz {
	width: 25%;
	text-align: center
}

#pay .main-content .item-bazi .order-bz__sub {
	position: relative;
	width: .26rem;
	margin: 0 auto;
	text-align: center;
	padding-bottom: .2rem;
	background: rgba(218, 170, 120, 1);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(218, 170, 120, 1)), to(rgba(218, 170, 120, 0)));
	background: -webkit-linear-gradient(top, rgba(218, 170, 120, 1) 0, rgba(218, 170, 120, 0) 100%);
	background: -moz-linear-gradient(top, rgba(218, 170, 120, 1) 0, rgba(218, 170, 120, 0) 100%);
	background: -o-linear-gradient(top, rgba(218, 170, 120, 1) 0, rgba(218, 170, 120, 0) 100%);
	background: linear-gradient(to bottom, rgba(218, 170, 120, 1) 0, rgba(218, 170, 120, 0) 100%)
}

#pay .main-content .item-bazi span {
	display: block
}

#pay .main-content .item-bazi span:first-of-type {
	background-color: #fff;
	width: .26rem;
	height: .26rem;
	line-height: .26rem;
	font-size: .14rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #c43;
	position: absolute;
	top: -.1rem
}

#pay .main-content .item-bazi span:nth-of-type(2) {
	padding-top: .2rem
}

#pay .main-content .item-bazi span:last-of-type {
	color: #fff;
	font-weight: 500
}

#pay .main-content .item1 {
	padding-top: .25rem
}

#pay .main-content .item10,
#pay .main-content .item3 {
	padding-top: .1rem
}

#pay .main-content .item7 {
	padding-top: .3rem
}

#pay .main-content .item8>div {
	margin: .05rem .3rem
}

#pay .main-content .item11 {
	padding-top: .15rem;
	color: #fff
}

#pay .main-content .item11 span {
	color: #f9c979
}

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

@-webkit-keyframes fade-in {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-moz-keyframes fade-in {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fade-in {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.order-sex {
	margin: .15rem
}

.order-top-title {
	font-weight: 700;
	color: #fff;
	font-size: .2rem;
	text-align: center;
	padding: .3rem 0 .05rem
}

.order-top-words {
	font-size: .16rem;
	line-height: .3rem
}

#pay .main .delay250 {
	-webkit-animation-delay: .25s;
	-moz-animation-delay: .25s;
	animation-delay: .25s
}

#pay .main .delay500 {
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	animation-delay: .5s
}

#pay .main .delay750 {
	-webkit-animation-delay: .75s;
	-moz-animation-delay: .75s;
	animation-delay: .75s
}

#pay .main .delay1000 {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s
}

#pay .main .delay1250 {
	-webkit-animation-delay: 1.25s;
	-moz-animation-delay: 1.25s;
	animation-delay: 1.25s
}

#pay .main .delay1500 {
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	animation-delay: 1.5s
}

#pay .main .delay2000 {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s
}

#pay .main .delay2500 {
	-webkit-animation-delay: 2.5s;
	-moz-animation-delay: 2.5s;
	animation-delay: 2.5s
}

#pay .main .delay3000 {
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	animation-delay: 3s
}

#pay .main .delay4000 {
	-webkit-animation-delay: 4s;
	-moz-animation-delay: 4s;
	animation-delay: 4s
}

#pay .main .delay5000 {
	-webkit-animation-delay: 5s;
	-moz-animation-delay: 5s;
	animation-delay: 5s
}

#pay .main .delay6000 {
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	animation-delay: 6s
}

#pay .main .delay7000 {
	-webkit-animation-delay: 7s;
	-moz-animation-delay: 7s;
	animation-delay: 7s
}

#pay .main .delay8000 {
	-webkit-animation-delay: 8s;
	-moz-animation-delay: 8s;
	animation-delay: 8s
}

.order-wheel {
	font-weight: 700;
	position: relative;
	margin: .1rem auto;
	width: 3.2rem;
	height: 3.2rem
}

.order-wheel__outer {
	position: absolute;
	top: .1rem;
	left: .1rem;
	width: 3rem;
	height: 3rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #ffe29d;
	overflow: hidden;
	-webkit-box-shadow: inset 0 0 .15rem #ffcb70;
	-moz-box-shadow: inset 0 0 .15rem #ffcb70;
	box-shadow: inset 0 0 .15rem #ffcb70;
	border: 1px solid #dfa56b;
	-webkit-transition: all .5s linear;
	-o-transition: all .5s linear;
	-moz-transition: all .5s linear;
	transition: all .5s linear
}

.order-wheel__outer>span {
	position: absolute;
	width: 1.5rem;
	height: 1.5rem;
	right: 0;
	top: 0;
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%;
	color: #974325
}

.order-wheel__outer>span:nth-child(1) {
	-webkit-transform: rotate(-15deg) skewY(-60deg);
	-moz-transform: rotate(-15deg) skewY(-60deg);
	-ms-transform: rotate(-15deg) skewY(-60deg);
	-o-transform: rotate(-15deg) skewY(-60deg);
	transform: rotate(-15deg) skewY(-60deg)
}

.order-wheel__outer>span:nth-child(2) {
	-webkit-transform: rotate(15deg) skewY(-60deg);
	-moz-transform: rotate(15deg) skewY(-60deg);
	-ms-transform: rotate(15deg) skewY(-60deg);
	-o-transform: rotate(15deg) skewY(-60deg);
	transform: rotate(15deg) skewY(-60deg)
}

.order-wheel__outer>span:nth-child(3) {
	-webkit-transform: rotate(45deg) skewY(-60deg);
	-moz-transform: rotate(45deg) skewY(-60deg);
	-ms-transform: rotate(45deg) skewY(-60deg);
	-o-transform: rotate(45deg) skewY(-60deg);
	transform: rotate(45deg) skewY(-60deg)
}

.order-wheel__outer>span:nth-child(4) {
	-webkit-transform: rotate(75deg) skewY(-60deg);
	-moz-transform: rotate(75deg) skewY(-60deg);
	-ms-transform: rotate(75deg) skewY(-60deg);
	-o-transform: rotate(75deg) skewY(-60deg);
	transform: rotate(75deg) skewY(-60deg)
}

.order-wheel__outer>span:nth-child(5) {
	-webkit-transform: rotate(105deg) skewY(-60deg);
	-moz-transform: rotate(105deg) skewY(-60deg);
	-ms-transform: rotate(105deg) skewY(-60deg);
	-o-transform: rotate(105deg) skewY(-60deg);
	transform: rotate(105deg) skewY(-60deg)
}

.order-wheel__outer>span:nth-child(6) {
	-webkit-transform: rotate(135deg) skewY(-60deg);
	-moz-transform: rotate(135deg) skewY(-60deg);
	-ms-transform: rotate(135deg) skewY(-60deg);
	-o-transform: rotate(135deg) skewY(-60deg);
	transform: rotate(135deg) skewY(-60deg)
}

.order-wheel__outer>span:nth-child(7) {
	-webkit-transform: rotate(165deg) skewY(-60deg);
	-moz-transform: rotate(165deg) skewY(-60deg);
	-ms-transform: rotate(165deg) skewY(-60deg);
	-o-transform: rotate(165deg) skewY(-60deg);
	transform: rotate(165deg) skewY(-60deg)
}

.order-wheel__outer>span:nth-child(8) {
	-webkit-transform: rotate(195deg) skewY(-60deg);
	-moz-transform: rotate(195deg) skewY(-60deg);
	-ms-transform: rotate(195deg) skewY(-60deg);
	-o-transform: rotate(195deg) skewY(-60deg);
	transform: rotate(195deg) skewY(-60deg)
}

.order-wheel__outer>span:nth-child(9) {
	-webkit-transform: rotate(225deg) skewY(-60deg);
	-moz-transform: rotate(225deg) skewY(-60deg);
	-ms-transform: rotate(225deg) skewY(-60deg);
	-o-transform: rotate(225deg) skewY(-60deg);
	transform: rotate(225deg) skewY(-60deg)
}

.order-wheel__outer>span:nth-child(10) {
	-webkit-transform: rotate(255deg) skewY(-60deg);
	-moz-transform: rotate(255deg) skewY(-60deg);
	-ms-transform: rotate(255deg) skewY(-60deg);
	-o-transform: rotate(255deg) skewY(-60deg);
	transform: rotate(255deg) skewY(-60deg)
}

.order-wheel__outer>span:nth-child(11) {
	-webkit-transform: rotate(285deg) skewY(-60deg);
	-moz-transform: rotate(285deg) skewY(-60deg);
	-ms-transform: rotate(285deg) skewY(-60deg);
	-o-transform: rotate(285deg) skewY(-60deg);
	transform: rotate(285deg) skewY(-60deg)
}

.order-wheel__outer>span:nth-child(12) {
	-webkit-transform: rotate(315deg) skewY(-60deg);
	-moz-transform: rotate(315deg) skewY(-60deg);
	-ms-transform: rotate(315deg) skewY(-60deg);
	-o-transform: rotate(315deg) skewY(-60deg);
	transform: rotate(315deg) skewY(-60deg)
}

.order-wheel__outer>span::before {
	content: "";
	position: absolute;
	font-size: .18rem;
	font-family: "Microsoft YaHei";
	width: .26rem;
	height: .26rem;
	left: .2rem;
	top: .7rem;
	text-align: center;
	-webkit-transform: skewY(60deg) rotate(15deg);
	-moz-transform: skewY(60deg) rotate(15deg);
	-ms-transform: skewY(60deg) rotate(15deg);
	-o-transform: skewY(60deg) rotate(15deg);
	transform: skewY(60deg) rotate(15deg)
}

.order-wheel__outer>span.active::before {
	-webkit-transform: skewY(60deg) rotate(15deg);
	-moz-transform: skewY(60deg) rotate(15deg);
	-ms-transform: skewY(60deg) rotate(15deg);
	-o-transform: skewY(60deg) rotate(15deg);
	transform: skewY(60deg) rotate(15deg)
}

.order-wheel__outer>span.selected::before {
	background: url(images/icon_bz_active.png?v=1.0.1) no-repeat;
	-moz-background-size: .3rem auto;
	background-size: .3rem auto
}

.order-wheel__outer>span::before {
	background: url(images/icon_bz.png?v=1.0.1) no-repeat;
	-moz-background-size: .3rem auto;
	background-size: .3rem auto
}

.order-wheel__outer>span.selected:nth-child(1),
.order-wheel__outer>span:nth-child(1)::before {
	background-position: 0 0
}

.order-wheel__outer>span.selected:nth-child(2),
.order-wheel__outer>span:nth-child(2)::before {
	background-position: 0 -.3rem
}

.order-wheel__outer>span.selected:nth-child(3),
.order-wheel__outer>span:nth-child(3)::before {
	background-position: 0 -.6rem
}

.order-wheel__outer>span.selected:nth-child(4),
.order-wheel__outer>span:nth-child(4)::before {
	background-position: 0 -.9rem
}

.order-wheel__outer>span.selected:nth-child(5),
.order-wheel__outer>span:nth-child(5)::before {
	background-position: 0 -1.2rem
}

.order-wheel__outer>span.selected:nth-child(6),
.order-wheel__outer>span:nth-child(6)::before {
	background-position: 0 -1.5rem
}

.order-wheel__outer>span.selected:nth-child(7),
.order-wheel__outer>span:nth-child(7)::before {
	background-position: 0 -1.8rem
}

.order-wheel__outer>span.selected:nth-child(8),
.order-wheel__outer>span:nth-child(8)::before {
	background-position: 0 -2.1rem
}

.order-wheel__outer>span.selected:nth-child(9),
.order-wheel__outer>span:nth-child(9)::before {
	background-position: 0 -2.4rem
}

.order-wheel__outer>span.selected:nth-child(10),
.order-wheel__outer>span:nth-child(10)::before {
	background-position: 0 -2.7rem
}

.order-wheel__outer>span.selected:nth-child(11),
.order-wheel__outer>span:nth-child(11)::before {
	background-position: 0 -3rem
}

.order-wheel__outer>span.selected:nth-child(12),
.order-wheel__outer>span:nth-child(12)::before {
	background-position: 0 -3.3rem
}

.order-wheel__inner {
	position: absolute;
	top: .5rem;
	left: .5rem;
	width: 2.2rem;
	height: 2.2rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff7e3;
	overflow: hidden;
	border: 1px solid #e1a971;
	-webkit-transition: all .5s linear;
	-o-transition: all .5s linear;
	-moz-transition: all .5s linear;
	transition: all .5s linear
}

.order-wheel__inner>span {
	position: absolute;
	width: 1.1rem;
	height: 1.1rem;
	right: 0;
	top: 0;
	color: #864a30;
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%
}

.order-wheel__inner>span:nth-child(1) {
	-webkit-transform: rotate(-18deg) skewY(-54deg);
	-moz-transform: rotate(-18deg) skewY(-54deg);
	-ms-transform: rotate(-18deg) skewY(-54deg);
	-o-transform: rotate(-18deg) skewY(-54deg);
	transform: rotate(-18deg) skewY(-54deg)
}

.order-wheel__inner>span:nth-child(2) {
	-webkit-transform: rotate(18deg) skewY(-54deg);
	-moz-transform: rotate(18deg) skewY(-54deg);
	-ms-transform: rotate(18deg) skewY(-54deg);
	-o-transform: rotate(18deg) skewY(-54deg);
	transform: rotate(18deg) skewY(-54deg)
}

.order-wheel__inner>span:nth-child(3) {
	-webkit-transform: rotate(54deg) skewY(-54deg);
	-moz-transform: rotate(54deg) skewY(-54deg);
	-ms-transform: rotate(54deg) skewY(-54deg);
	-o-transform: rotate(54deg) skewY(-54deg);
	transform: rotate(54deg) skewY(-54deg)
}

.order-wheel__inner>span:nth-child(4) {
	-webkit-transform: rotate(90deg) skewY(-54deg);
	-moz-transform: rotate(90deg) skewY(-54deg);
	-ms-transform: rotate(90deg) skewY(-54deg);
	-o-transform: rotate(90deg) skewY(-54deg);
	transform: rotate(90deg) skewY(-54deg)
}

.order-wheel__inner>span:nth-child(5) {
	-webkit-transform: rotate(126deg) skewY(-54deg);
	-moz-transform: rotate(126deg) skewY(-54deg);
	-ms-transform: rotate(126deg) skewY(-54deg);
	-o-transform: rotate(126deg) skewY(-54deg);
	transform: rotate(126deg) skewY(-54deg)
}

.order-wheel__inner>span:nth-child(6) {
	-webkit-transform: rotate(162deg) skewY(-54deg);
	-moz-transform: rotate(162deg) skewY(-54deg);
	-ms-transform: rotate(162deg) skewY(-54deg);
	-o-transform: rotate(162deg) skewY(-54deg);
	transform: rotate(162deg) skewY(-54deg)
}

.order-wheel__inner>span:nth-child(7) {
	-webkit-transform: rotate(198deg) skewY(-54deg);
	-moz-transform: rotate(198deg) skewY(-54deg);
	-ms-transform: rotate(198deg) skewY(-54deg);
	-o-transform: rotate(198deg) skewY(-54deg);
	transform: rotate(198deg) skewY(-54deg)
}

.order-wheel__inner>span:nth-child(8) {
	-webkit-transform: rotate(234deg) skewY(-54deg);
	-moz-transform: rotate(234deg) skewY(-54deg);
	-ms-transform: rotate(234deg) skewY(-54deg);
	-o-transform: rotate(234deg) skewY(-54deg);
	transform: rotate(234deg) skewY(-54deg)
}

.order-wheel__inner>span:nth-child(9) {
	-webkit-transform: rotate(270deg) skewY(-54deg);
	-moz-transform: rotate(270deg) skewY(-54deg);
	-ms-transform: rotate(270deg) skewY(-54deg);
	-o-transform: rotate(270deg) skewY(-54deg);
	transform: rotate(270deg) skewY(-54deg)
}

.order-wheel__inner>span:nth-child(10) {
	-webkit-transform: rotate(306deg) skewY(-54deg);
	-moz-transform: rotate(306deg) skewY(-54deg);
	-ms-transform: rotate(306deg) skewY(-54deg);
	-o-transform: rotate(306deg) skewY(-54deg);
	transform: rotate(306deg) skewY(-54deg)
}

.order-wheel__inner>span::before {
	content: attr(title);
	position: absolute;
	font-size: .16rem;
	font-family: "Microsoft YaHei";
	width: .26rem;
	height: .26rem;
	left: .15rem;
	top: .5rem;
	text-align: center;
	-webkit-transform: skewY(54deg) rotate(18deg);
	-moz-transform: skewY(54deg) rotate(18deg);
	-ms-transform: skewY(54deg) rotate(18deg);
	-o-transform: skewY(54deg) rotate(18deg);
	transform: skewY(54deg) rotate(18deg)
}

.order-wheel__inner>span.active::before {
	opacity: 1;
	-webkit-transform: skewY(54deg) rotate(18deg);
	-moz-transform: skewY(54deg) rotate(18deg);
	-ms-transform: skewY(54deg) rotate(18deg);
	-o-transform: skewY(54deg) rotate(18deg);
	transform: skewY(54deg) rotate(18deg)
}

.order-wheel__inner>span.selected {
	color: #da3c2e
}

.order-wheel__center {
	position: absolute;
	width: 1.5rem;
	height: 1.5rem;
	z-index: 4;
	top: 50%;
	left: 50%;
	margin-left: -.75rem;
	margin-top: -.75rem;
	-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;
	background: url(images/m_xuan_center.png?v=1.0.1) no-repeat center center;
	-moz-background-size: 100%;
	background-size: 100%;
	border: 1px solid #ce7f54
}

.order-loading {
	text-align: center;
	color: #ffe39d;
	font-size: .16rem;
	height: .3rem;
	line-height: .3rem;
	margin-top: .2rem
}

.order-wrap {
	position: relative;
	margin-top: -30%
}

.order-pay {
	margin: .2rem .1rem 0;
	background-color: #ffeec6;
	-webkit-border-radius: .06rem;
	-moz-border-radius: .06rem;
	border-radius: .06rem;
	padding: .2rem 0;
	overflow: hidden
}

.order-pay__title {
	margin: 0 .3rem
}

.order-pay__con {
	margin: .1rem .15rem 0;
	border: 1px solid #d5bb7e;
	-webkit-border-radius: .06rem;
	-moz-border-radius: .06rem;
	border-radius: .06rem;
	background-color: #fffcf4
}

.opc__top {
	padding-top: .1rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.opc__left {
	font-size: .12rem
}

.opc__left .money {
	background-color: #da3c2e;
	color: #fff;
	height: .3rem;
	line-height: .3rem;
	-webkit-border-top-right-radius: .3rem;
	-moz-border-radius-topright: .3rem;
	border-top-right-radius: .3rem;
	-webkit-border-bottom-right-radius: .3rem;
	-moz-border-radius-bottomright: .3rem;
	border-bottom-right-radius: .3rem;
	padding: 0 .2rem 0 .15rem
}

.opc__left .monery-xsyh {
	font-size: .16rem
}

.opc__left .money-num {
	font-size: .18rem;
	font-weight: 700
}

.opc__left del {
	color: #999;
	padding-left: .15rem;
	line-height: .28rem
}

.opc__right {
	text-align: center;
	padding-right: .15rem
}

.opc__right>span {
	display: inline-block;
	margin-left: .1rem
}

.opc__bottom {
	overflow: hidden;
	padding: .1rem
}

.opc__bottom>span {
	color: #ea2929
}

.order-lock {
	margin: .1rem .1rem 0;
	background-color: #ffeec6;
	-webkit-border-radius: .06rem;
	-moz-border-radius: .06rem;
	border-radius: .06rem;
	padding: .2rem .1rem;
	overflow: hidden
}

.order-lock__title {
	text-align: center;
	color: #b65344;
	font-size: .24rem;
	height: .42rem;
	line-height: .42rem;
	font-weight: 700
}

.ol-box {
	position: relative;
	margin-top: .2rem;
	padding-top: .3rem;
	background: url(images/1_bg_mask.png?v=1.0.1) no-repeat top center;
	-moz-background-size: 100% auto;
	background-size: 100% auto
}

.ol-box__title {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background: url(images/1_bg_title.png?v=1.0.1) no-repeat;
	width: 2.09rem;
	height: .4rem;
	line-height: .4rem;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	color: #fff;
	text-align: center;
	font-size: .18rem;
	color: #fff;
	font-weight: 700
}

.ol-box__con {
	margin: 0 .1rem;
	background-color: #fff;
	padding: .2rem;
	-webkit-box-shadow: 0 3px 3px #d7cdb4;
	-moz-box-shadow: 0 3px 3px #d7cdb4;
	box-shadow: 0 3px 3px #d7cdb4;
	line-height: .24rem
}

.ol-box__con .btn {
	background: url(images/1_btn_lock.png?v=1.0.1) no-repeat;
	width: 1.22rem;
	height: .31rem;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	display: block;
	margin: .1rem auto 0
}

.ol-box__con .red {
	color: #ef2b16;
	font-weight: 700
}

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

.pop_guide {
	position: absolute;
	width: 90%;
	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%);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #fff;
	font-size: 16px;
	line-height: 1.5;
	padding-bottom: 10px
}

@media only screen and (min-width:641px) {
	.pop_guide {
		width: 60%
	}
}

.pop_guide_pic {
	display: block;
	width: 100%;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px
}

.pop_guide_txt {
	color: #333;
	padding: 10px;
	font-size: 18px;
	line-height: 26px
}

.pop_guide_txt span {
	color: #e13800
}

.pop_guide_gb {
	display: block;
	color: #e13800;
	text-align: center;
	font-size: 18px
}

.pop_guide_btn {
	width: 80%;
	display: block;
	line-height: 40px;
	background-color: #e13800;
	text-align: center;
	color: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin: 10px auto;
	font-size: 18px
}

.pop_guide_close {
	position: absolute;
	top: -46px;
	right: 0;
	width: 24px;
	height: 24px;
	border: 1px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	line-height: 24px;
	text-align: center;
	font-size: 12px
}

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

.bzzsy_analysis {
	margin: 0 10px;
	position: relative
}

.ba_title {
	padding: 10px 40px;
	background-color: #fff;
	position: relative;
	min-height: 20px;
	line-height: 20px;
	color: #127892;
	border: 1px solid #ddd;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	margin: 10px 0 0;
	font-weight: 700
}

.ba_title:after {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	-moz-background-size: 70%;
	background-size: 70%;
	background-position: center;
	left: 0;
	background-image: url(images/icon1.png?v=1.0.1)
}

.ba_lock {
	color: #ff6000
}

.ba_lock:before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	-moz-background-size: 70%;
	background-size: 70%;
	background-position: center;
	right: 0;
	background-image: url(images/icon2.png?v=1.0.1)
}

.ba_res {
	background-color: #fff;
	border: 1px solid #ddd;
	border-top: none;
	padding: 0 0 10px;
	color: #4b4b4b
}

.ba_res p {
	padding: 10px
}

.ba_res .p_fw {
	font-weight: 700;
	color: #ff6000;
	text-align: center
}

.ba_res .p_fw_l {
	font-weight: 700;
	color: #ff6000
}

.ba_res .p_prize {
	color: #ff6000;
	text-align: center
}

.ba_res .p_prize b {
	color: #d70000;
	font-size: 24px
}

.ba_res .p_img_l,
.ba_res .p_img_r {
	overflow: hidden;
	padding-top: 0
}

.ba_res .p_img_r img {
	float: right;
	width: 90px;
	margin-left: 6px
}

.ba_res .p_img_l img {
	float: left;
	width: 90px;
	margin-right: 10px
}

.ba_res .color {
	color: #ff6000
}

.ba_table {
	border-top: 1px solid #e3cebb;
	border-left: 1px solid #e3cebb;
	text-align: center;
	margin-top: .1rem;
	background-color: #fbf5ef;
	color: #666;
	font-size: .14rem;
	width: 100%
}

.ba_table td,
.ba_table th {
	border-right: 1px solid #e3cebb;
	border-bottom: 1px solid #e3cebb;
	line-height: .24rem;
	padding: .04rem 0
}

.ba_table th {
	font-weight: 400;
	background-color: #f7e5d4;
	color: #a97955
}

.ba_table .bz td {
	font-weight: 700;
	color: #333
}

.ba_table .span {
	display: inline-block;
	background-color: #dec0a9;
	color: #fff;
	width: .5rem;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height: 1.4
}

.ba_table .tr_list td,
.ba_table .tr_list th {
	padding: 0
}

.ba_table .list {
	overflow: hidden
}

.ba_table .list div {
	width: 12.5%;
	padding: .04rem 0;
	border-right: 1px solid #e3cebb;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left
}

.ba_table .list div:nth-child(even) {
	background-color: #fff
}

.ba_table .list div span {
	font-size: .14rem
}

.ba_table .list div:last-child {
	border-right: none
}

.public-result__box>img {
	width: 30%
}

.resutl-chart {
	height: 2.5rem;
	background: url(images/result_chart.png?v=1.0.1) no-repeat center left;
	-moz-background-size: 14px;
	background-size: 14px
}

.result-stage {
	margin-top: .1rem;
	-webkit-border-radius: .05rem;
	-moz-border-radius: .05rem;
	border-radius: .05rem;
	overflow: hidden
}

.result-stage__title {
	text-align: center;
	font-size: .16rem;
	background-color: #faebde;
	line-height: .35rem;
	padding: 0 .3rem;
	position: relative
}

.result-stage__title::after {
	content: '';
	top: 50%;
	right: .1rem;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: .12rem;
	height: .09rem;
	position: absolute;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAMAAAAxZj1mAAAASFBMVEUAAAAAAAAKDA8AAAChvOUMDRBzhaIaHyUAAAA/SFVUYnY2QU4AAAAnLDXN7f8AAACxzfuKocNSXW8uN0ETFxsAAAA8QlESFRkNjvBCAAAAFXRSTlMAv04/I/nt39y/t7Ksm4l/VzMyFQm8k7PjAAAAQklEQVQI10WJRxKAQAzDzLL0XgT//ymZZAAdbHmsa8gK9k4zLKdpWWBZQ5tM8Ztg8rG6Vwp64NZLA+kbmVE/2+H1ANEkAxf//Te8AAAAAElFTkSuQmCC) no-repeat center center;
	-moz-background-size: .12rem .09rem;
	background-size: .12rem .09rem
}

.result-stage__title.active::after {
	-webkit-transform: translateY(-50%) rotate(180deg);
	-moz-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	-o-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg)
}

.result-stage__box {
	background-color: #fcf4ed;
	padding: .1rem;
	display: none
}

.result-stage__box>p {
	color: #e63324;
	font-size: .16rem;
	line-height: 2
}

.result-stage__table {
	-webkit-border-radius: .1rem;
	-moz-border-radius: .1rem;
	border-radius: .1rem;
	background-color: #fff
}

.result-stage__table td,
.result-stage__table th {
	border: 1px solid #fcf4ed
}

.result-stage__table th {
	width: .5rem;
	padding: .1rem .1rem;
	font-size: .16rem;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.2
}

.result-stage__table td {
	padding: .1rem .15rem;
	font-size: .15rem
}

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

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

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

@-webkit-keyframes btnAnimate {
	0% {
		-webkit-transform: scale(.85);
		transform: scale(.85)
	}

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

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

@-moz-keyframes btnAnimate {
	0% {
		-moz-transform: scale(.85);
		transform: scale(.85)
	}

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

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

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

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

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