@charset "UTF-8";

article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul {
	margin: 0;
	padding: 0;
	height: auto
}

a,div,li,p {
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
	height: auto
}

a {
	text-decoration: none;
	outline: 0;
	-webkit-tap-highlight-color: transparent;
	color: #2185d0;
	background-color: transparent
}

a[href="javascript:;"] {
	touch-action: manipulation;
	-webkit-user-select: none;
	user-select: none;
	-moz-user-select: none;
	-ms-touch-action: manipulation;
	-webkit-tap-highlight-color: transparent
}

img {
	outline: 0;
	max-width: 100%;
	border: none;
	-webkit-user-select: auto;
	-moz-user-select: auto;
	user-select: auto
}

a,button,input,textarea {
	-webkit-appearance: none;
	font-family: "Microsoft YaHei",Tahoma,SimSun;
	-webkit-tap-highlight-color: transparent;
	outline: 0
}

input::-ms-clear {
	display: none
}

input::-ms-reveal {
	display: none
}

li,ol,ul {
	list-style: none
}

html {

}

body {


}

input {
	border: 1px solid #d7d7d7;
	height: 30px;
	padding: 0 5px;
	border-radius: 3px;
	display: inline-block;
	vertical-align: middle
}

label {
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	-moz-user-select: none
}

input[type=checkbox],input[type=radio] {
	display: inline-block;
	vertical-align: middle;
	border: none;
	margin-right: 3px;
	cursor: pointer
}

input[type=radio] {
	-webkit-appearance: radio
}

input[type=checkbox] {
	-webkit-appearance: checkbox
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset
}

textarea {
	resize: none;
	border: 1px solid #d7d7d7;
	padding: 5px;
	border-radius: 3px;
	display: inline-block;
	vertical-align: middle
}

select {
	outline: 0;
	height: 32px;
	font-size: 14px;
	font-family: "Microsoft YaHei",Tahoma,SimSun;
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	display: inline-block;
	vertical-align: middle;
	padding: 0 5px
}

input[type=checkbox]:focus,input[type=radio]:focus {
	box-shadow: none
}

input::-webkit-search-cancel-button {
	display: none
}

#newBridge {
	display: none!important
}

#mediaplayer_logo {
	display: none
}

#mediaplayer_menu {
	display: none!important
}

::-webkit-input-placeholder {
	color: #999
}

::-moz-placeholder {
	color: #999
}

::-moz-placeholder {
	color: #999
}

::-ms-input-placeholder {
	color: #999
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color: #999
}

input::-moz-placeholder,textarea::-moz-placeholder {
	color: #999
}

input::-moz-placeholder,textarea::-moz-placeholder {
	color: #999
}

input::-ms-input-placeholder,textarea::-ms-input-placeholder {
	color: #999
}

.f-of_h {
	overflow: hidden
}

.f-txtof {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all
}

.f-txtof_2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.f-txtof_3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.f-txtof_4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}

.f-txt_c {
	text-align: center
}

.f-txt_r {
	text-align: right
}

.f-select {

	-webkit-user-select: auto
}

.f-fl {
	float: left
}

.f-fr {
	float: right
}

.f-clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.f-clear_l {
	clear: left
}

.f-hide {
	display: none!important
}

.f-show {
	display: block!important
}

.f-blur {
	filter: blur(2px);
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px)
}

.f-FU_scrollWidth {
	position: absolute;
	left: -200px;
	width: 100px;
	height: 100px;
	overflow-y: hidden;
	top: -100px
}

.f-FU_scrollWidth div {
	height: 200px
}

.f-HWC {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-will-change: transform,opacity;
	will-change: transform,opacity
}

@font-face {
	font-family:fuicon;src:url(fuicon.eot);src:url(fuicon.eot?#iefix) format('embedded-opentype'),url(fuicon.woff) format('woff'),url(fuicon.ttf) format('truetype'),url(fuicon.svg#fuicon) format('svg')
}

.i-FU_icon {
	font-family: fuicon!important;
	font-size: 1em;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	vertical-align: middle
}

.S-block {
	display: block!important
}

#J-FU_debug {
	position: fixed;
	left: 0;
	top: 0;
	line-height: 1.4;
	font-size: 14px;
	padding: 0 10px;
	max-height: 100%;
	overflow-y: auto;
	z-index: 998;
	background-color: #000;
	color: #17f51b;
	box-shadow: 0 0 5px rgba(255,255,255,.25)
}

.M-FU_lowIE {
	width: 780px;
	margin: 20px auto;
	background-color: #fff;
	padding: 20px;
	font-size: 14px;
	border: 1px solid #d7d7d7
}

.M-FU_lowIE .fu_tips {
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 20px
}

.M-FU_lowIE .fu_browser {
	text-align: center
}

.M-FU_lowIE .fu_browser a {
	display: inline-block;
	color: #666;
	margin-left: 20px;
	padding: 10px
}

.M-FU_lowIE .fu_browser a:first-child {
	margin-left: 0
}

.M-FU_lowIE .fu_browser a:hover {
	border: 1px solid #ccc;
	background-color: #fbfbfb;
	padding: 9px
}

.M-FU_lowIE .fu_browser img {
	display: block;
	width: 48px;
	height: 48px;
	margin: 20px auto;
	padding: 20px 0
}

.M-FU_lowIE .fu_browser a span {
	color: #ff6c6c;
	font-size: 12px
}

.m-FU_pop {
	border: 1px solid #a6a6a6;
	border-radius: 3px;
	position: absolute;
	display: none;
	box-shadow: 0 0 3px #ccc
}

.m-FU_pop>.p-arrow {
	position: absolute;
	overflow: hidden;
	left: 10px;
	bottom: -13px;
	font-size: 16px;
	width: 22px;
	height: 13px
}

.m-FU_pop>.p-arrow:before {
	content: "\e624";
	color: #707070;
	position: absolute;
	left: 3px;
	bottom: 4px;
	text-shadow: 0 0 3px #ccc
}

.m-FU_pop>.p-arrow:after {
	content: "\e624";
	position: absolute;
	color: #fff;
	left: 3px;
	bottom: 5px;
	z-index: 2
}

.m-FU_pop>.p-ct {
	padding: 10px
}

.m-FU_pop.s-top>.p-arrow {
	bottom: auto;
	top: -12px
}

.m-FU_pop.s-top>.p-arrow:before {
	bottom: auto;
	top: 4px
}

.m-FU_pop.s-top>.p-arrow:after {
	bottom: auto;
	top: 5px
}

.m-FU_pop.s-left>.p-arrow {
	bottom: auto;
	top: 10px;
	left: -12px;
	width: 13px;
	height: 22px
}

.m-FU_pop.s-left>.p-arrow:before {
	bottom: auto;
	left: 4px
}

.m-FU_pop.s-left>.p-arrow:after {
	bottom: auto;
	left: 5px
}

.m-FU_pop.s-right>.p-arrow {
	bottom: auto;
	top: 10px;
	left: auto;
	right: -13px;
	width: 13px;
	height: 22px
}

.m-FU_pop.s-right>.p-arrow:before {
	bottom: auto;
	left: auto;
	right: 4px
}

.m-FU_pop.s-right>.p-arrow:after {
	bottom: auto;
	left: auto;
	right: 5px
}

.m-FU_hint {
	border-radius: 10px
}

.m-FU_hint>.ct {
	font-size: 16px;
	line-height: 24px;
	padding: 10px;
	min-width: 120px;
	max-width: 180px;
	padding-top: 0
}

.m-FU_hint>.ico {
	height: 70px;
	line-height: 70px;
	font-size: 50px
}

.m-FU_hint {
	text-align: center;
	position: fixed;
	background-color: rgba(0,0,0,.7);
	top: 38.2%;
	left: 50%;
	display: none;
	z-index: 9999;
	-webkit-will-change: transform,opacity;
	will-change: transform,opacity;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.m-FU_hint>.ct {
	text-align: center;
	color: #fff
}

.m-FU_hint>.ct>div {
	display: inline-block;
	text-align: left
}

.m-FU_hint>.ico {
	text-align: center;
	color: #fff
}

.m-FU_modal {
	width: 90%;
	max-width: 360px
}

.m-FU_modal>.p-title {
	margin: 0 10px;
	padding: 10px 0;
	font-size: 24px
}

.m-FU_modal>.p-close {
	font-size: 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	right: 10px;
	top: 8px;
	border-radius: 0
}

.m-FU_modal>.p-ct {
	font-size: 14px;
	margin: 10px
}

.m-FU_modal {
	position: fixed;
	left: 50%;
	background-color: #fff;
	top: 10%;
	z-index: 10;
	display: none;
	border-radius: 5px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform,opacity;
	-webkit-will-change: transform,opacity
}

.m-FU_modal>.p-title {
	position: relative;
	border-bottom: 1px solid #d7d7d7;
	text-align: center;
	color: #333
}

.m-FU_modal .p-close {
	position: absolute;
	text-align: center;
	z-index: 5;
	cursor: pointer;
	color: #d4d4d4
}

.m-FU_modal .p-close:hover {
	color: #f44f53
}

.m-FU_modal>.p-ct {
	overflow-y: auto;
	line-height: 1.4;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto
}

.m-FU_modal.s-mid {
	top: 38.2%!important
}

.m-FU_modal.s-bot {
	bottom: 0!important;
	top: auto!important;
	margin-top: 0!important;
	width: 100%;
	max-width: 640px;
	background-color: #fff;
	border-radius: 0
}

.u-FU_loading {
	display: none
}

.u-FU_loading {
	display: inline-block;
	position: relative;
	width: 1.3em;
	height: 1.3em;
	margin-left: .4em;
	vertical-align: middle;
	top: -.08em
}

.u-FU_loading .before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 1em;
	height: 1em;
	border: .14em solid rgba(255,255,255,.5);
	border-color: inherit;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	opacity: .3
}

.u-FU_loading .after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 1em;
	height: 1em;
	border: .14em solid transparent;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	border-bottom-color: inherit;
	-webkit-animation: FU_rotation .75s linear infinite;
	-moz-animation: FU_rotation .75s linear infinite;
	-o-animation: FU_rotation .75s linear infinite
}

.u-FU_btn {
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	transition: background-color .2s linear;
	text-decoration: none;
	font-weight: 360;
	outline: 0;
	padding: 0 1em;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	background-color: #2185d0;
	border: 1px solid #2185d0;
	border-radius: 3px;
	color: #fff
}

html.s-pc .u-FU_btn:hover {
	background-color: #1678c2;
	border-color: #1678c2
}

.u-FU_btn:active {
	background-color: #1a69a4;
	border-color: #1a69a4
}

.u-FU_btn.s-block {
	display: block
}

.u-FU_btn.s-link {
	color: #2185d0;
	background-color: transparent;
	border-color: transparent
}

.u-FU_btn.s-link:hover {
	text-decoration: underline;
	color: #1678c2
}

.u-FU_btn.s-red {
	background-color: #db2828;
	border-color: #db2828
}

.u-FU_btn.s-red:hover {
	background-color: #d01919;
	border-color: #d01919
}

.u-FU_btn.s-red:active {
	background-color: #b21e1e;
	border-color: #b21e1e
}

.u-FU_btn.s-green {
	background-color: #21ba45;
	border-color: #21ba45
}

.u-FU_btn.s-green:hover {
	background-color: #16ab39;
	border-color: #16ab39
}

.u-FU_btn.s-green:active {
	background-color: #198f35;
	border-color: #198f35
}

.u-FU_btn.s-grey {
	background-color: #767676;
	border-color: #767676
}

.u-FU_btn.s-grey:hover {
	background-color: #838383;
	border-color: #838383
}

.u-FU_btn.s-grey:active {
	background-color: #909090;
	border-color: #909090
}

.u-FU_btn.s-grey2 {
	background-color: #e0e1e2;
	border-color: #e0e1e2;
	color: #343535
}

.u-FU_btn.s-grey2:hover {
	background-color: #cacbcd;
	border-color: #cacbcd
}

.u-FU_btn.s-grey2:active {
	background-color: #babbbc;
	border-color: #babbbc
}

.u-FU_btn.s-hollow {
	background-color: transparent;
	border-color: #dededf;
	color: #676767
}

.u-FU_btn.s-hollow:active {
	background-color: transparent;
	border-color: #c3c3c3
}

.u-FU_btn.s-hollow:hover {
	background-color: transparent;
	border-color: #b1b3b3
}

.u-FU_btn>.p-loading {
	display: none
}

.u-FU_btn.z-loading>.p-loading {
	overflow: hidden;
	display: inline-block;
	position: relative;
	width: 1.3em;
	height: 1.3em;
	margin-left: .4em;
	vertical-align: middle;
	top: -.08em
}

.u-FU_btn.z-loading>.p-loading .before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 1em;
	height: 1em;
	border: .14em solid rgba(255,255,255,.5);
	border-color: inherit;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	opacity: .3
}

.u-FU_btn.z-loading>.p-loading .after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 1em;
	height: 1em;
	border: .14em solid transparent;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	border-bottom-color: inherit;
	-webkit-animation: FU_rotation .75s linear infinite;
	-moz-animation: FU_rotation .75s linear infinite;
	-o-animation: FU_rotation .75s linear infinite
}

.u-FU_input {
	position: relative;
	width: 152px;
	display: inline-block;
	vertical-align: middle
}

.u-FU_input input {
	width: 100%;
	padding: 0 10px;
	margin-left: -22px;
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	display: block;
	-webkit-appearance: none;
	font-size: 14px;
	color: #333;
	height: 30px;
	outline: 0
}

.u-FU_input input:hover {
	border-color: #b1b2b3
}

.u-FU_input input:focus {
	border-color: #2185d0;
	box-shadow: 0 0 1px #ccc
}

.u-FU_input .input {
	overflow: hidden;
	padding-left: 22px
}

.u-FU_input.s-block {
	width: auto;
	display: block
}

.u-FU_input i {
	height: 30px;
	line-height: 30px;
	width: 30px;
	font-size: 20px;
	text-align: center;
	color: #999;
	-webkit-user-select: none;
	user-select: none;
	position: relative
}

.u-FU_number {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #bbb;
	border-radius: 3px;
	overflow: hidden;
	min-width: 100px
}

.u-FU_number>.p-input {
	overflow: hidden;
	padding-left: 10px;
	min-width: 50px
}

.u-FU_number input {
	text-align: center;
	display: block;
	width: 100%;
	height: 32px;
	border-radius: 0;
	border: none;
	outline: 0;
	padding: 0 5px;
	margin-left: -10px;
	min-width: 50px
}

.u-FU_number input:focus {
	border-color: #2185d0
}

.u-FU_number .p-btn {
	font-style: normal;
	min-width: 12px;
	text-align: center;
	height: 32px;
	line-height: 32px;
	background-color: #f9f9f9;
	color: #555;
	font-size: 14px;
	cursor: pointer;
	padding: 0 12px;
	width: auto;
	-webkit-user-select: none;
	user-select: none;
	-moz-user-select: none
}

.u-FU_number .p-btn:active {
	background-color: #f2f2f2
}

.u-FU_number .p-btn.f-fl {
	border-right: 1px solid #ccc
}

.u-FU_number .p-btn.f-fr {
	border-left: 1px solid #ccc
}

.u-FU_check {
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 1;
	-webkit-user-select: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-transition: all .2s linear
}

.u-FU_check>i {
	position: relative;
	font-size: 1em;
	vertical-align: middle;
	width: 1em;
	height: 1em;
	line-height: 1em;
	color: #d4d4d5;
	-webkit-transition: all .2s linear
}

.u-FU_check input {
	display: none;
	z-index: -1
}

.u-FU_check:hover>i {
	color: #b1b2b3
}

.u-FU_check>input[checked]+i,.u-FU_check>input[defaultChecked]+i {
	color: #2185d0
}

.u-FU_check>input[defaultDisabled]+i,.u-FU_check>input[disabled]+i {
	cursor: default;
	color: #e0e0e0
}

.u-FU_check>i:before {
	content: "\e619"
}

.u-FU_check>i:after {
	position: absolute;
	left: 0;
	color: #333
}

.u-FU_check.s-radio>i:before {
	content: "\e61d"
}

.u-FU_check>input[checked]+i:after,.u-FU_check>input[defaultChecked]+i:after {
	content: "\e60e"
}

.u-FU_check.s-radio>input[checked]+i:after,.u-FU_check.s-radio>input[defaultChecked]+i:after {
	content: "\e626";
	font-size: 1.2em;
	line-height: .75em;
	left: .1em;
	top: 0
}

.u-FU_select {
	position: relative;
	display: inline-block;
	width: 164px;
	cursor: pointer;
	-webkit-user-select: none
}

.u-FU_select .fu_cur {
	height: 30px;
	line-height: 30px;
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all;
	padding: 0 35px 0 10px
}

.u-FU_select:hover .fu_cur {
	border-color: #b1b2b3
}

.u-FU_select .fu_horn {
	position: absolute;
	right: 5px;
	font-size: 16px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	top: 50%;
	margin-top: -10px
}

.u-FU_select.s-block {
	display: block
}

.u-FU_select.s-auto {
	width: auto
}

.u-FU_select .fu_opts {
	position: absolute;
	display: none;
	background-color: #fff;
	right: 0;
	left: 0;
	top: 100%;
	margin-top: -1px;
	z-index: 5;
	border: 1px solid #2185d0;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	overflow: hidden;
	list-style: none;
	padding: 0;
	border-top: none;
	padding-top: 1px;
	box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
	max-height: 200px;
	overflow-y: auto
}

.u-FU_select .fu_opts li {
	border-top: 1px solid #f8f8f8;
	padding: 8px 10px;
	line-height: 1.4;
	list-style: none;
	margin: 0;
	display: block
}

.u-FU_select .fu_opts li:hover {
	background-color: #fafafa
}

.u-FU_select .fu_opts li.z-cur {
	background-color: #f8f8f8
}

.u-FU_select.z-open .fu_cur {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-color: #2185d0
}

.u-FU_select.z-open .fu_opts {
	display: block
}

.u-FU_textarea {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding-left: 22px;
	width: 152px
}

.u-FU_textarea textarea {
	width: 100%;
	padding: 10px;
	line-height: 1.4;
	height: 80px;
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	resize: vertical;
	margin-left: -22px;
	outline: 0;
	font-size: 14px
}

.u-FU_textarea textarea:hover {
	border-color: #b1b2b3
}

.u-FU_textarea textarea:focus {
	border-color: #2185d0
}

.u-FU_textarea.s-block {
	display: block;
	width: auto
}

.u-FU_editor {
	position: relative;
	display: inline-block;
	padding: 5px;
	line-height: 1.4;
	background-color: #fff;
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	width: 152px;
	overflow-y: auto;
	max-height: 200px
}

.u-FU_editor:hover {
	border-color: #b1b2b3
}

.u-FU_editor:focus {
	border-color: #2185d0;
	outline: 0
}

.u-FU_editor img {
	margin-right: 3px
}

.u-FU_editor.s-block {
	display: block;
	width: auto
}

.u-FU_table {
	border: 1px solid #dedede;
	overflow: hidden;
	border-radius: 3px;
	display: inline-block
}

.u-FU_table table {
	width: 100%;
	border: none;
	border-collapse: collapse;
	border-spacing: 0
}

.u-FU_table table th {
	background-color: #f9fafb;
	padding: 14px 12px;
	font-size: 16px;
	text-align: left;
	border-left: 1px solid #e5e5e5
}

.u-FU_table table td {
	border-top: 1px solid #e9e9e9;
	background-color: #fff;
	padding: 14px 12px;
	border-left: 1px solid #e5e5e5;
	font-size: 14px
}

.u-FU_table table td:first-child,.u-FU_table table th:first-child {
	border-left: none
}

.u-FU_table table tbody tr:first-child td {
	border-top: none
}

.u-FU_table table thead td,.u-FU_table table thead th {
	border-bottom: 1px solid #e9e9e9
}

.u-FU_table table tfoot td,.u-FU_table table tfoot th {
	border-top: 1px solid #e9e9e9
}

.u-FU_table.s-zebra table tbody tr:nth-child(2n) td {
	background-color: #fafafb
}

.u-FU_table.s-1colNowrap tr td:first-child {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all
}

.u-FU_file {
	position: relative;
	overflow: hidden
}

.u-FU_file input[type=file] {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	-webkit-appearance: none;
	font-size: 99999px
}

.U-FU_shade {
	background-color: #000;
	opacity: .6;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 6;
	display: none;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-will-change: transform,opacity;
	will-change: transform,opacity
}

.U-FU_shade2 {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 7;
	display: none;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-will-change: transform,opacity;
	will-change: transform,opacity
}

.U-FU_shade.s-8 {
	opacity: .8
}

@keyframes FU_backdrop {
	0% {
		backdrop-filter: blur(0);
		-webkit-backdrop-filter: blur(0)
	}

	100% {
		backdrop-filter: blur(3px);
		-webkit-backdrop-filter: blur(3px)
	}
}

@-webkit-keyframes FU_backdrop {
	0% {
		backdrop-filter: blur(0);
		-webkit-backdrop-filter: blur(0)
	}

	100% {
		backdrop-filter: blur(3px);
		-webkit-backdrop-filter: blur(3px)
	}
}

.a-FU_fadeIn {
	-webkit-animation: FU_fadeIn .3s ease both;
	-moz-animation: FU_fadeIn .3s ease both;
	-ms-animation: FU_fadeIn .3s ease both;
	animation: FU_fadeIn .3s ease both
}

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

	100% {
		opacity: 1
	}
}

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

	100% {
		opacity: 1
	}
}

@-ms-keyframes FU_fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes FU_fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.a-FU_fadeInL {
	-webkit-animation: FU_fadeInL .3s ease both;
	-moz-animation: FU_fadeInL .3s ease both;
	-ms-animation: FU_fadeInL .3s ease both;
	animation: FU_fadeInL .3s ease both
}

@-webkit-keyframes FU_fadeInL {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-10%)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes FU_fadeInL {
	0% {
		opacity: 0;
		-moz-transform: translateX(-10%)
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0)
	}
}

@-ms-keyframes FU_fadeInL {
	0% {
		opacity: 0;
		-ms-transform: translateX(-10%)
	}

	100% {
		opacity: 1;
		-ms-transform: translateX(0)
	}
}

@keyframes FU_fadeInL {
	0% {
		opacity: 0;
		transform: translateX(-10%)
	}

	100% {
		opacity: 1;
		transform: translateX(0)
	}
}

.a-FU_fadeInR {
	-webkit-animation: FU_fadeInR .3s ease both;
	-moz-animation: FU_fadeInR .3s ease both;
	-ms-animation: FU_fadeInR .3s ease both;
	animation: FU_fadeInR .3s ease both
}

@-webkit-keyframes FU_fadeInR {
	0% {
		opacity: 0;
		-webkit-transform: translateX(10%)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes FU_fadeInR {
	0% {
		opacity: 0;
		-moz-transform: translateX(10%)
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0)
	}
}

@-ms-keyframes FU_fadeInR {
	0% {
		opacity: 0;
		-ms-transform: translateX(10%)
	}

	100% {
		opacity: 1;
		-ms-transform: translateX(0)
	}
}

@keyframes FU_fadeInR {
	0% {
		opacity: 0;
		transform: translateX(10%)
	}

	100% {
		opacity: 1;
		transform: translateX(0)
	}
}

.a-FU_fadeInT {
	-webkit-animation: FU_fadeInT .3s ease both;
	-moz-animation: FU_fadeInT .3s ease both;
	-ms-animation: FU_fadeInT .3s ease both;
	animation: FU_fadeInT .3s ease both
}

@-webkit-keyframes FU_fadeInT {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-10%)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes FU_fadeInT {
	0% {
		opacity: 0;
		-moz-transform: translateY(-10%)
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}

@-ms-keyframes FU_fadeInT {
	0% {
		opacity: 0;
		-ms-transform: translateY(-10%)
	}

	100% {
		opacity: 1;
		-ms-transform: translateY(0)
	}
}

@keyframes FU_fadeInT {
	0% {
		opacity: 0;
		transform: translateY(-10%)
	}

	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

.a-FU_fadeInB {
	-webkit-animation: FU_fadeInB .3s ease both;
	-moz-animation: FU_fadeInB .3s ease both;
	-ms-animation: FU_fadeInB .3s ease both;
	animation: FU_fadeInB .3s ease both
}

@-webkit-keyframes FU_fadeInB {
	0% {
		opacity: 0;
		-webkit-transform: translateY(10%)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes FU_fadeInB {
	0% {
		opacity: 0;
		-moz-transform: translateY(10%)
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}

@-ms-keyframes FU_fadeInB {
	0% {
		opacity: 0;
		-ms-transform: translateY(10%)
	}

	100% {
		opacity: 1;
		-ms-transform: translateY(0)
	}
}

@keyframes FU_fadeInB {
	0% {
		opacity: 0;
		transform: translateY(10%)
	}

	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

.a-FU_fadeOut {
	-webkit-animation: FU_fadeOut .3s ease both;
	-moz-animation: FU_fadeOut .3s ease both;
	-ms-animation: FU_fadeOut .3s ease both;
	animation: FU_fadeOut .3s ease both
}

@-webkit-keyframes FU_fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-moz-keyframes FU_fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-ms-keyframes FU_fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes FU_fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.a-FU_fadeOutL {
	-webkit-animation: FU_fadeOutL .3s ease both;
	-moz-animation: FU_fadeOutL .3s ease both;
	-ms-animation: FU_fadeOutL .3s ease both;
	animation: FU_fadeOutL .3s ease both
}

@-webkit-keyframes FU_fadeOutL {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-10%)
	}
}

@-moz-keyframes FU_fadeOutL {
	0% {
		opacity: 1;
		-moz-transform: translateX(0)
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(-10%)
	}
}

@-ms-keyframes FU_fadeOutL {
	0% {
		opacity: 1;
		-ms-transform: translateX(0)
	}

	100% {
		opacity: 0;
		-ms-transform: translateX(-10%)
	}
}

@keyframes FU_fadeOutL {
	0% {
		opacity: 1;
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		transform: translateX(-10%)
	}
}

.a-FU_fadeOutR {
	-webkit-animation: FU_fadeOutR .3s ease both;
	-moz-animation: FU_fadeOutR .3s ease both;
	-ms-animation: FU_fadeOutR .3s ease both;
	animation: FU_fadeOutR .3s ease both
}

@-webkit-keyframes FU_fadeOutR {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(10%)
	}
}

@-moz-keyframes FU_fadeOutR {
	0% {
		opacity: 1;
		-moz-transform: translateX(0)
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(10%)
	}
}

@-ms-keyframes FU_fadeOutR {
	0% {
		opacity: 1;
		-ms-transform: translateX(0)
	}

	100% {
		opacity: 0;
		-ms-transform: translateX(10%)
	}
}

@keyframes FU_fadeOutR {
	0% {
		opacity: 1;
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		transform: translateX(10%)
	}
}

.a-FU_fadeOutT {
	-webkit-animation: FU_fadeOutT .3s ease both;
	-moz-animation: FU_fadeOutT .3s ease both;
	-ms-animation: FU_fadeOutT .3s ease both;
	animation: FU_fadeOutT .3s ease both
}

@-webkit-keyframes FU_fadeOutT {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-10%)
	}
}

@-moz-keyframes FU_fadeOutT {
	0% {
		opacity: 1;
		-moz-transform: translateY(0)
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(-10%)
	}
}

@-ms-keyframes FU_fadeOutT {
	0% {
		opacity: 1;
		-ms-transform: translateY(0)
	}

	100% {
		opacity: 0;
		-ms-transform: translateY(-10%)
	}
}

@keyframes FU_fadeOutT {
	0% {
		opacity: 1;
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		transform: translateY(-10%)
	}
}

.a-FU_fadeOutB {
	-webkit-animation: FU_fadeOutB .3s ease both;
	-moz-animation: FU_fadeOutB .3s ease both;
	-ms-animation: FU_fadeOutB .3s ease both;
	animation: FU_fadeOutB .3s ease both
}

@-webkit-keyframes FU_fadeOutB {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(10%)
	}
}

@-moz-keyframes FU_fadeOutB {
	0% {
		opacity: 1;
		-moz-transform: translateY(0)
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(10%)
	}
}

@-ms-keyframes FU_fadeOutB {
	0% {
		opacity: 1;
		-ms-transform: translateY(0)
	}

	100% {
		opacity: 0;
		-ms-transform: translateY(10%)
	}
}

@keyframes FU_fadeOutB {
	0% {
		opacity: 1;
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		transform: translateY(10%)
	}
}

@-webkit-keyframes FU_fadeInBot {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-5%)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes FU_fadeInBot {
	0% {
		opacity: 0;
		-moz-transform: translateY(-5%)
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}

@-ms-keyframes FU_fadeInBot {
	0% {
		opacity: 0;
		-ms-transform: translateY(-5%)
	}

	100% {
		opacity: 1;
		-ms-transform: translateY(0)
	}
}

@-webkit-keyframes FU_fadeOutBot {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-5%)
	}
}

@-moz-keyframes FU_fadeOutBot {
	0% {
		opacity: 1;
		-moz-transform: translateY(0)
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(-5%)
	}
}

@-ms-keyframes FU_fadeOutBot {
	0% {
		opacity: 1;
		-ms-transform: translateY(0)
	}

	100% {
		opacity: 0;
		-ms-transform: translateY(-5%)
	}
}

.a-FU_hintIn {
	-webkit-animation: FU_hintIn .2s ease both;
	animation: FU_hintIn .2s ease both
}

@-webkit-keyframes FU_hintIn {
	0% {
		opacity: 0;
		-webkit-transform: translateZ(0) scale(1.2)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateZ(0) scale(1)
	}
}

@-webkit-keyframes FU_hintIn2 {
	0% {
		opacity: 0;
		-webkit-transform: translateZ(0) scale(1.8)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateZ(0) scale(1)
	}
}

@-webkit-keyframes FU_hintOut {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0) scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateZ(0) scale(1.2)
	}
}

@-moz-keyframes FU_hintIn {
	0% {
		opacity: 0;
		-moz-transform: translateZ(0) scale(1.2)
	}

	100% {
		opacity: 1;
		-moz-transform: translateZ(0) scale(1)
	}
}

@-moz-keyframes FU_hintOut {
	0% {
		opacity: 1;
		-moz-transform: translateZ(0) scale(1)
	}

	100% {
		opacity: 0;
		-moz-transform: translateZ(0) scale(1.2)
	}
}

@-ms-keyframes FU_hintIn {
	0% {
		opacity: 0;
		-ms-transform: translateZ(0) scale(1.2)
	}

	100% {
		opacity: 1;
		-ms-transform: translateZ(0) scale(1)
	}
}

@-ms-keyframes FU_hintOut {
	0% {
		opacity: 1;
		-ms-transform: translateZ(0) scale(1)
	}

	100% {
		opacity: 0;
		-ms-transform: translateZ(0) scale(1.2)
	}
}

@keyframes FU_hintIn {
	0% {
		opacity: 0;
		transform: translateZ(0) scale(1.2)
	}

	100% {
		opacity: 1;
		transform: translateZ(0) scale(1)
	}
}

@keyframes FU_hintOut {
	0% {
		opacity: 1;
		transform: translateZ(0) scale(1)
	}

	100% {
		opacity: 0;
		transform: translateZ(0) scale(1.2)
	}
}

@-webkit-keyframes FU_modalIn {
	0% {
		opacity: 0;
		-webkit-transform: translateZ(0) scale(.8)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateZ(0) scale(1)
	}
}

@-webkit-keyframes FU_modalOut {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0) scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateZ(0) scale(.8)
	}
}

@-moz-keyframes FU_modalIn {
	0% {
		opacity: 0;
		-moz-transform: translateZ(0) scale(.8)
	}

	100% {
		opacity: 1;
		-moz-transform: translateZ(0) scale(1)
	}
}

@-moz-keyframes FU_modalOut {
	0% {
		opacity: 1;
		-moz-transform: translateZ(0) scale(1)
	}

	100% {
		opacity: 0;
		-moz-transform: translateZ(0) scale(.8)
	}
}

@-ms-keyframes FU_modalIn {
	0% {
		opacity: 0;
		-ms-transform: translateZ(0) scale(.8)
	}

	100% {
		opacity: 1;
		-ms-transform: translateZ(0) scale(1)
	}
}

@-ms-keyframes FU_modalOut {
	0% {
		opacity: 1;
		-ms-transform: translateZ(0) scale(1)
	}

	100% {
		opacity: 0;
		-ms-transform: translateZ(0) scale(.8)
	}
}

@keyframes FU_modalIn {
	0% {
		opacity: 0;
		transform: translateZ(0) scale(.8)
	}

	100% {
		opacity: 1;
		transform: translateZ(0) scale(1)
	}
}

@keyframes FU_modalOut {
	0% {
		opacity: 1;
		transform: translateZ(0) scale(1)
	}

	100% {
		opacity: 0;
		transform: translateZ(0) scale(.8)
	}
}

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

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

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

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

	50% {
		-moz-transform: rotate(180deg);
		transform: rotate(180deg)
	}

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

@-ms-keyframes FU_rotation {
	0% {
		-ms-transform: rotate(0);
		transform: rotate(0)
	}

	50% {
		-ms-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	100% {
		-ms-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

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

	100% {
		opacity: .6
	}
}

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

	100% {
		opacity: .6
	}
}

@-ms-keyframes FU_shadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: .6
	}
}

@keyframes FU_shadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: .6
	}
}

@-webkit-keyframes FU_shadeOut {
	0% {
		opacity: .6
	}

	100% {
		opacity: 0
	}
}

@-moz-keyframes FU_shadeOut {
	0% {
		opacity: .6
	}

	100% {
		opacity: 0
	}
}

@-ms-keyframes FU_shadeOut {
	0% {
		opacity: .6
	}

	100% {
		opacity: 0
	}
}

@keyframes FU_shadeOut {
	0% {
		opacity: .6
	}

	100% {
		opacity: 0
	}
}

@media screen and (max-device-width:640px) {
	html {
		font-size: 60px
	}
}

@media screen and (max-device-width :435px) {
	html {
		font-size: 67.9688px
	}
}

@media screen and (max-device-width :414px) {
	html {
		font-size: 64.2188px
	}
}

@media screen and (max-device-width :360px) {
	html {
		font-size: 56.25px
	}
}

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

@media screen and (device-width :375px) and (device-height :667px) {
	html {
		font-size: 58.5937px
	}
}

@media screen and (device-width :667px) and (device-height :375px) {
	html {
		font-size: 58.5937px
	}
}

@media screen and (device-width :414px) and (device-height :736px) {
	html {
		font-size: 64.6875px
	}
}

@media screen and (device-width :736px) and (device-height :414px) {
	html {
		font-size: 64.6875px
	}
}

.g-flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row
}

.g-flex.s-row>* {
	display: block;
	text-align: center;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: auto;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all
}

.g-flex.s-row {
	justify-content: space-around;
	-webkit-justify-content: space-around
}

.g-flex.s-row.s-left>* {
	text-align: left
}

.m-FU_modal.s-agreement {
	width: 5.32rem;
	max-width: 5.32rem;
	background-color: transparent
}

.m-FU_modal.s-agreement>.p-ct {
	margin: 0
}

.m-agreement {
	font-size: .24rem;
	color: #333;
	width: 5.32rem;
	min-height: 3.11rem
}

.m-agreement>.main {
	background-color: #fff;
	padding: .3rem .38rem .54rem .3rem;
	border-radius: .28rem;
	font-size: .24rem;
	color: #000
}

.m-FU_modal.s-member>.p-ct {
	margin: 0
}

@font-face {
	font-family:pwtv;src:url(../font/pwtv.woff2?v=1.0.3) format('woff2'),url(../font/pwtv.woff?v=1.0.3) format('woff'),url(../font/pwtv.ttf?v=1.0.3) format('truetype')
}

.i-font,i {
	font-family: pwtv;
	font-size: 18px;
	font-size: .26rem;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	vertical-align: middle
}

.i-font::before,i::before {
	vertical-align: top
}

a,i {
	-webkit-user-select: none;
	user-select: none;
	-moz-user-select: none
}

input:-webkit-autofill {
	-webkit-animation: autofill-fix 1s infinite;
	font-size: .26rem
}

@-webkit-keyframes autofill-fix {
	from {
		background-color: transparent
	}

	to {
		background-color: transparent
	}
}

.g-layout {
	margin-left: auto;
	margin-right: auto;
	position: relative
}

html.s-pc .g-layout {
	max-width: 750px
}

.g-Fixlayout {
	position: fixed;
	z-index: 5;
	left: 0;
	right: 0
}

.g-mb10 {
	margin-bottom: .1rem
}

.g-mb20 {
	margin-bottom: .2rem
}

.g-mb30 {
	margin-bottom: .3rem
}

.g-mb16 {
	margin-bottom: .16rem
}

.g-mb40 {
	margin-bottom: .4rem
}

.g-mb60 {
	margin-bottom: .6rem
}

.g-ml10 {
	margin-left: .1rem
}

.g-mlr24 {
	margin-left: .24rem;
	margin-right: .24rem
}

.u-progress {
	background-color: #f0f0f0;
	height: .12rem;
	position: relative;
	overflow: hidden;
	border-radius: .12rem;
	width: 3.58rem
}

.u-progress>.bar {
	background-color: #f33;
	height: .12rem;
	border-radius: .1rem;
	background-image: -webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(255,255,255,.2)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.2)),color-stop(.75,rgba(255,255,255,.2)),color-stop(.75,transparent),to(transparent));
	background-size: .12rem .12rem
}

.u-not {
	line-height: 1.6;
	color: #333;
	font-size: .26rem;
	padding: .12rem 0;
	background-color: #fff;
	text-align: center;
	overflow: hidden
}

.u-not.s-radius {
	border-radius: .2rem
}

.u-not.s-radius.s-mg20 {
	margin-left: .2rem;
	margin-right: .2rem
}

.u-not>.btn {
	display: block;
	margin: 0 1rem .3rem 1rem
}

.m-tips {
	text-align: center;
	font-size: .18rem;
	color: #999;
	padding: .1rem
}

.U-noData {
	background: transparent url(../img/public/no_data.png) center .4rem no-repeat;
	background-size: 2.61rem 2.62rem;
	padding-top: 3.4rem;
	padding-bottom: .4rem;
	font-size: .26rem;
	color: #333;
	line-height: 1.8;
	text-align: center
}

.U-noData>.btn {
	display: block;
	background: -webkit-linear-gradient(left,#5990f7 ,#7adafb);
	background: -o-linear-gradient(right,#5990f7,#7adafb);
	background: -moz-linear-gradient(right,#5990f7,#7adafb);
	background: linear-gradient(to right,#5990f7 ,#7adafb);
	height: .6rem;
	line-height: .6rem;
	border-radius: .12rem;
	width: 2.2rem;
	margin: .2rem auto .2rem auto;
	font-size: .22rem
}

.m-userList3 {
	padding: .2rem;
	background-color: #fff
}

.m-userList3>li {
	width: 25%;
	float: left;
	margin-bottom: .2rem;
	line-height: 1
}

.m-userList3>li>.avatar {
	padding: 0 .2rem;
	text-align: center
}

.m-userList3>li>.avatar img {
	width: .8rem;
	height: .8rem;
	border-radius: .8rem
}

.m-userList3>li>.name {
	padding: .1rem .2rem;
	font-size: .18rem;
	height: .3rem;
	line-height: .3rem
}

.m-userList3>li>.name>.sex {
	margin-right: .04rem;
	color: #4cafc4;
	font-size: .18rem
}

.m-userList3>li>.name>.sex.s-1::before {
	content: "\e71c"
}

.m-userList3>li>.name>.sex.s-2 {
	color: #e8439d
}

.m-userList3>li>.name>.sex.s-2::before {
	content: "\e71a"
}

.m-userList3>li>.btn {
	display: block;
	margin: 0 .2rem 0 .2rem;
	height: .48rem;
	line-height: .48rem;
	font-size: .2rem
}

.m-userList3>li>.btn::before {
	content: "�ӹ�ע"
}

.m-userList3>li>.btn.z-done {
	background-color: #ccc
}

.m-userList3>li>.btn.z-done::before {
	content: "�ѹ�ע"
}

.m-menuBlock {
	display: flex;
	background-color: #fff;
	flex-wrap: wrap;
	padding: .12rem;
	margin: .24rem;
	border-radius: .12rem
}

.m-menuBlock>a {
	position: relative;
	color: #333;
	font-size: .22rem;
	width: 25%;
	padding: .2rem 0;
	text-align: center;
	background-color: #fff;
	border-bottom: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
	box-sizing: border-box
}

.m-menuBlock>a i {
	display: block;
	margin: 0 auto .2rem auto;
	font-size: .3rem
}

.m-menuBlock>a:nth-child(4n) {
	border-right: none
}

.m-menuBlock>a:nth-child(4n+1):nth-last-child(-n+4),.m-menuBlock>a:nth-child(4n+1):nth-last-child(-n+4)~a {
	border-bottom: none
}

.m-menuTitle {
	padding: 0 .24rem;
	font-size: .26rem;
	font-weight: 700;
	color: #333
}

@keyframes fadeIn {
	0% {
		opacity: .6
	}

	100% {
		opacity: 1
	}
}

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

	100% {
		opacity: 1
	}
}

img.z-loaded {
	-webkit-animation: fadeIn .4s ease;
	animation: fadeIn .4s ease;
	background: 0 0
}

.u-FU_btn {
	height: .68rem;
	border: none;
	line-height: .68rem;
	font-size: .26rem;
	border-radius: 0;
	background-color: #ff96b5
}

.u-FU_btn:active {
	background-color: #ffafc5
}

html.s-pc .u-FU_btn:hover {
	background-color: #ffafc5;
	border-color: #ffafc5
}

.u-FU_btn.z-lock,.u-FU_btn.z-lock:active,html.s-pc .u-FU_btn.z-lock:hover {
	background-color: #b0b0b0!important;
	border-color: #b0b0b0!important
}

form.z-verifyErr .j-submit,form.z-verifyErr .j-submit:active,html.s-pc form.z-verifyErr .j-submit:hover {
	background-color: #b0b0b0;
	border-color: #b0b0b0
}

.u-FU_btn.s-green {
	background: -webkit-linear-gradient(to right,#56ce6d,#26b564);
	background: -o-linear-gradient(to right,#56ce6d,#26b564);
	background: -moz-linear-gradient(to right,#56ce6d,#26b564);
	background: linear-gradient(to right,#56ce6d,#26b564)
}

.u-FU_btn.s-red {
	background: -webkit-linear-gradient(to right,#fc8779,#fa5d51);
	background: -o-linear-gradient(to right,#fc8779,#fa5d51);
	background: -moz-linear-gradient(to right,#fc8779,#fa5d51);
	background: linear-gradient(to right,#fc8779,#fa5d51)
}

.u-FU_btn.s-blue {
	background: -webkit-linear-gradient(to right,#37a4fc,#328ffb);
	background: -o-linear-gradient(to right,#37a4fc,#328ffb);
	background: -moz-linear-gradient(to right,#37a4fc,#328ffb);
	background: linear-gradient(to right,#37a4fc,#328ffb)
}

.u-FU_textarea textarea {
	height: .8rem;
	font-size: .22rem
}

.u-FU_input {
	background-color: #fff
}

.u-FU_input input {
	font-size: .26rem;
	height: .68rem;
	border: none
}

.u-FU_input input:focus {
	box-shadow: none
}

.u-FU_input i {
	height: .68rem;
	line-height: .68rem;
	width: .6rem;
	font-size: .3rem;
	text-align: center
}

.u-FU_input .u-FU_select {
	width: auto
}

.u-FU_input .u-FU_select .fu_cur {
	height: .68rem;
	line-height: .68rem;
	border: none;
	padding: 0 .3rem 0 .12rem;
	font-size: .24rem
}

.u-FU_input .u-FU_select .fu_horn {
	right: 0;
	font-size: .2rem;
	width: .2rem;
	height: .2rem;
	line-height: .2rem;
	margin-top: -.1rem
}

.u-FU_input .u-FU_select .fu_opts {
	border-color: #ccc
}

.u-FU_input .u-FU_select .fu_opts li {
	font-size: .24rem;
	padding: .12rem
}

.u-FU_input.s-indexSearch {
	margin: .16rem .24rem;
	box-shadow: 0 0 3px rgba(0,0,0,.15);
	border-radius: .1rem
}

.u-FU_input.s-indexSearch>.u-FU_btn {
	background-color: #1d9aff;
	border-bottom-right-radius: .1rem;
	border-top-right-radius: .1rem
}

html.s-pc .u-FU_input.s-indexSearch>.u-FU_btn:hover {
	background-color: #48acfe
}

.m-FU_hint {
	border-radius: .1rem
}

.m-FU_hint>.ct {
	font-size: .28rem;
	line-height: 1.4;
	padding: .2rem;
	min-width: 2.2rem;
	max-width: 3.2rem;
	padding-top: 0
}

.m-FU_hint>.ico {
	height: 1.2rem;
	line-height: 1.2rem;
	font-size: .8rem
}

.u-FU_btn.s-logoff {
	background-color: #ff513a;
	color: #fff;
	height: .86rem;
	line-height: .86rem;
	font-size: .32rem;
	margin: .2rem .24rem .4rem .24rem;
	border-radius: .06rem
}

.u-FU_btn.s-logoff:active {
	background-color: #ff513a!important
}

html.s-pc .u-FU_btn.s-logoff:hover {
	background-color: #ff513a
}

.m-formBox>.item {
	margin-bottom: .2rem
}

.m-formBox {
	padding: .24rem;
	text-align: center
}

.m-formBox>.item.logo img {
	width: 1rem;
	height: 1rem;
	border-radius: 100%
}

.u-FU_check.s-check {
	position: relative;
	overflow: hidden;
	vertical-align: middle;
	border: 1px solid #ccc;
	background-color: #fafafa;
	padding: .12rem .22rem;
	border-radius: .04rem;
	text-align: center;
	color: #666;
	font-size: .26rem;
	line-height: 1
}

.u-FU_check.s-check.z-checked {
	border-color: #ff96b5;
	color: #000
}

.u-FU_check.s-check.z-checked::before {
	content: "";
	position: absolute;
	right: -.44rem;
	top: -.12rem;
	width: 0;
	height: 0;
	border-left: .4rem solid transparent;
	border-right: .4rem solid transparent;
	border-bottom: .4rem solid #ff96b5;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	z-index: 1
}

.u-FU_check.s-radio.s-check>i {
	position: absolute;
	z-index: 2;
	display: none;
	right: .02rem;
	top: 0;
	font-size: .18rem
}

.u-FU_check.s-radio.s-check>i::before {
	display: none
}

.u-FU_check.s-radio.s-check>i::after {
	content: "\e606"!important;
	color: #fff
}

.u-FU_check.s-radio.s-check.z-checked>i {
	display: block
}

.u-FU_check.s-switch {
	width: 1rem;
	height: .52rem;
	border-radius: .3rem;
	vertical-align: middle;
	outline: 0;
	position: relative;
	background-color: rgba(0,0,0,.1);
	transition: background-color .1s,border .1s;
	border: 1px solid rgba(0,0,0,.1);
	transition: none;
	-webkit-transition: none
}

.u-FU_check.s-switch::before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 1rem;
	height: .52rem;
	border-radius: .3rem;
	background-color: #fff0f4;
	transition: transform .35s cubic-bezier(.45,1,.4,1);
	-webkit-transition: transform .35s cubic-bezier(.45,1,.4,1)
}

.u-FU_check.s-switch::after {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: .52rem;
	height: .52rem;
	border-radius: .52rem;
	background-color: #fff;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	transition: transform .6s cubic-bezier(.4,.4,.25,1.35);
	-webkit-transition: transform .6s cubic-bezier(.4,.4,.25,1.35)
}

.u-FU_check.s-switch.z-checked {
	border-color: #ff96b5;
	background-color: #ff96b5
}

.u-FU_check.s-switch.z-checked::before {
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: transform .35s cubic-bezier(.45,1,.4,1);
	-webkit-transition: transform .35s cubic-bezier(.45,1,.4,1)
}

.u-FU_check.s-switch.z-checked::after {
	background-color: #fff;
	transform: translateX(.48rem);
	-webkit-transform: translateX(.48rem);
	transition: transform .6s cubic-bezier(.4,.4,.25,1.35);
	-webkit-transition: transform .6s cubic-bezier(.4,.4,.25,1.35)
}

.M-footNav {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5;
	-webkit-transform: translate3d(0,2rem,0);
	transform: translate3d(0,2rem,0);
	transition: transform .3s ease;
	-webkit-transition: transform .3s ease;
	bottom: constant(safe-area-inset-bottom);
	bottom: env(safe-area-inset-bottom)
}

.M-footNav>.wrap {
	background-color: #fff;
	box-shadow: 0 0 .04rem rgba(0,0,0,.15);
	height: .98rem
}

.M-footNav>.wrap>a {
	padding-top: .1rem;
	position: relative;
	overflow: visible
}

.M-footNav>.wrap>a i {
	font-size: .5rem;
	display: block;
	height: .5rem;
	margin-bottom: .1rem;
	color: #5a5a5a
}

.M-footNav>.wrap>a div {
	font-size: .18rem;
	color: #5a5a5a;
	padding-bottom: .1rem
}

.M-footNav>.wrap>.home i::before {
	content: "\e6b8"
}

.M-footNav>.wrap>.dynamic i::before {
	content: "\e67e"
}

.M-footNav>.wrap>.msg i::before {
	content: "\e731"
}

.M-footNav>.wrap>.my i::before {
	content: "\e78b"
}

.M-footNav>.wrap>a.router-link-exact-active i {
	color: #ff96b5
}

.M-footNav>.wrap>a.router-link-exact-active div {
	color: #ff96b5
}

.M-footNav>.wrap>.home.router-link-exact-active i::before {
	content: "\e6bb";
	color: #ff96b5
}

.M-footNav>.wrap>.home.router-link-exact-active div {
	color: #ff96b5
}

.M-footNav>.wrap>.gotop i {
	color: #ff96b5
}

.M-footNav>.wrap>.gotop div {
	color: #ff96b5
}

.M-footNav>.wrap>.dynamic.router-link-exact-active i::before {
	content: "\e6ba";
	color: #9773df
}

.M-footNav>.wrap>.dynamic.router-link-exact-active div {
	color: #9773df
}

.M-footNav>.wrap>.msg.router-link-exact-active i::before {
	content: "\e730";
	color: #338fd7
}

.M-footNav>.wrap>.msg.router-link-exact-active div {
	color: #338fd7
}

.M-footNav>.wrap>.my.router-link-exact-active i::before {
	content: "\e78c";
	color: #89c284
}

.M-footNav>.wrap>.my.router-link-exact-active div {
	color: #89c284
}

.M-footNav>.publish {
	position: absolute;
	left: 50%;
	margin-left: -.46rem;
	top: -.46rem;
	text-align: center;
	color: #353535;
	font-size: .18rem
}

.M-footNav>.publish>i {
	box-shadow: 0 -.04rem .04rem rgba(0,0,0,.06);
	margin-bottom: .08rem;
	display: block;
	color: #f7c548;
	background-color: #fff;
	font-size: .8rem;
	width: .92rem;
	height: .92rem;
	line-height: .92rem;
	text-align: center;
	border-radius: 1.08rem;
	border: .08rem solid #fff
}

.M-footNav>.publish i::before {
	content: "\e6e7"
}

.m-wxgzh {
	text-align: center;
	padding-top: .24rem
}

.m-wxgzh img {
	width: 3rem;
	height: 3rem;
	display: block;
	margin: 0 auto
}

.m-wxgzh>div {
	font-size: .22rem;
	color: #333;
	line-height: 1.4;
	padding: .12rem .24rem;
	text-align: justify
}

.m-wxGzhPush {
	padding: .4rem .24rem .24rem .24rem;
	text-align: center
}

.m-wxGzhPush>.title {
	font-size: .34rem;
	color: #000;
	margin-bottom: .2rem
}

.m-wxGzhPush>.txt1 {
	font-size: .26rem;
	color: #666;
	margin-bottom: .2rem
}

.m-wxGzhPush>.btn1 {
	height: .6rem;
	line-height: .6rem;
	display: block;
	border-radius: .6rem;
	margin-bottom: .2rem;
	border: 2px solid #ff96b5;
	box-shadow: 0 0 .1rem rgba(0,0,0,.15)
}

.m-wxGzhPush>.btn2 {
	height: .6rem;
	line-height: .6rem;
	display: block;
	border-radius: .6rem;
	background-color: transparent!important;
	border-color: #ff96b5;
	color: #ff96b5;
	border: 2px solid #ff96b5
}

.m-tab {
	height: .88rem;
	line-height: .88rem;
	border-bottom: 1px solid #eee;
	background-color: #fafafa
}

.m-tab>a {
	height: .88rem;
	font-size: .26rem;
	color: #999
}

.m-tab>a.z-cur {
	border-bottom: .04rem solid #ff96b5;
	color: #ff96b5;
	height: .86rem
}

.m-tab.s-min {
	background-color: #fff;
	height: .68rem;
	line-height: .68rem
}

.m-tab.s-min>a {
	height: .68rem;
	font-size: .22rem
}

.m-tab.s-min>a.z-cur {
	border-bottom: none;
	color: #333;
	height: .68rem
}

.m-tab.s-min>a span {
	display: inline-block;
	position: relative;
	padding: 0 .08rem
}

.m-tab.s-min>a span em {
	position: absolute;
	width: .08rem;
	height: .08rem;
	border-radius: .08rem;
	background-color: #ff4949;
	top: .24rem;
	right: -.05rem;
	display: none
}

.m-tab.s-min>a.z-cur span {
	border-bottom: .02rem solid #fc4b4e;
	height: .66rem
}

.m-tab.s-min.s-user {
	border-top: 1px solid #fafafa;
	padding-left: .24rem;
	padding-right: .24rem
}

.m-tab.s-min.s-user>a {
	height: .84rem
}

.m-tab.s-min.s-user>a.z-cur span {
	border-bottom: .04rem solid #f7acc2
}

.m-text1 {
	font-size: .22rem;
	color: #333;
	line-height: 2
}

.m-text1 span {
	color: #e42626
}

.m-OAuth {
	text-align: center;
	position: relative
}

.m-OAuth>a {
	display: inline-block;
	background-color: #fff;
	margin-left: .12rem;
	padding: .14rem .24rem;
	height: .4rem;
	line-height: .4rem;
	border-radius: .4rem;
	color: #fff;
	font-size: .26rem
}

.m-OAuth>a:first-child {
	margin-left: 0
}

.m-OAuth>a i {
	font-size: .48rem;
	color: #fff
}

.m-OAuth>a.z-cur {
	display: flex;
	width: 3.86rem;
	margin: 0 auto .2rem auto;
	align-items: center;
	justify-content: center
}

.m-OAuth>a.z-cur i {
	margin-right: .2rem;
	flex-shrink: 0
}

.m-OAuth>a.z-cur span {
	display: inline-block
}

.m-OAuth>a span {
	display: none
}

.m-OAuth>a.s-wechat {
	background-color: #09bb07;
	background: -webkit-linear-gradient(#3c6,#56df88);
	background: -o-linear-gradient(#3c6,#56df88);
	background: -moz-linear-gradient(#3c6,#56df88);
	background: linear-gradient(#3c6,#56df88)
}

.m-OAuth>a.s-wechat span::before {
	content: "΢����Ȩע��/��¼"
}

.m-OAuth>a.s-douyin {
	background-color: #000;
	background: -webkit-linear-gradient(#00faf0,#000 40%,#ff0050);
	background: -o-linear-gradient(#00faf0,#000 40%,#ff0050);
	background: -moz-linear-gradient(#00faf0,#000 40%,#ff0050);
	background: linear-gradient(#00faf0,#000 40%,#ff0050)
}

.m-OAuth>a.s-douyin span::before {
	content: "������Ȩע��/��¼"
}

.m-OAuth>a.s-apple {
	background-color: #000
}

.m-OAuth>a.s-apple.z-cur i {
	font-size: .4rem
}

.m-OAuth>a.s-apple span::before {
	content: "ƻ����Ȩע��/��¼"
}

.m-OAuth>a.s-qq {
	background-color: #439fd9;
	background: -webkit-linear-gradient(#59b9ff,#5ccfff);
	background: -o-linear-gradient(#59b9ff,#5ccfff);
	background: -moz-linear-gradient(#59b9ff,#5ccfff);
	background: linear-gradient(#59b9ff,#5ccfff)
}

.m-OAuth>a.s-qq span::before {
	content: "QQ����ע��/��¼"
}

.m-OAuth>a.s-alipay {
	background-color: #339ae6;
	background: -webkit-linear-gradient(#1296db,#38b4f4);
	background: -o-linear-gradient(#1296db,#38b4f4);
	background: -moz-linear-gradient(#1296db,#38b4f4);
	background: linear-gradient(#1296db,#38b4f4)
}

.m-OAuth>a.s-alipay span::before {
	content: "֧��������ע��/��¼"
}

.m-OAuth>a.s-weibo {
	background-color: #c21021;
	background: -webkit-linear-gradient(#e6162d,#f93d51);
	background: -o-linear-gradient(#e6162d,#f93d51);
	background: -moz-linear-gradient(#e6162d,#f93d51);
	background: linear-gradient(#e6162d,#f93d51)
}

.m-OAuth>a.s-weibo span::before {
	content: "΢������ע��/��¼"
}

.m-OAuth>a.s-baidu {
	background-color: #2226d8;
	background: -webkit-linear-gradient(#3245df,#5566f0);
	background: -o-linear-gradient(#3245df,#5566f0);
	background: -moz-linear-gradient(#3245df,#5566f0);
	background: linear-gradient(#3245df,#5566f0)
}

.m-OAuth>a.s-baidu span::before {
	content: "�ٶȿ���ע��/��¼"
}

.m-OAuth.s-line>a {
	border-radius: .8rem;
	padding: 0;
	width: .8rem;
	height: .8rem;
	line-height: .8rem;
	margin-left: .24rem
}

.m-OAuth.s-line>a:first-child {
	margin-left: 0
}

.m-OAuthList {
	background-color: #fff
}

.m-OAuthList>.item {
	height: 1.1rem;
	line-height: 1.1rem;
	font-size: .26rem;
	color: #000;
	display: block;
	border-bottom: 1px solid #eee;
	position: relative
}

.m-OAuthList>.item>.left {
	margin-left: .24rem
}

.m-OAuthList>.item>.left>i {
	font-size: .36rem;
	margin-right: .12rem;
	background-color: #2dd781;
	color: #fff;
	width: .62rem;
	height: .62rem;
	line-height: .62rem;
	border-radius: .62rem;
	text-align: center
}

.m-OAuthList>.item:before {
	content: "\e603";
	font-family: fuicon;
	position: absolute;
	font-size: .4rem;
	right: .08rem;
	color: #999
}

.m-OAuthList>.item>.right {
	overflow: hidden;
	text-align: right;
	padding-right: .54rem;
	color: #1d9aff
}

.m-OAuthList>.item[data-type="1"]>.left>span::before {
	content: "΢��"
}

.m-OAuthList>.item[data-type="2"]>.left>span::before {
	content: "QQ"
}

.m-OAuthList>.item[data-type="3"]>.left>span::before {
	content: "����΢��"
}

.m-OAuthList>.item[data-type="4"]>.left>span::before {
	content: "֧����"
}

.m-OAuthList>.item[data-type="5"]>.left>span::before {
	content: "�ٶ�"
}

.m-OAuthList>.item[data-type="6"]>.left>span::before {
	content: "����"
}

.m-OAuthList>.item[data-type="1"]>.left>i {
	font-size: .3rem;
	background: -webkit-linear-gradient(#3c6,#56df88);
	background: -o-linear-gradient(#3c6,#56df88);
	background: -moz-linear-gradient(#3c6,#56df88);
	background: linear-gradient(#3c6,#56df88)
}

.m-OAuthList>.item[data-type="2"]>.left>i {
	background: -webkit-linear-gradient(#59b9ff,#5ccfff);
	background: -o-linear-gradient(#59b9ff,#5ccfff);
	background: -moz-linear-gradient(#59b9ff,#5ccfff);
	background: linear-gradient(#59b9ff,#5ccfff)
}

.m-OAuthList>.item[data-type="3"]>.left>i {
	background: -webkit-linear-gradient(#e6162d,#f93d51);
	background: -o-linear-gradient(#e6162d,#f93d51);
	background: -moz-linear-gradient(#e6162d,#f93d51);
	background: linear-gradient(#e6162d,#f93d51)
}

.m-OAuthList>.item[data-type="4"]>.left>i {
	background: -webkit-linear-gradient(#1296db,#38b4f4);
	background: -o-linear-gradient(#1296db,#38b4f4);
	background: -moz-linear-gradient(#1296db,#38b4f4);
	background: linear-gradient(#1296db,#38b4f4)
}

.m-OAuthList>.item[data-type="5"]>.left>i {
	background: -webkit-linear-gradient(#3245df,#5566f0);
	background: -o-linear-gradient(#3245df,#5566f0);
	background: -moz-linear-gradient(#3245df,#5566f0);
	background: linear-gradient(#3245df,#5566f0)
}

.m-OAuthList>.item[data-type="6"]>.left>i {
	background: -webkit-linear-gradient(#170b1a,#2e1c32);
	background: -o-linear-gradient(#170b1a,#2e1c32);
	background: -moz-linear-gradient(#170b1a,#2e1c32);
	background: linear-gradient(#170b1a,#2e1c32);
	text-shadow: .02rem .02rem .02rem #fe2c55,-.02rem -.02rem .02rem #25f4ee
}

.m-OAuthList>.item[data-type="1"]>.left>i::before {
	content: "\e601"
}

.m-OAuthList>.item[data-type="2"]>.left>i::before {
	content: "\e606"
}

.m-OAuthList>.item[data-type="3"]>.left>i::before {
	content: "\e602"
}

.m-OAuthList>.item[data-type="4"]>.left>i::before {
	content: "\e694"
}

.m-OAuthList>.item[data-type="5"]>.left>i::before {
	content: "\e6b6"
}

.m-OAuthList>.item[data-type="6"]>.left>i::before {
	content: "\e61c"
}

.m-btns>.u-FU_btn {
	margin-left: .2rem;
	border-radius: .1rem
}

.m-btns>.u-FU_btn:first-child {
	margin-left: 0
}

.m-topicList {
	min-height: 1rem;
	overflow: hidden
}

.m-topicList>li {
	background-color: #fff;
	margin: 0 0 .1rem 0;
	padding: .32rem .24rem;
	padding-bottom: 0;
	position: relative;
	overflow: hidden;
	margin: .12rem .24rem;
	border-radius: .12rem
}

.m-topicList>li>.owner {
	margin-bottom: .32rem
}

.m-topicList>li>.owner>.icon {
	position: relative;
	width: .8rem;
	height: .8rem;
	overflow: hidden
}

.m-topicList>li>.owner>.icon img {
	border-radius: .8rem;
	width: .8rem;
	height: .8rem;
	background: url(../img/img.png) center center no-repeat;
	background-size: .68rem .48rem
}

.m-topicList>li>.owner .name {
	font-size: .3rem;
	color: #333;
	padding-left: .2rem;
	margin-bottom: .12rem;
	padding-top: .08rem
}

.m-topicList>li>.owner .date {
	font-size: .26rem;
	color: #9e9e9e;
	padding-left: .2rem
}

.m-topicList>li>.video {
	margin-bottom: .1rem
}

.m-topicList>li>.summary {
	font-size: .25rem;
	color: #333;
	line-height: 1.6;
	margin-bottom: .2rem;
	min-height: .4rem;
	-webkit-user-select: auto;
	user-select: auto;
	-moz-user-select: auto
}

.m-topicList>li>.summary>.url-icon {
	display: none
}

.m-topicList>li>.bar {
	border-top: 1px solid #e8e8e8
}

.m-topicList>li>.bar>a {
	color: #9e9e9e;
	font-size: .24rem;
	padding: .28rem 0
}

.m-topicList>li>.bar>a.location {
	color: #42b1ff
}

.m-topicList>li>.bar>a i {
	font-size: .22rem;
	margin-right: .1rem;
	padding-left: .2rem
}

.m-topicList>li>.bar>a.z-done {
	color: #ff96b5
}

.m-topicList>li>.bar>a>em {
	font-style: normal
}

.m-topicList>li>.bar>a>em:before {
	content: "��"
}

.m-topicList>li>.bar>a.z-done>em:before {
	content: "��"
}

.m-topicList>li>.feed {
	position: absolute;
	right: .1rem;
	top: .1rem;
	line-height: .4rem;
	height: .4rem;
	color: #e41053;
	padding-top: .1rem;
	padding-right: .1rem
}

html.s-pc .m-topicList>li>.feed {
	cursor: pointer
}

.m-topicList>li>.feed i {
	font-size: .34rem;
	vertical-align: top;
	margin-left: .06rem
}

.m-topicList>li>.feed>.num {
	font-size: .2rem
}

.m-topicList>li>.lastSeen {
	position: absolute;
	top: 0;
	height: .36rem;
	line-height: .36rem;
	font-size: .22rem;
	background-color: #ff96b5;
	color: #fff;
	width: 1.4rem;
	left: 50%;
	margin-left: -.7rem;
	text-align: center;
	display: none
}

.m-share {
	padding: .32rem .12rem
}

.m-share>a {
	color: #333;
	font-size: .2rem
}

.m-share>a i {
	font-size: .44rem;
	display: block;
	margin: 0 auto .1rem auto;
	border-radius: .06rem;
	background-color: #ccc;
	width: .64rem;
	height: .64rem;
	line-height: .64rem;
	color: #fff
}

.m-share>a.qzone i {
	background-color: #ffce00
}

.m-share>a.weibo i {
	background-color: #d32024
}

.m-share>a.qfriend i {
	background-color: #4cafe9
}

.m-share>a.copy i {
	background-color: #61d86f
}

.m-webInfo {
	text-align: center;
	font-size: .2rem;
	padding: .2rem .24rem;
	line-height: 1.6;
	color: #666
}

#J-FU_debug {
	display: none
}

html.s-admin #J-FU_debug {
	display: block
}

.m-article {
	background-color: #fff;
	padding: .24rem
}

.m-article>.ct {
	color: #333;
	font-size: .26rem;
	line-height: 1.8;
	min-height: 4rem
}

.m-article>.ct>pre {
	font-size: .24rem;
	white-space: pre-wrap!important;
	word-wrap: break-word!important;
	font-family: "Microsoft YaHei",Tahoma,SimSun,sans-serif
}

.u-mzsm {
	text-align: left;
	font-size: .2rem;
	color: #666
}

.u-mzsm input {
	font-size: .2rem
}

.m-QA {
	padding-bottom: .2rem
}

.m-QA>.Q {
	color: #b77730;
	font-weight: 700
}

.m-QA>.A {
	color: #333;
	text-align: justify
}

.m-QA>.A>span {
	font-weight: 700
}

.m-QA>.A>div {
	text-align: justify;
	word-break: break-word
}

.m-FAQ>.F {
	border-bottom: 1px solid #f5f5f5;
	background-color: #fff;
	padding: .24rem;
	line-height: 1.8;
	margin-bottom: .12rem
}

.m-FAQ>.F .A {
	font-size: .26rem;
	color: #000;
	font-weight: 700;
	margin-bottom: .12rem
}

.m-FAQ>.F .Q {
	font-size: .24rem;
	color: #333
}

.m-topic {
	background-color: #fff;
	padding: 1rem .24rem 0 .24rem
}

.m-topic>.details {
	font-size: .25rem;
	line-height: 1.6;
	min-height: 2rem;
	color: #333;
	-webkit-user-select: auto;
	user-select: auto;
	-moz-user-select: auto
}

.m-topic>.video {
	margin-bottom: .2rem
}

.m-topic>.info {
	font-size: .2rem;
	color: #999;
	padding: .16rem .24rem;
	background-color: #fafafa;
	margin-left: -.24rem;
	margin-right: -.24rem
}

.m-topic>.info>.f-fl a {
	display: inline-block;
	border: 1px solid #a9a9a9;
	height: .3rem;
	line-height: .3rem;
	border-radius: .06rem;
	padding: .04rem .1rem;
	color: #a9a9a9;
	font-size: .2rem
}

.m-topic>.info>.f-fl a i {
	font-size: .24rem;
	margin-right: .04rem
}

.m-topic>.info>.f-fl a.z-done {
	color: #ff96b5;
	border-color: #ff96b5
}

.m-topic>.info>.f-fr {
	line-height: .38rem;
	padding-top: 1px;
	padding-bottom: 1px
}

.m-topic>.feed {
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 1.2rem;
	margin: 0 auto;
	margin-bottom: .3rem;
	background-color: #e41053;
	color: #fff;
	text-align: center;
	border: .06rem solid rgba(0,0,0,.08);
	box-shadow: 0 0 .04rem rgba(0,0,0,.55)
}

.m-topic>.feed>i {
	font-size: .6rem;
	padding-top: .16rem;
	padding-bottom: .08rem
}

.m-topic>.feed>.txt {
	font-size: .18rem;
	padding: .1rem .2rem;
	padding-top: 0
}

.m-imgView {
	overflow: hidden;
	margin-bottom: .2rem
}

.m-imgView>div {
	width: 32%;
	height: 2rem;
	float: left;
	margin-left: 2%;
	margin-bottom: 2%;
	overflow: hidden;
	position: relative;
	background: rgba(0,0,0,.3) url(../img/img.png) center center no-repeat;
	background-size: .5rem .5rem
}

.m-imgView>div img {
	display: block;
	width: 100%;
	height: 100%
}

.m-imgView>div:first-child {
	margin-left: 0
}

.m-imgView>div:nth-child(3n+1) {
	margin-left: 0
}

.m-imgView>div.s-gif::before {
	content: "GIF";
	font-size: .2rem;
	position: absolute;
	z-index: 2;
	background-color: rgba(0,0,0,.4);
	color: #fff;
	height: .3rem;
	line-height: .3rem;
	width: .5rem;
	text-align: center;
	top: 0;
	left: 0
}

.m-imgView[data-len="1"]>div {
	display: block;
	width: 4.5rem;
	height: 2.8rem;
	text-align: center;
	line-height: 2.8rem
}

.m-imgView[data-len="1"]>div img {
	width: auto;
	height: auto;
	display: inline
}

.m-imgView.s-video>div:before {
	pointer-events: none;
	-webkit-pointer-events: none;
	z-index: 2;
	font-family: pwtv;
	content: "\e74f";
	position: absolute;
	width: 1rem;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	top: 50%;
	left: 50%;
	margin-left: -.5rem;
	margin-top: -.5rem;
	font-size: .8rem;
	color: rgba(255,255,255,.8);
	text-shadow: 0 0 .1rem rgba(0,0,0,.25)
}

.m-imgView.s-video>div>.shade {
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.4)
}

.m-imgView.s-video>div img {
	-webkit-user-select: none;
	user-select: none;
	-moz-user-select: none
}

.m-FU_modal>.p-title {
	font-size: .28rem;
	color: #000;
	padding: 0;
	height: .8rem;
	line-height: .8rem
}

.m-FU_modal .p-close:hover {
	color: #d4d4d4
}

.m-FU_modal.s-video {
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 0;
	background-color: rgba(0,0,0,.85)
}

.m-FU_modal.s-video>.p-ct {
	position: absolute;
	top: .6rem;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0;
	margin: 0;
	background: url(../svg/loadmore.svg) center center no-repeat;
	background-size: 30%
}

.m-FU_modal.s-video>.p-ct video {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear
}

.m-FU_modal.s-wxshare {
	top: 0!important;
	margin-top: 0!important;
	background-color: transparent
}

.m-FU_modal.s-wxshare>.p-ct {
	background-color: transparent;
	color: #fff;
	text-align: center;
	font-size: .32rem;
	padding-top: 2rem
}

.m-FU_modal.s-wxshare>.p-ct i {
	font-size: .4rem;
	margin: 0 .1rem
}

.m-FU_modal.s-wxshare>.p-ct .u-FU_btn {
	height: .6rem;
	line-height: .6rem;
	border-radius: .04rem;
	font-size: .26rem
}

.m-FU_modal.s-wxshare>.p-ct .tips {
	font-size: .22rem;
	margin-bottom: .2rem
}

.m-botInput {
	background-color: rgba(249,249,249,.95);
	border-top: 1px solid #ccc;
	padding: .2rem .24rem;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}

.m-botInput .input {
	display: block;
	overflow: hidden;
	padding-left: .3rem;
	padding-right: 2px;
	padding-bottom: 2px
}

.m-botInput .input input {
	display: block;
	border-radius: 0;
	font-size: .3rem;
	width: 100%;
	padding: 0 .15rem;
	height: .58rem;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	color: #333;
	margin-left: -.3rem
}

.m-botInput .u-FU_btn {
	font-size: .3rem;
	height: .58rem;
	line-height: .6rem;
	margin-left: .18rem;
	padding: 0 .2rem;
	width: auto;
	border-radius: .06rem
}

.u-shade {
	background-color: #000;
	opacity: .65;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	display: none;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-will-change: transform,opacity;
	will-change: transform,opacity
}

.u-bar {
	height: .3rem;
	line-height: .3rem;
	padding: .24rem
}

.u-bar>.txt {
	font-size: .24rem;
	color: #ccc;
	margin-right: .06rem
}

.u-bar>.line {
	background-color: #ccc;
	height: 1px;
	top: 50%;
	overflow: hidden;
	position: relative
}

.u-title {
	text-align: center;
	font-size: .34rem;
	color: #333;
	padding: .2rem;
	border-bottom: .02rem solid #e0dfdf;
	background-color: #fff
}

.u-title2 {
	margin: .24rem;
	margin-bottom: .24rem;
	border-left: .06rem solid #ff96b5;
	padding-left: .12rem;
	font-size: .26rem
}

.u-title3 {
	background-color: #fff;
	padding: .16rem .24rem;
	text-align: center
}

.u-title3 span {
	font-size: .3rem;
	color: #000;
	border-bottom: .04rem solid #00a6ff;
	display: inline-block;
	padding: .12rem .06rem
}

.u-badge {
	position: absolute;
	top: .04rem;
	right: 12%;
	font-style: normal;
	font-size: .24rem;
	color: #fff;
	text-align: center;
	height: .36rem;
	line-height: .36rem;
	border-radius: .36rem;
	background-color: #ff4949;
	padding: 0 .1rem;
	min-width: .16rem
}

.m-userList {
	margin-bottom: .2rem;
	min-height: .8rem
}

.m-userList>li {
	width: .68rem;
	height: .68rem;
	margin-left: .24rem;
	margin-bottom: .12rem;
	float: left
}

.m-userList>li img {
	width: .68rem;
	height: .68rem;
	border-radius: .12rem
}

.m-userList>li:nth-child(1) {
	-webkit-animation: FU_fadeInL 0s .3s ease both
}

.m-userList>li:nth-child(2) {
	-webkit-animation: FU_fadeInL .3s .3s ease both
}

.m-userList>li:nth-child(3) {
	-webkit-animation: FU_fadeInL .6s .3s ease both
}

.m-userList>li:nth-child(4) {
	-webkit-animation: FU_fadeInL .9s .3s ease both
}

.m-userList>li:nth-child(5) {
	-webkit-animation: FU_fadeInL 1.2s .3s ease both
}

.m-userList>li:nth-child(6) {
	-webkit-animation: FU_fadeInL 1.5s .3s ease both
}

.m-msgMenu {
	background-color: #fff;
	border-radius: .2rem;
	margin-left: .24rem;
	margin-right: .24rem
}

.m-msgMenu>a {
	display: block;
	padding: 0 .24rem;
	font-size: .3rem;
	color: #333;
	padding-top: .12rem;
	position: relative
}

.m-msgMenu>a>.u-badge {
	top: 50%;
	margin-top: -.18rem;
	right: .24rem
}

.m-msgMenu>a>i {
	width: .72rem;
	height: .72rem;
	line-height: .72rem;
	text-align: center;
	border-radius: .12rem;
	font-size: .4rem;
	background-color: #2dcd93;
	margin-right: .24rem;
	color: #fff;
	float: left;
	background: -webkit-linear-gradient(#2dcd93,#64dc53);
	background: -o-linear-gradient(#2dcd93,#64dc53);
	background: -moz-linear-gradient(#2dcd93,#64dc53);
	background: linear-gradient(#2dcd93,#64dc53)
}

.m-msgMenu>a>span {
	overflow: hidden;
	display: block;
	height: .72rem;
	line-height: .72rem;
	border-bottom: 1px solid #eee;
	padding-bottom: .12rem
}

.m-msgMenu>a:last-child>span {
	border-bottom: none
}

.m-msgMenu>a.s-blue>i {
	background: -webkit-linear-gradient(#727bff,#9786ff);
	background: -o-linear-gradient(#727bff,#9786ff);
	background: -moz-linear-gradient(#727bff,#9786ff);
	background: linear-gradient(#727bff,#9786ff)
}

.m-msgMenu>a.s-yellow>i {
	background: -webkit-linear-gradient(#fdc52f,#ffd825);
	background: -o-linear-gradient(#fdc52f,#ffd825);
	background: -moz-linear-gradient(#fdc52f,#ffd825);
	background: linear-gradient(#fdc52f,#ffd825)
}

.m-userList2 {
	background-color: #fff;
	margin-bottom: .4rem
}

.m-userList2>li:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.m-userList2>li:first-child {
	border-top: none
}

.m-userList2>li {
	margin: 0 .24rem;
	border-top: 1px solid #eee;
	padding: .18rem 0;
	position: relative
}

.m-userList2>li>.status {
	width: .2rem;
	height: .2rem;
	border-radius: .2rem;
	background-color: rgba(13,199,100,.95);
	position: absolute;
	left: .58rem;
	bottom: .18rem
}

.m-userList2>li img {
	width: .72rem;
	height: .72rem;
	border-radius: .12rem;
	margin-right: .24rem;
	background-color: rgba(0,0,0,.4)
}

.m-userList2>li .right {
	padding-left: .1rem;
	text-align: right
}

.m-userList2>li .right .juli {
	font-size: .22rem;
	color: #c6c6c6;
	margin-bottom: .2rem
}

.m-userList2>li .right>.btn {
	height: .6rem;
	line-height: .6rem;
	border-radius: .06rem;
	margin-top: .06rem
}

.m-userList2>li .right .u-badge {
	position: absolute;
	right: 0;
	top: auto;
	display: inline-block
}

.m-userList2>li .right .num {
	display: inline-block;
	font-size: .24rem;
	color: #fff;
	text-align: center;
	height: .36rem;
	line-height: .36rem;
	border-radius: .36rem;
	background-color: #ff4949;
	padding: 0 .1rem;
	min-width: .16rem
}

.m-userList2>li .mid {
	height: .72rem
}

.m-userList2>li .mid .name {
	font-size: .3rem;
	color: #333;
	padding: .02rem 0;
	min-height: .3rem
}

.m-userList2>li .mid .name>.sex {
	margin-left: .04rem;
	color: #4cafc4;
	font-size: .28rem
}

.m-userList2>li .mid .name>.sex.s-1::before {
	content: "\e71c"
}

.m-userList2>li .mid .name>.sex.s-2 {
	color: #e8439d
}

.m-userList2>li .mid .name>.sex.s-2::before {
	content: "\e71a"
}

.m-userList2>li .mid .ct {
	font-size: .24rem;
	color: #999;
	padding: .12rem 0;
	min-height: .26rem
}

.m-userList2.s-msg {
	border-radius: .2rem;
	margin-left: .24rem;
	margin-right: .24rem
}

.m-userList2.s-msg>li[data-istop="2"] {
	border-top: .06rem solid #f5f5f5
}

.m-userList2.s-wb>li .bot {
	overflow: hidden;
	padding-top: .12rem
}

.m-userList2.s-wb>li .bot>div:first-child {
	margin-right: .12rem;
	text-align: left
}

.m-userList2.s-wb>li .bot div {
	font-size: .22rem;
	color: #999;
	height: .3rem;
	line-height: .3rem;
	text-align: right
}

.m-userList2.s-wb>li .bot div i {
	margin-right: .04rem;
	font-size: .26rem;
	height: .3rem;
	width: .3rem;
	line-height: .3rem;
	vertical-align: middle
}

.m-commentList {
	padding: .24rem;
	background-color: #fafafa
}

.m-commentList>li:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.m-commentList>li:last-child {
	padding-bottom: 0
}

.m-commentList>li:last-child>.wrap {
	border-bottom: none
}

.m-commentList>li {
	padding: .1rem 0
}

.m-commentList>li>.avatar {
	margin-right: .14rem;
	width: .54rem;
	height: .54rem
}

.m-commentList>li>.avatar img {
	width: .54rem;
	height: .54rem;
	border-radius: .54rem;
	border: 1px solid #f0f0f0
}

.m-commentList>li>.wrap {
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	padding-top: 2px
}

.m-commentList>li>.wrap .praise {
	position: absolute;
	right: 0;
	top: 1px;
	font-size: .2rem;
	color: #ccc;
	border: 1px solid #ccc;
	border-radius: .06rem;
	text-align: center;
	padding: 0 .07rem;
	height: .34rem;
	line-height: .34rem
}

.m-commentList>li>.wrap .praise.z-done {
	color: #ff96b5;
	border-color: #ff96b5
}

.m-commentList>li>.wrap .name {
	font-size: .24rem;
	color: #333;
	margin-bottom: .12rem
}

.m-commentList>li>.wrap .time {
	font-size: .2rem;
	color: #ccc
}

.m-commentList>li>.wrap .ct {
	font-size: .22rem;
	color: #333;
	padding: .2rem 0;
	line-height: 1.4
}

.m-commentList>li>.wrap .quote {
	font-size: .24rem;
	color: #333;
	margin-bottom: .24rem;
	padding: .16rem .24rem;
	background-color: #fff;
	line-height: 1.25
}

.m-commentList>li>.wrap .quote>div {
	margin-bottom: .04rem;
	font-size: .22rem;
	line-height: 1.6
}

.m-commentList>li>.wrap .quote>div>span {
	color: #1b82d2;
	font-size: .24rem
}

.m-publish {
	background-color: #fff;
	margin-bottom: 1.2rem
}

.m-publish>.summary>textarea {
	width: 92%;
	padding: .32rem 4%;
	border: none;
	font-size: .28rem;
	color: #333;
	line-height: 1.6;
	height: 2rem
}

.m-publish>.btn {
	padding: .2rem;
	background-color: #fff;
	border-top: 1px solid #e7e7e7
}

.m-publish>.btn a {
	display: block;
	background-color: #efa166;
	color: #fff;
	height: .82rem;
	font-size: .3rem;
	text-align: center;
	line-height: .82rem
}

.m-publish>.attach {
	margin-left: .24rem;
	margin-bottom: .1rem;
	padding-top: .24rem;
	margin-right: .4rem
}

.m-publish>.attach>div {
	cursor: pointer;
	position: relative;
	float: left;
	background-color: #f3f5f9;
	width: 1.54rem;
	height: 1.54rem;
	line-height: 1.54rem;
	margin-left: .16rem;
	margin-bottom: .16rem;
	text-align: center;
	overflow: hidden
}

.m-publish>.attach>div>.icon {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	text-align: center
}

.m-publish>.attach>div>.icon i {
	display: block;
	font-size: .4rem;
	margin-bottom: .14rem;
	width: .4rem;
	height: .4rem;
	margin-left: auto;
	margin-right: auto
}

.m-publish>.attach>div>.icon div {
	font-size: .24rem;
	color: #999
}

.m-publish>.attach>div>input[type=file] {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 999rem;
	padding: 0;
	margin: 0;
	opacity: 0;
	cursor: pointer
}

.m-publish>.attach>div>img {
	max-width: none;
	max-height: none;
	opacity: 0
}

.m-publish>.attach>div>img.z-vetically {
	opacity: 1
}

.m-publish>.attach>div>.progress {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.45);
	color: #fff;
	font-weight: 700;
	font-size: .26rem;
	display: none
}

.m-publish>.attach>div>.remove {
	position: absolute;
	right: 0;
	top: 0;
	width: .5rem;
	line-height: .5rem;
	height: .5rem;
	text-align: center;
	background-color: rgba(0,0,0,.6);
	color: #fff;
	border-bottom-left-radius: .04rem;
	font-size: .3rem
}

.m-publish>.attach>div.z-upload>.progress {
	display: block
}

.m-publish>.tips {
	font-size: .18rem;
	color: #999;
	padding: .24rem .4rem;
	line-height: 1.6
}

.m-publish>.adminMenu {
	padding: .1rem .4rem;
	font-size: .2rem
}

.m-catList {
	padding-bottom: .48rem
}

.m-catList>li {
	background-color: #fff;
	padding: .24rem;
	border-radius: .18rem;
	position: relative;
	min-height: 2.8rem;
	margin: .14rem .24rem
}

.m-catList>li>.id {
	position: absolute;
	right: .16rem;
	top: .16rem;
	height: .34rem;
	line-height: .34rem;
	font-size: .2rem;
	background-color: #fef9d7;
	color: #c7ab1a;
	border-radius: .34rem;
	padding: 0 .12rem
}

.m-catList>li>.info>.name {
	font-size: .5rem;
	color: #000;
	margin-bottom: .2rem
}

.m-catList>li>.info {
	position: absolute;
	top: 1rem;
	left: 2.4rem
}

.m-catList>li>.info>li {
	margin-bottom: .1rem;
	color: #333;
	font-size: .26rem
}

.m-catList>li>.avatar {
	position: absolute;
	width: 1.6rem;
	height: 1.6rem;
	left: .1rem;
	top: 50%;
	margin-top: -.8rem;
	border-radius: 1.6rem;
	border: .1rem solid #ddd
}

.m-addCat {
	padding: .24rem;
	background-color: #fff;
	padding-top: .4rem
}

.m-addCat input {
	border: none;
	width: 100%;
	padding: 0;
	height: .6rem;
	font-size: .24rem
}

.m-addCat>.avatar {
	text-align: center;
	padding-bottom: 0;
	border: .04rem solid #ccc;
	width: 1.5rem;
	height: 1.5rem;
	margin: 0 auto;
	border-radius: 1.5rem;
	overflow: hidden;
	position: relative
}

.m-addCat>.avatar img {
	display: block
}

.m-addCat>.nickname input {
	height: .8rem;
	font-size: .34rem;
	text-align: center
}

.m-addCat>div {
	margin-bottom: .2rem;
	border-bottom: 1px dashed #9f9f9f;
	padding-bottom: .12rem;
	line-height: .6rem
}

.m-addCat>div:last-child {
	border-bottom: none
}

.m-addCat>div>span {
	font-size: .26rem;
	margin-right: .12rem
}

.m-userSwiper.swiper-container {
	height: 2.5rem;
	background-color: #353535
}

.m-chatServiceList.swiper-container {
	padding-top: .1rem
}

.m-chatServiceList.swiper-container .swiper-pagination {
	bottom: auto;
	top: .06rem
}

.m-chatServiceList.swiper-container .swiper-pagination-bullet {
	width: .16rem;
	height: .06rem;
	border-radius: .06rem
}

.m-chatServiceList.swiper-container .swiper-pagination-bullet-active {
	background-color: #1d9aff
}

.m-indexBanner {
	overflow: hidden;
	margin: .2rem;
	border-radius: .1rem
}

.m-indexBanner.swiper-container .swiper-pagination-bullet-active {
	background-color: #fff
}

.m-indexBanner.swiper-container .swiper-slide img {
	width: 6rem;
	height: 2.4rem;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: .1rem
}

html.s-pc .m-indexBanner.swiper-container .swiper-slide img {
	width: 7.1rem;
	height: 2.84rem
}

.m-userSwiper.swiper-container-horizontal>.swiper-pagination-bullets {
	text-align: left;
	left: .12rem;
	right: .12rem;
	width: auto
}

.m-userSwiper .swiper-slide {
	text-align: center
}

.swiper-pagination-bullet-active {
	background-color: #ff96b5
}

.m-userCard {
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	top: 0
}

.m-userCard>.bg {
	height: 2.5rem;
	position: relative
}

.m-userCard>.bg>.follow {
	transform: translate3d(0,0,0);
	z-index: 2;
	position: absolute;
	right: .12rem;
	bottom: .12rem;
	height: .52rem;
	line-height: .52rem;
	font-size: .22rem;
	background-color: rgba(0,0,0,.3);
	color: #fff;
	border-radius: .06rem
}

.m-userCard>.bg>.follow::after {
	content: "�ӹ�ע"
}

.m-userCard>.bg>.follow.z-done {
	background-color: rgba(0,0,0,.5)
}

.m-userCard>.bg>.follow.z-done::after {
	content: "�ѹ�ע"
}

.m-userCard>.bg>.follow>i {
	font-size: .22rem;
	margin-right: .06rem
}

.m-userCard>.bg>.follow>i::before {
	content: "\e767"
}

.m-userCard>.bg>.follow.z-done>i::before {
	content: "\e645"
}

.m-userCard>.bg>.s-wxapp.follow::after {
	content: "�ӹ�ע"
}

.m-userCard>.bg>.s-wxapp.follow.z-done::after {
	content: "�ѹ�ע"
}

.m-userCard>.bg>.fans {
	position: absolute;
	right: .12rem;
	bottom: .8rem;
	font-size: .24rem;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,.8);
	z-index: 2
}

.m-userCard>.main {
	background-color: #fff;
	position: relative;
	padding-top: 1.3rem;
	padding-bottom: .3rem
}

.m-userCard>.main>.avatar {
	z-index: 2;
	width: 2rem;
	height: 2rem;
	overflow: hidden;
	background-color: rgba(255,255,255,.15);
	border-radius: 2rem;
	position: absolute;
	left: 50%;
	margin-left: -1rem;
	top: -1rem;
	border: .1rem solid transparent;
	box-shadow: 0 0 .1rem rgba(0,0,0,.3);
	box-sizing: border-box;
	overflow: hidden
}

.m-userCard>.main>.avatar img {
	width: 100%;
	height: 100%;
	transform: translate3d(0,0,0)
}

.m-userCard>.main>.room {
	position: absolute;
	left: 0;
	top: .2rem;
	height: .4rem;
	line-height: .4rem;
	font-size: .22rem;
	padding: 0 .12rem;
	color: #fff;
	background-color: #14a6e0;
	border-top-right-radius: .06rem;
	border-bottom-right-radius: .06rem
}

.m-userCard>.main>.status {
	position: absolute;
	right: 0;
	top: .2rem;
	height: .4rem;
	line-height: .4rem;
	font-size: .22rem;
	padding: 0 .12rem;
	color: #fff;
	background-color: #0dc764;
	border-top-left-radius: .06rem;
	border-bottom-left-radius: .06rem
}

.m-userCard>.main>.status[data-status="0"] {
	background-color: #ababab
}

.m-userCard>.main>.status[data-status="0"]::before {
	content: "����"
}

.m-userCard>.main>.status[data-status="1"]::before {
	content: "����"
}

.m-userCard>.main>.status[data-status="2"] {
	background-color: #f1654f
}

.m-userCard>.main>.status[data-status="2"]::before {
	content: "æµ"
}

.m-userCard>.main>.status[data-status="3"]::before {
	content: "΢�Ž�������"
}

.m-userCard>.main>.nickname {
	text-align: center;
	font-size: .36rem;
	color: #000;
	line-height: 1.4
}

.m-userCard>.main>.nickname>.sex {
	margin-left: .04rem;
	color: #4cafc4;
	font-size: .28rem
}

.m-userCard>.main>.nickname>.sex.s-1::before {
	content: "\e71c"
}

.m-userCard>.main>.nickname>.sex.s-2 {
	color: #e8439d
}

.m-userCard>.main>.nickname>.sex.s-2::before {
	content: "\e71a"
}

.m-userCard>.main>.nickname>.group {
	display: inline-block;
	vertical-align: middle;
	background-color: #fde53d;
	color: #fff;
	border-radius: .2rem;
	padding: .06rem .12rem;
	font-size: .18rem;
	margin-right: .12rem
}

.m-userCard>.main>.act {
	padding: .24rem;
	text-align: center
}

.m-userCard>.main>.act>.btn {
	border-radius: .1rem;
	min-width: 1.8rem
}

.m-lv {
	width: 3.58rem
}

.m-lv>div {
	height: .34rem;
	background-color: #f0f0f0;
	position: relative;
	margin-left: .5rem;
	border-radius: .3rem;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.m-lv>div>.txt {
	right: 0;
	opacity: .8;
	position: absolute;
	font-size: .2rem;
	height: .34rem;
	line-height: .34rem;
	left: -.4rem;
	color: #333;
	padding-left: .54rem;
	text-shadow: 0 0 .06rem rgba(233,233,233,.8);
	font-weight: 700
}

.m-lv>div>.bar {
	border-radius: .3rem;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background-color: #efb0b0;
	height: .34rem;
	background-image: -webkit-linear-gradient(0deg,#f7d6d6,#efb0b0)
}

.m-lv>div.lv1 {
	margin-bottom: .1rem
}

.m-lv>div.lv2>.bar {
	background-color: #d8c53f;
	background-image: -webkit-linear-gradient(0deg,#efe8ba,#d8c53f)
}

.m-lv>div.lv1>.txt {
	background: url(../img/lv1.png) left center no-repeat;
	background-size: .24rem .24rem
}

.m-lv>div.lv2>.txt {
	background: url(../img/lv2.png) left center no-repeat;
	background-size: .24rem .24rem
}

.m-lv>div>.txt>.f-fr {
	color: #fff;
	padding-right: .1rem;
	font-size: .18rem;
	text-shadow: 0 0 .06rem rgba(0,0,0,.8)
}

.u-lv {
	display: inline-block;
	background: #efb0b0 url(../img/lv1.png) .08rem center no-repeat;
	background-size: .24rem .24rem;
	margin-left: .08rem;
	font-size: .18rem;
	padding: .04rem .1rem .04rem .36rem;
	color: #fff;
	border-radius: .06rem;
	vertical-align: middle
}

.u-lv.s-2 {
	background: #d8c53f url(../img/lv2.png) .08rem center no-repeat;
	background-size: .24rem .24rem
}

.m-levelTable>div {
	border-bottom: 1px solid #f5f5f5;
	background-color: #fff;
	font-size: .2rem;
	line-height: 1.6;
	padding: .12rem .24rem
}

.m-levelTable>div:first-child {
	font-weight: 700;
	padding: .24rem;
	border-bottom: 1px solid #ccc
}

.m-levelTable>div:first-child~div>.f-fr {
	color: #b7b448
}

.m-myLevel>.title {
	color: #000;
	padding: .12rem .24rem;
	font-size: .26rem;
	border-left: .03rem solid #b7b448;
	background-color: #fff;
	margin-bottom: .12rem
}

.m-myLevel>.content {
	font-size: .22rem;
	color: #333;
	line-height: 1.8;
	background-color: #fff;
	padding: .24rem;
	margin-bottom: .12rem
}

.m-userCard>.main>.summary {
	text-align: center;
	padding: .22rem
}

.m-userCard>.main>.summary>div {
	text-align: left;
	line-height: 1.6;
	font-size: .28rem;
	color: #7c7c7c;
	display: inline-block
}

.m-userCard>.bar {
	height: .8rem;
	line-height: .8rem;
	position: absolute;
	top: -3rem;
	left: 0;
	right: 0
}

.m-userCard>.bar>a {
	padding: 0 .24rem;
	color: rgba(255,255,255,.8);
	font-size: .26rem
}

.m-userBox>.info {
	height: 1.5rem;
	line-height: 1.5rem;
	padding: .4rem .26rem .3rem .26rem;
	background-color: #fff;
	position: relative
}

.m-userBox>.info>.avatar {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 1.5rem;
	box-shadow: 0 0 1px 1px #efefef;
	margin-right: .26rem
}

.m-userBox>.info>.arrow {
	position: absolute;
	right: .17rem;
	font-size: .4rem;
	color: #aaa;
	height: .4rem;
	top: 50%;
	margin-top: -.2rem;
	text-align: right;
	line-height: 1
}

.m-userBox>.info>.mid {
	display: inline-block;
	font-size: .3rem;
	color: #353535;
	line-height: 1;
	vertical-align: middle
}

.m-userBox>.info>.mid>.name {
	margin-bottom: .1rem;
	padding: .1rem 0;
	font-size: .4rem;
	width: 3.58rem
}

.m-userBox>.info>.mid>.txt {
	font-size: .2rem;
	color: #999;
	margin-bottom: .1rem
}

.m-userBox>.info>.uid {
	position: absolute;
	right: 0;
	top: 0;
	height: .4rem;
	line-height: .4rem;
	font-size: .22rem;
	padding: 0 .12rem;
	color: #fff;
	background-color: #14a6e0;
	border-bottom-left-radius: .12rem
}

.m-userBox>.bar {
	background-color: #fff;
	height: 1.1rem
}

.m-userBox>.bar>a {
	height: 1.1rem;
	text-align: center;
	line-height: 1;
	position: relative
}

.m-userBox>.bar>a:after {
	content: "";
	position: absolute;
	height: .3rem;
	width: 1px;
	background-color: #eee;
	right: 0;
	top: 50%;
	margin-top: -.15rem
}

.m-userBox>.bar>a:last-child:after {
	display: none
}

.m-userBox>.bar>a>.num {
	font-size: .26rem;
	color: #f33;
	padding-top: .28rem;
	padding-bottom: .1rem
}

.m-userBox>.bar>a>.txt {
	font-size: .22rem;
	color: #999
}

.m-menuList {
	background-color: #fff;
	overflow: hidden;
	margin: .24rem;
	border-radius: .12rem
}

.m-menuList>a {
	position: relative;
	display: block;
	height: .86rem;
	line-height: .86rem;
	padding-right: .86rem;
	padding-left: .26rem;
	font-size: .3rem;
	color: #333
}

.m-menuList>a:after {
	content: "";
	position: absolute;
	height: 1px;
	background-color: #eee;
	bottom: 0;
	left: .26rem;
	right: 0
}

.m-menuList>a:last-child:after {
	display: none
}

.m-menuList>a:before {
	content: "\e603";
	font-family: fuicon;
	position: absolute;
	font-size: .4rem;
	right: .08rem;
	color: #999
}

.m-menuList>a>em {
	display: inline-block;
	position: static;
	margin-left: .1rem;
	vertical-align: text-top
}

.m-menuList>a>i {
	font-size: .34rem;
	margin-right: .06rem;
	vertical-align: 0
}

.m-menuList>a:active {
	background-color: #fafafa
}

.m-menuList>a>.tips {
	font-size: .2rem;
	color: #ccc
}

.m-cell {
	background-color: #fff
}

.m-cell>li {
	position: relative;
	background-color: #fff;
	min-height: .8rem;
	line-height: .8rem;
	border-top: 1px solid #f4f4f4;
	margin-left: .24rem;
	margin-right: .24rem;
	font-size: .28rem;
	color: #000
}

.m-cell>li:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.m-cell>li:first-child {
	border-top: none
}

.m-cell>li.title {
	line-height: 1;
	min-height: 0;
	font-size: .24rem;
	color: #999;
	background-color: #f9f9f9;
	margin-left: 0;
	margin-right: 0;
	border-top: none;
	padding: .12rem .24rem;
	overflow: hidden
}

.m-cell>li.title a {
	color: #999
}

.m-cell>li.title+li {
	border-top: none
}

.m-cell>li>.left {
	float: left;
	margin-right: .1rem;
	font-size: .26rem;
	color: #666
}

.m-cell>li>.right {
	overflow: hidden;
	color: #000;
	text-align: right;
	position: relative
}

.m-cell>li>.right>.u-FU_btn {
	height: .56rem;
	line-height: .56rem;
	border-radius: .04rem;
	font-size: .22rem
}

.m-cell>li>.right>input {
	background-color: transparent;
	display: block;
	width: 100%;
	height: .8rem;
	border: none;
	padding: 0;
	border-radius: 0;
	font-size: .28rem;
	color: #000;
	text-align: right;
	z-index: 1
}

.m-cell>li>.right>textarea {
	width: 100%;
	height: 1.6rem;
	padding: 0;
	border: none;
	box-shadow: none;
	line-height: 1.6;
	font-size: .28rem;
	color: #000
}

.m-cell>li>.right>textarea::placeholder {
	color: #999
}

.m-cell>li.s-textarea>.right {
	overflow: visible
}

.m-cell>li>.right>.img {
	width: 1rem;
	height: 1rem;
	position: relative;
	border-radius: .1rem;
	overflow: hidden;
	margin-top: .1rem
}

.m-cell>li>.right>.img>.progress {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.6);
	color: #fff;
	text-align: center;
	line-height: 1rem;
	font-size: .22rem;
	display: none
}

.m-cell>li>.right>.img img {
	height: 1rem;
	width: 1rem;
	display: block
}

.m-cell>li>.right>.img.z-upload>.progress {
	display: block
}

.m-cell>li.s-arrow:before {
	content: "\e603";
	font-family: fuicon;
	position: absolute;
	right: -.1rem;
	text-align: right;
	font-size: .4rem;
	height: .4rem;
	line-height: .4rem;
	top: 50%;
	margin-top: -.2rem;
	color: #999
}

.m-cell>li input[type=file] {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	-webkit-appearance: none;
	font-size: 1000em;
	opacity: 0;
	left: 0;
	top: 0
}

.m-cell>li.s-high {
	height: 1.2rem;
	line-height: 1.2rem
}

.m-cell>li.s-arrow>.right {
	padding-right: .4rem
}

.m-cell>li>.right>.u-FU_number>.p-input {
	width: .6rem
}

.m-cell>li.user {
	padding-top: .4rem;
	text-align: center
}

.m-cell>li.user>.avatar {
	width: 1.6rem;
	height: 1.6rem;
	margin: 0 auto;
	margin-bottom: .2rem;
	position: relative;
	border-radius: .1rem
}

.m-cell>li.user>.avatar>.progress {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.6);
	color: #fff;
	text-align: center;
	line-height: 1.6rem;
	font-size: .22rem;
	display: none
}

.m-cell>li.user>.avatar.z-upload>.progress {
	display: block
}

.m-cell>li.user>.avatar img {
	border-radius: .1rem;
	width: 100%;
	height: 100%;
	background-color: #212121
}

.m-cell>li.user>.name {
	text-align: center;
	min-height: .4rem;
	line-height: .4rem;
	padding-bottom: .2rem
}

.m-cell>li.user>.btn {
	margin-bottom: .24rem;
	border-radius: .1rem;
	height: .6rem;
	line-height: .6rem
}

.m-cell>li.user>.voice {
	padding-bottom: .12rem
}

.m-cell>li.user>.voice>.m-voicePlay {
	width: 1.6rem;
	display: block;
	margin-left: auto;
	margin-right: auto;
	float: none
}

.m-cell>li.user>.voice>.txt {
	padding: .12rem;
	text-align: center;
	line-height: 1;
	padding-bottom: 0
}

.m-cell>li.user>.voice>.txt div {
	display: inline-block;
	text-align: left;
	font-size: .18rem;
	color: #666;
	line-height: 1.4
}

.m-cell>li.user>.summary {
	padding: .12rem .24rem;
	text-align: center;
	border-top: 1px dashed #d5d5d5;
	line-height: 1
}

.m-cell>li.user>.summary div {
	display: inline-block;
	text-align: left;
	font-size: .26rem;
	line-height: 1.6;
	color: #333
}

.m-cell>li.hr {
	height: .1rem;
	min-height: 0;
	background-color: #f9f9f9;
	line-height: 1;
	margin-left: 0;
	margin-right: 0;
	border: none
}

.m-cell>li.hr+li {
	border-top: none
}

.m-cell>li>.tips {
	font-size: .2rem;
	color: #666;
	line-height: 1.6;
	padding: .2rem 0;
	border-top: 1px dashed #ccc
}

.m-cell>li>.tips span {
	color: #e42626
}

.m-cell>li.s-checkbox>.right {
	text-align: center
}

.m-timeRegion>input {
	background-color: transparent;
	height: .8rem;
	border: none;
	padding: 0;
	width: 45%;
	font-size: .28rem;
	color: #000;
	float: left
}

.m-timeRegion>input:first-child {
	text-align: right
}

.m-timeRegion>span {
	overflow: hidden;
	width: 10%;
	font-size: .28rem;
	color: #000;
	text-align: center;
	float: left
}

.m-timeRegion.s-right>input {
	text-align: left;
	float: right;
	width: .8rem
}

.m-timeRegion.s-right>span {
	float: right;
	width: .3rem
}

.m-timeRegion.s-right>input:first-child {
	text-align: right
}

.m-FU_modal.s-map.s-bot {
	height: 80%
}

.m-FU_modal.s-map.s-bot>.p-ct {
	height: 100%
}

.m-FU_modal.s-map.s-bot>.p-ct iframe {
	width: 100%;
	height: 100%
}

.m-FU_modal.s-map.s-bot>.p-close {
	top: -.7rem;
	color: #fff;
	font-size: .34rem;
	width: .6rem;
	height: .6rem;
	line-height: .6rem;
	border-radius: .1rem;
	background-color: rgba(234,35,35,.6);
	box-shadow: 0 0 .1rem rgba(0,0,0,.2)
}

.m-page {
	text-align: center;
	margin: 0 .24rem;
	padding: .2rem .24rem
}

.m-page>.page {
	display: inline-block;
	text-align: left;
	margin-left: -.12rem
}

.m-page a {
	display: inline-block;
	height: .5rem;
	line-height: .5rem;
	padding: 0 .12rem;
	font-size: .24rem;
	min-width: .26rem;
	border: 1px solid #fc4b4e;
	color: #fc4b4e;
	text-align: center;
	border-radius: .06rem;
	margin-left: .12rem;
	margin-bottom: .12rem
}

.m-page a.z-cur {
	color: #fff;
	background-color: #fc4b4e
}

.m-feed {
	padding-top: .4rem
}

.m-feed>.title {
	text-align: center;
	font-size: .34rem;
	color: #000
}

.m-feed>.avatar {
	text-align: center;
	padding: .2rem 0
}

.m-feed>.avatar img {
	width: 1rem;
	height: 1rem;
	border-radius: 1rem
}

.m-feed>.input {
	padding: .12rem 0;
	text-align: center;
	font-size: .2rem
}

.m-feed>.input input {
	width: 2rem;
	font-size: .26rem;
	height: .6rem;
	color: #000;
	display: inline-block;
	padding: 0 .14rem
}

.m-feed>.list {
	margin-left: -.2rem;
	text-align: center;
	margin-bottom: .2rem
}

.m-feed>.list>div {
	border-radius: .06rem;
	display: inline-block;
	width: 1.4rem;
	background-color: #6e9680;
	color: #fff;
	text-shadow: 0 0 1px #ccc;
	height: .6rem;
	line-height: .6rem;
	font-size: .26rem;
	text-align: center;
	margin-left: .2rem;
	margin-bottom: .1rem
}

.m-feed>.tips {
	text-align: center;
	color: #999;
	font-size: .18rem;
	margin-bottom: .2rem
}

.m-feed>.tips span {
	color: #ff96b5
}

.m-feed>.btns {
	text-align: center;
	padding: .2rem
}

.m-feed>.btns>div {
	display: block
}

.m-recharge {
	background-color: #fff;
	padding-bottom: .6rem
}

.m-recharge>.balance {
	padding: .3rem;
	background-color: #1b82d2
}

.m-recharge>.balance>.tips {
	color: #bbdaf2;
	font-size: .24rem;
	margin-bottom: .58rem
}

.m-recharge>.balance>.num {
	color: #fff;
	font-weight: 700;
	font-size: .48rem;
	text-shadow: 0 0 3px rgba(0,0,0,.2)
}

.m-recharge>.input {
	padding: .24rem .4rem;
	padding-bottom: .1rem;
	text-align: center
}

.m-recharge>.input input {
	width: 90%;
	padding: 0 5%;
	height: .68rem;
	font-size: .28rem
}

.m-recharge>.fee {
	width: 5.8rem;
	margin-left: auto;
	margin-right: auto;
	padding-top: .4rem
}

.m-recharge>.fee>div {
	width: 1.56rem;
	height: .58rem;
	line-height: .58rem;
	border-radius: .58rem;
	float: left;
	background-color: #a1ab15;
	color: #fff;
	font-size: .3rem;
	text-align: center;
	margin: 0 0 .28rem .28rem
}

.m-recharge>.tips {
	padding: 0 .4rem .2rem .4rem;
	font-size: .18rem;
	color: #666;
	line-height: 1.6
}

.m-recharge>.tips span {
	color: #ff532a
}

.m-recharge>.txt {
	font-size: .18rem;
	color: #999;
	padding: .02rem .4rem
}

.m-recharge>.btns {
	padding: .12rem .4rem
}

.m-recharge>.btns>.u-FU_btn {
	border-radius: .1rem;
	display: block;
	margin-bottom: .2rem;
	background-color: #1b82d2;
	border: 1px solid #1b82d2
}

html.s-pc .m-recharge>.btns>.u-FU_btn:hover {
	background-color: #1b82d2;
	border: 1px solid #1b82d2
}

.m-recharge>.btns>.u-FU_btn:first-child~.u-FU_btn {
	background-color: transparent;
	color: #1b82d2
}

html.s-pc .m-recharge>.btns>.u-FU_btn:first-child~.u-FU_btn:hover {
	background-color: transparent;
	color: #1b82d2
}

.m-recharge>.txt1 {
	padding: 0 .4rem;
	padding-top: .1rem;
	font-size: .22rem;
	color: #333
}

.m-recharge>.txt1 span {
	color: #ff532a
}

.m-recharge>.type {
	margin-bottom: .3rem
}

.m-recharge>.type>div {
	padding: 0 .2rem;
	line-height: .8rem;
	margin: 0 .4rem;
	border-bottom: 1px solid #f5f5f5;
	font-size: .3rem;
	position: relative
}

.m-recharge>.type>div i {
	font-size: .4rem;
	margin-right: .2rem;
	width: .4rem
}

.m-recharge>.type>div.z-check::before {
	content: "\e715";
	font-size: .4rem;
	right: .1rem;
	line-height: .8rem;
	font-family: pwtv;
	position: absolute;
	color: #64b363
}

.m-buildImg>.img {
	text-align: center;
	padding: .12rem 0
}

.m-buildImg>.img img {
	width: 4rem;
	height: 5.52rem;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.m-buildImg>.tips {
	text-align: center;
	font-size: .26rem;
	color: #333;
	line-height: 1.6;
	padding-bottom: .12rem
}

.m-invite {
	background-color: #fff;
	margin: .3rem;
	padding: .24rem;
	margin-top: .7rem;
	font-size: .24rem
}

.m-invite>.box1 {
	padding: .24rem .12rem;
	background-color: #fff;
	border-radius: .04rem;
	margin: 0 .2rem;
	position: relative;
	top: -.5rem;
	box-shadow: 0 0 1px rgba(0,0,0,.3)
}

.m-invite>.box1>div {
	font-size: .3rem;
	color: #333;
	line-height: 1.6;
	position: relative
}

.m-invite>.box1>div:first-child::before {
	content: "";
	position: absolute;
	height: .4rem;
	width: 1px;
	background-color: #d5d5d5;
	top: 50%;
	margin-top: -.2rem;
	right: 0
}

.m-invite>.list1>li {
	padding: .1rem 0;
	border-bottom: 1px dashed #ddd;
	line-height: .46rem;
	font-size: .26rem
}

.m-invite>.list1>li>.img {
	width: .46rem;
	height: .46rem;
	margin-right: .12rem
}

.m-invite>.list1>li img {
	width: .46rem;
	height: .46rem;
	display: block;
	border-radius: .46rem
}

.m-invite>.list1>li>.txt1 {
	color: #000
}

.m-invite>.list1>li>.txt2 {
	color: #e42626;
	font-weight: 700
}

.m-invite>.tips {
	font-size: .22rem;
	color: #666;
	line-height: .3rem;
	padding: .12rem 0;
	margin-bottom: .2rem
}

.m-create {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding: .5rem 0;
	background-color: #fff
}

.m-create.s-card>.canvas {
	width: 5.6rem;
	height: 2.8rem;
	margin: 0 auto .2rem auto;
	padding: .1rem
}

.m-create.s-card .swiper-wrapper {
	height: auto;
	background-color: #ddd
}

.m-create.s-card>.canvas>.shade {
	left: .1rem;
	top: .1rem;
	right: .1rem;
	bottom: .1rem
}

.m-create>.canvas {
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-bottom: .2rem;
	border-radius: .1rem;
	box-shadow: 0 0 .1rem rgba(0,0,0,.3);
	background-image: -webkit-linear-gradient(135deg,rgba(252,220,77,1) 25%,#ffe781 25%,#ffe781 50%,rgba(252,220,77,1) 50%,rgba(252,220,77,1) 75%,#ffe781 75%,#ffe781);
	background-image: -moz-linear-gradient(135deg,rgba(252,220,77,1) 25%,#ffe781 25%,#ffe781 50%,rgba(252,220,77,1) 50%,rgba(252,220,77,1) 75%,#ffe781 75%,#ffe781);
	background-image: linear-gradient(135deg,rgba(252,220,77,1) 25%,#ffe781 25%,#ffe781 50%,rgba(252,220,77,1) 50%,rgba(252,220,77,1) 75%,#ffe781 75%,#ffe781);
	background-size: .6rem .6rem;
	padding: .2rem;
	margin: 0 1rem .4rem 1rem
}

.m-create>.canvas canvas {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5
}

.m-create>.canvas>.shade {
	position: absolute;
	z-index: 2;
	left: .2rem;
	top: .2rem;
	right: .2rem;
	bottom: .2rem;
	box-shadow: inset 0 0 .2rem rgba(0,0,0,.4);
	pointer-events: none;
	-webkit-pointer-events: none
}

.m-create>.title {
	text-align: center;
	margin-bottom: .4rem;
	position: relative;
	font-size: .4rem;
	color: #fff
}

.m-create>.title>.line {
	width: 2.6rem;
	height: 2px;
	background-color: #fff;
	margin-top: .24rem
}

.m-create>.canvas>.prev {
	display: none;
	background: url(../img/prev.png) center center no-repeat;
	width: .76rem;
	height: 1.18rem;
	background-size: .76rem 1.18rem;
	position: absolute;
	left: -1.4rem;
	top: 50%;
	margin-top: -.59rem
}

.m-create>.canvas>.next {
	display: none;
	background: url(../img/next.png) center center no-repeat;
	width: .76rem;
	height: 1.18rem;
	background-size: .76rem 1.18rem;
	position: absolute;
	right: -1.4rem;
	top: 50%;
	margin-top: -.59rem
}

.m-create>.btn {
	display: block;
	width: 4rem;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(252,220,77,1);
	border-radius: .1rem
}

html.s-pc .m-create>.btn:hover {
	background-color: rgba(252,220,77,1)
}

.m-create>.btn:active {
	background-color: #ffe781
}

.m-create>.btn.z-lock {
	background-color: #ccc!important
}

.m-create>.tips {
	text-align: center;
	font-size: .2rem;
	color: #999;
	line-height: 1.8;
	padding: .2rem
}

.m-create .swiper-wrapper {
	height: 2.75rem;
	width: 4.25rem
}

.m-create .swiper-slide {
	text-align: center;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.u-FU_btn.s-create {
	width: 2.13rem;
	height: .91rem;
	line-height: .91rem;
	margin-left: auto;
	margin-right: auto;
	display: block;
	color: #fff;
	font-size: .4rem;
	border: none;
	padding: 0;
	background: url(../img/btn.png) no-repeat;
	background-size: 2.13rem .91rem
}

.u-txt {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	height: 1rem;
	line-height: 1rem;
	background-color: #cfb027;
	color: #fff;
	font-size: .44rem
}

.m-recharge.s-cash>.balance {
	background-color: #ff532a;
	transition: background-color .6s ease
}

.m-recharge.s-cash>.balance>.txt {
	font-size: .24rem;
	color: #fff;
	margin-bottom: .12rem
}

.m-recharge.s-cash>.balance>.num {
	font-size: .6rem
}

.m-recharge.s-cash>.balance>.num i {
	font-size: .4rem;
	vertical-align: .06rem;
	margin-right: .06rem
}

.m-recharge.s-cash>.balance[data-type="2"] {
	background-color: #b1b32c;
	transition: background-color .6s ease
}

.m-recharge.s-cash>.switch {
	padding: .24rem .4rem;
	padding-bottom: 0
}

.m-recharge.s-cash>.switch>a {
	float: left;
	font-size: .26rem;
	margin-right: .2rem;
	height: .46rem;
	line-height: .46rem;
	width: 1.2rem;
	text-align: center;
	border: 1px solid #d7d7d7;
	color: #666
}

.m-recharge.s-cash>.switch>a.z-cur>i::before {
	content: "\e715";
	margin-right: .06rem;
	color: #b1b32c
}

.m-recharge.s-cash>.switch>a.z-cur {
	border-color: #b1b32c;
	color: #b1b32c
}

.m-cashoutMain>.title {
	font-size: .26rem;
	color: #333;
	background-color: #fff;
	padding: .18rem .24rem
}

.m-cashoutMain>.title.s-pb0 {
	padding-bottom: 0
}

.m-cashoutMain>.balance {
	background-color: #fff;
	padding: .24rem;
	margin-bottom: .12rem
}

.m-cashoutMain>.balance>.txt {
	font-size: .24rem;
	color: rgba(163,163,163,1)
}

.m-cashoutMain>.balance>.num {
	font-size: .24rem;
	font-weight: 700;
	color: rgba(255,150,181,1)
}

.m-cashoutMain>.inputList {
	background-color: #fff;
	padding: .24rem;
	padding-bottom: .12rem
}

.m-cashoutMain>.inputList>div>.rightInput {
	border-bottom: 1px solid #f5f5f5
}

.m-cashoutMain>.inputList>div>.rightInput input {
	padding: 0
}

.m-cashoutMain>.inputList .u-FU_btn {
	height: .5rem;
	line-height: .5rem;
	border-radius: .06rem;
	margin-top: .09rem
}

.m-cashoutMain>.inputList>div>.leftTxt {
	font-size: .24rem;
	line-height: .68rem
}

.m-cashoutMain>.inputList>.tips {
	text-align: center;
	margin-bottom: .2rem;
	color: red;
	font-weight: 700;
	line-height: 1.6
}

.m-cashoutMain>.tips {
	text-align: center;
	color: #ff6161;
	background-color: #fff;
	font-size: .18rem;
	padding: .2rem
}

.m-cashoutMain>.wayList {
	background-color: #fff;
	padding: .16rem .24rem;
	margin-bottom: .12rem
}

.m-cashoutMain>.wayList>div {
	padding: .24rem;
	border-bottom: 1px solid #f5f5f5;
	position: relative
}

.m-cashoutMain>.wayList>div:last-child {
	border-bottom: none
}

.m-cashoutMain>.wayList>div>i.icon {
	font-size: .36rem;
	margin-right: .2rem;
	width: .4rem;
	height: .4rem;
	line-height: .4rem;
	text-align: center
}

.m-cashoutMain>.wayList>div>.txt {
	overflow: hidden;
	font-size: .22rem;
	color: #666;
	line-height: 1.2
}

.m-cashoutMain>.wayList>div>.txt>.txt1 {
	font-size: .24rem;
	color: #000;
	margin-bottom: .12rem
}

.m-cashoutMain>.wayList>div>.txt>.txt2 {
	font-size: .18rem;
	color: #999;
	margin-bottom: .12rem
}

.m-cashoutMain>.wayList>div>.txt>.txt3 {
	font-size: .18rem;
	color: #e6692e
}

.m-cashoutMain>.wayList>div>.checkIcon {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -.2rem;
	width: .4rem;
	height: .4rem
}

.m-cashoutMain>.wayList>div>.checkIcon::before {
	font-size: .34rem;
	color: #999;
	line-height: .4rem
}

.m-cashoutMain>.wayList>div.z-check>.checkIcon::before {
	content: "\e656";
	color: #fdb5ca
}

.m-billList {
	padding-bottom: .6rem
}

.m-billList>li {
	margin-bottom: .12rem;
	background-color: #fff
}

.m-billList>li>.top {
	border-bottom: 1px solid #f5f5f5;
	padding: .16rem .24rem;
	font-size: .26rem
}

.m-billList>li>.top>.f-fr {
	color: #f76260
}

.m-billList>li>.top>.f-fr[data-status="3"]:after {
	content: "��˲�ͨ��,���������ͱ�ע"
}

.m-billList>li>.top>.f-fr[data-status="1"]:after {
	content: "�����";
	color: #de700f
}

.m-billList>li>.top>.f-fr[data-status="2"]:after {
	content: "���ͨ��";
	color: #09bb07
}

.m-billList>li>.top>.f-fr[data-status="4"]:after {
	content: "���ͨ��,�����";
	color: #09bb07
}

.m-billList>li>.mid {
	padding: .24rem
}

.m-billList>li>.mid>.info {
	line-height: 1.6;
	font-size: .22rem;
	color: #666;
	margin-bottom: .2rem;
	position: relative
}

.m-billList>li>.mid>.info img {
	width: .8rem;
	height: .8rem;
	border-radius: .8rem;
	display: block;
	position: absolute;
	right: 0;
	top: .1rem
}

.m-billList>li>.mid>.info span {
	color: #000;
	font-weight: 700
}

.m-billList>li>.mid>.info>.time {
	font-size: .2rem;
	color: #999
}

.m-billList>li>.mid>.goods {
	background-color: #f5f5f5;
	padding: .24rem;
	font-size: .4rem;
	font-weight: 700;
	color: #dcaf00;
	margin-bottom: .2rem
}

.m-billList>li>.mid>.goods span {
	font-size: .24rem;
	vertical-align: middle
}

.m-billList>li>.mid>.goods i {
	font-size: .5rem;
	color: #dcaf00;
	font-weight: 400;
	margin-right: .1rem
}

.m-billList>li>.mid>.money {
	font-size: .22rem
}

.m-billList>li>.mid>.money span {
	color: #6e9680
}

.m-billList>li>.act {
	padding: .12rem .24rem;
	border-top: 1px solid #f5f5f5
}

.m-billList>li>.act>.btn {
	font-size: .22rem;
	min-width: 1rem;
	margin-left: .4rem;
	background-color: transparent;
	color: #f76260;
	border: .03rem solid #f76260;
	border-radius: .1rem;
	height: .5rem;
	line-height: .5rem
}

.m-billList>li>.act>.btn.s-ok {
	border-color: #09bb07;
	color: #09bb07
}

.m-billList>li>.bot {
	padding: .16rem .24rem;
	border-top: 1px solid #f5f5f5;
	font-size: .24rem
}

.m-billList>li>.bot>.btn {
	border-radius: .06rem;
	height: .5rem;
	line-height: .5rem
}

.m-cashOutDetails {
	background-color: #fff;
	padding: .24rem
}

.m-cashOutDetails>.btns {
	text-align: center;
	padding-top: .3rem
}

.m-cashOutDetails>.btns>.u-FU_btn {
	display: inline-block;
	height: .52rem;
	line-height: .52rem;
	font-size: .22rem;
	border-radius: .08rem;
	border: none;
	margin-left: .08rem;
	padding: 0 .4rem
}

.m-cashOutDetails>.btns>.u-FU_btn:first-child {
	margin-left: 0
}

.m-cashOutDetails>.tips {
	font-size: .22rem;
	color: #888080;
	line-height: 1.6;
	padding: .12rem 0
}

.m-cashOutDetails>.tips span {
	color: red
}

.m-cashOutDetails>.info {
	font-size: .24rem;
	color: #222;
	line-height: 1.6
}

.m-cashOutDetails>.info>div:nth-child(2n) {
	background-color: #f4f4fd
}

.m-cashOutDetails>.info span {
	color: #fb6442;
	font-weight: 700
}

.m-cashOk {
	padding: .24rem
}

.m-cashOk>.ok {
	margin-bottom: .3rem;
	text-align: center;
	font-weight: 700;
	font-size: .3rem
}

.m-cashOk>.ok i {
	display: block;
	width: 1rem;
	height: 1rem;
	border-radius: 1rem;
	line-height: 1.1rem;
	text-align: center;
	font-size: .6rem;
	color: #fff;
	background-color: #09bb07;
	margin: .2rem auto
}

.m-cashOk>.vcode {
	line-height: 1.8;
	font-size: .26rem;
	color: #000;
	margin-bottom: .2rem
}

.m-cashOk>.vcode span {
	color: #ff532a;
	font-weight: 700
}

.m-cashOk>.tips {
	font-size: .2rem
}

#V-login.V-view {
	background-color: #fff
}

.m-loginBox {
	position: relative;
	min-height: 6rem;
	background-color: #fff;
	padding: 1.6rem .3rem;
	padding-top: 1rem
}

.m-loginBox .box {
	padding: .3rem .24rem .4rem .24rem
}

.m-loginBox .switch {
	padding: .12rem 0
}

.m-loginBox .switch a {
	padding: .06rem 0;
	font-size: .24rem;
	color: #2088f8
}

.m-loginBox .u-FU_input {
	background-color: #f3f4f9;
	border-radius: .7rem
}

.m-loginBox .u-FU_input input {
	background-color: #f3f4f9!important;
	border-radius: .7rem;
	height: .7rem;
	color: #040506;
	font-size: .26rem
}

.m-loginBox .u-FU_input i {
	height: .48rem;
	line-height: .48rem;
	width: .48rem;
	font-size: .3rem;
	margin-top: .11rem;
	margin-left: .11rem;
	margin-right: .11rem
}

.m-loginBox .u-FU_input .u-FU_select .fu_cur {
	height: .7rem;
	line-height: .7rem;
	font-size: .26rem
}

.m-loginBox .u-FU_input .u-FU_select .fu_opts li {
	font-size: .26rem
}

.m-loginBox .J-getPhoneCode,.m-loginBox .J-getPhoneCode2 {
	background-color: #6dbef9;
	height: .7rem;
	line-height: .7rem;
	border-top-right-radius: .7rem;
	border-bottom-right-radius: .7rem;
	font-size: .26rem
}

.m-loginBox .u-FU_btn.j-submit.s-big {
	height: .88rem;
	line-height: .88rem;
	background: -webkit-linear-gradient(left,#5990f7 ,#7adafb);
	background: -o-linear-gradient(right,#5990f7,#7adafb);
	background: -moz-linear-gradient(right,#5990f7,#7adafb);
	background: linear-gradient(to right,#5990f7 ,#7adafb)
}

.m-OAuthLine {
	margin-bottom: .2rem;
	height: .6rem;
	line-height: .6rem;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center
}

.m-OAuthLine>.line {
	height: 1px;
	background-color: #ededed;
	flex-grow: 1
}

.m-OAuthLine>.txt {
	padding: 0 .3rem;
	font-size: .2rem;
	color: #000
}

.m-webTips {
	text-align: center;
	font-size: .18rem;
	color: #999;
	line-height: 2;
	padding: .2rem 0
}

.m-webTips>a {
	color: #2a91ed;
	margin-right: .08rem
}

.m-FU_modal {
	max-width: 700px;
	width: 86%
}

.m-FU_modal.s-bot {
	max-width: 750px
}

.m-FU_modal.s-bot>.p-ct {
	margin: 0
}

.m-actionSheet {
	background-color: #efeff4
}

.m-actionSheet>div {
	display: block;
	position: relative;
	padding: .2rem 0;
	font-size: .28rem;
	line-height: 1.4;
	text-align: center;
	border-top: 1px solid #f0f0f0;
	color: #000;
	background-color: #fff
}

.m-actionSheet>div.z-done {
	color: #ff96b5
}

.m-actionSheet>div>em {
	font-style: normal
}

.m-actionSheet>div.praise>em:before {
	content: "��"
}

.m-actionSheet>div.praise.z-done>em:before {
	content: "��"
}

.m-actionSheet>div.follow>em:before {
	content: "��עTa"
}

.m-actionSheet>div.follow.z-done>em:before {
	content: "ȡ����ע"
}

.m-actionSheet>div.follow.s-wxapp>em:before {
	content: "�ղ�Ta"
}

.m-actionSheet>div.follow.s-wxapp.z-done>em:before {
	content: "ȡ���ղ�"
}

.m-actionSheet>div.black>em:before {
	content: "����"
}

.m-actionSheet>div.black.z-done {
	color: #000
}

.m-actionSheet>div.black.z-done>em:before {
	content: "ȡ������"
}

.m-actionSheet>div:first-child {
	border-top: none
}

.m-actionSheet>div:last-child {
	border-top: none;
	margin-top: .12rem;
	color: red
}

.m-title {
	padding: .2rem .24rem .2rem .24rem;
	background-color: #fff;
	text-align: center;
	border-bottom: 1px dotted #eaeaea
}

.m-title>.title {
	position: relative;
	height: .4rem;
	line-height: .4rem;
	display: inline-block
}

.m-title>.title>span {
	font-size: .28rem;
	color: #333;
	text-shadow: 0 0 1px rgba(0,0,0,.05)
}

.m-title>.title>.line {
	position: absolute;
	width: .4rem;
	height: .08rem;
	background-color: #ff96b5;
	top: 50%;
	margin-top: -.04rem;
	left: -.6rem;
	border-radius: .08rem;
	transform: translate3d(0,0,0);
	animation: meimao alternate .6s infinite both
}

.m-title>.title>.line+.line {
	left: auto;
	right: -.6rem;
	transform: translate3d(0,0,0);
	animation: meimao2 .6s alternate infinite both
}

@keyframes meimao {
	from {
		transform: translate3d(0,0,0)
	}

	to {
		transform: translate3d(-.06rem,0,0)
	}
}

@keyframes meimao2 {
	from {
		transform: translate3d(0,0,0)
	}

	to {
		transform: translate3d(.06rem,0,0)
	}
}

.m-topBar.s-index {
	position: absolute
}

.m-topBar {
	height: .8rem;
	line-height: .8rem;
	position: relative;
	top: 0;
	z-index: 4;
	left: 0;
	right: 0;
	background-color: #fff
}

.m-topBar a {
	text-align: center
}

.m-topBar a i {
	color: #636363;
	font-size: .38rem
}

.m-topBar a:active i {
	color: #939393
}

.m-topBar>.mid {
	height: .8rem;
	text-align: center;
	font-size: .3rem;
	color: #000;
	position: relative;
	font-weight: 700
}

.m-topBar>.mid img {
	width: .5rem;
	height: .5rem;
	border-radius: .5rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: .1rem
}

.m-topBar>.left {
	width: 1.6rem;
	height: .8rem
}

.m-topBar>.right {
	width: 1.6rem;
	height: .8rem
}

.m-topBar a {
	color: #333;
	text-shadow: 0 0 1px rgba(255,255,255,.25);
	font-size: .26rem;
	padding: 0 .22rem
}

.m-topBar a i {
	display: block
}

.m-topBar::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: 0 1px 1px 1px rgba(0,0,0,.03);
	height: 0
}

.m-topBar.s-notShadow::before {
	display: none
}

.m-topBar.s-opacity::before {
	display: none
}

.m-topBar>.right.s-auto {
	width: auto
}

.m-topBar>.right.s-auto a {
	display: block;
	color: #f4ba2f
}

.m-topBar>.right.s-auto i {
	display: inline-block
}

.m-topBar>.right.s-auto a span {
	vertical-align: middle;
	display: inline-block
}

.m-topBar>.right.s-auto a.s-yellow span {
	color: #f4ba2f
}

.m-topBar>.right.s-auto a.s-yellow i {
	color: #f4ba2f;
	background: -webkit-linear-gradient(#f4ba2f,#fff17e);
	background: -o-linear-gradient(#f4ba2f,#fff17e);
	background: -moz-linear-gradient(#f4ba2f,#fff17e);
	background: linear-gradient(#f4ba2f,#fff17e);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.m-topBar>.search {
	font-size: .22rem;
	background-color: #f6f7f9;
	height: .6rem;
	line-height: .6rem;
	top: .1rem;
	border-radius: .6rem;
	position: relative;
	margin-left: .24rem;
	color: #999
}

.m-topBar>.search>i {
	margin-left: .24rem;
	margin-right: .24rem;
	font-size: .26rem
}

.m-topBar.s-opacity {
	background-color: transparent;
	position: absolute;
	background: -webkit-repeating-linear-gradient(rgba(0,0,0,.3) 0,rgba(0,0,0,0) 100%);
	background: -o-repeating-linear-gradient(rgba(0,0,0,.3) 0,rgba(0,0,0,0) 100%);
	background: -moz-repeating-linear-gradient(rgba(0,0,0,.3) 0,rgba(0,0,0,0) 100%);
	background: repeating-linear-gradient(rgba(0,0,0,.3) 0,rgba(0,0,0,0) 100%)
}

.m-topBar.s-opacity a i {
	color: #fff;
	text-shadow: 0 0 .04rem rgba(0,0,0,.25)
}

.m-topBar.s-opacity>.mid {
	display: none
}

.m-topBar.s-stick {
	box-shadow: 0 0 .08rem rgba(0,0,0,.25)
}

.m-topBar.s-stick a i {
	color: #333;
	text-shadow: 0 0 .04rem rgba(250,250,250,.25)
}

.m-topBar.s-stick>.mid {
	display: block
}

.m-topBar>.mid.s-chat {
	line-height: .8rem
}

.m-topBar>.mid.s-chat>.chatUser {
	display: inline-block;
	height: auto;
	line-height: 1;
	vertical-align: middle
}

.m-topBar>.mid.s-chat>.chatUser>.tips {
	font-size: .16rem;
	line-height: 1;
	font-weight: 400;
	color: #999;
	display: block;
	padding-top: .04rem
}

.m-topBar>.mid.s-chat>.chatUser>.tips.s-ol {
	color: #0dc764
}

.m-topBar>.mid.s-chat>.chatUser>.tips.s-input {
	color: #666
}

.m-topBar>.mid.s-chat>.chatUser>.u-sex {
	font-size: .2rem;
	vertical-align: top;
	margin-left: 0
}

.m-peiwanMain {
	background-color: #fff;
	margin: .24rem;
	border: 1px solid #ddd;
	border-radius: .06rem;
	padding: .24rem;
	font-size: .26rem;
	min-height: 2rem
}

.m-peiwanMain>.tips {
	text-align: center;
	color: #999;
	font-size: .22rem;
	line-height: 1.6;
	padding: .12rem
}

.m-peiwanMain>.tips p {
	text-align: left;
	color: #666
}

.m-peiwanMain>.tips2 {
	font-size: .26rem;
	line-height: 1.8
}

.m-peiwanMain>.url {
	text-align: center;
	font-size: .28rem;
	color: orange;
	margin-bottom: .3rem
}

.m-peiwanMain>.url span {
	color: #333
}

.m-peiwanMain>.btns {
	padding: 0 .24rem
}

.m-peiwanMain>.btns>a {
	border-radius: .1rem
}

.m-peiwanMain>.btns>a:first-child {
	margin-right: .2rem
}

.m-peiwanMain>.peiwanqr {
	display: block;
	border-radius: .1rem;
	margin: 0 .24rem;
	background-color: #6568bf!important;
	color: #fff
}

.m-mainNav {
	background-color: #fff;
	z-index: 3;
	padding-top: .2rem
}

.m-mainNav>a {
	padding: .24rem 0;
	float: left;
	width: 20%;
	text-align: center
}

.m-mainNav>a>.img,.m-mainNav>a>i {
	display: block;
	margin: 0 auto;
	margin-bottom: .14rem;
	font-size: .5rem;
	width: .7rem;
	height: .7rem;
	line-height: .7rem;
	text-align: center;
	color: #fff;
	border-radius: .1rem;
	background: -webkit-linear-gradient(#d8d6d6,#fff);
	background: -o-linear-gradient(#d8d6d6,#fff);
	background: -moz-linear-gradient(#d8d6d6,#fff);
	background: linear-gradient(#d8d6d6,#fff)
}

.m-mainNav>a>.img img {
	width: .7rem;
	height: .7rem;
	display: block;
	border-radius: .1rem
}

.m-mainNav>a>.txt {
	font-size: .2rem;
	color: #000
}

.m-slideNav {
	height: .9rem;
	line-height: .9rem;
	background-color: #fff;
	color: #111;
	font-size: .24rem;
	padding: 0 .12rem;
	position: relative;
	position: -webkit-sticky;
	position: sticky;
	z-index: 3;
	top: 0
}

.m-sildeNavSwiper {
	position: relative
}

.m-sildeNavSwiper .swiper-slide {
	width: 100px!important;

	-webkit-transition: transform .3s ease;
	-webkit-transform: scale(1)
}

.m-sildeNavSwiper .swiper-slide.z-cur {
	-webkit-transition: font-size .3s ease;
	-webkit-transform: scale(1.2)
}

.m-sildeNavSwiper .colorBar {
	position: absolute;
	height: .14rem;
	border-radius: .14rem;
	background-color: #78d1fe;
	left: 0;
	bottom: .24rem;
	z-index: -1;
	width: 0;
	-webkit-transition: all .3s ease;
	background: -webkit-linear-gradient(to right,#8bfff7,#7dc8ff);
	background: -o-linear-gradient(to right,#8bfff7,#7dc8ff);
	background: -moz-linear-gradient(to right,#8bfff7,#7dc8ff);
	background: linear-gradient(to right,#8bfff7,#7dc8ff)
}

.m-gameList {
	padding: .2rem
}

.m-gameList>.title {
	text-align: left;
	padding: .24rem .24rem;
	background-color: #fff;
	border-top-left-radius: .2rem;
	border-top-right-radius: .2rem
}

.m-gameList>.title>span {
	text-align: center;
	font-size: .3rem;
	color: #000
}

.m-gameList>.list {
	padding: .12rem .24rem;
	background-color: #fff;
	margin-bottom: .24rem;
	border-bottom-left-radius: .2rem;
	border-bottom-right-radius: .2rem
}

.m-gameList>.list>a {
	float: left;
	width: 25%;
	min-height: 1.42rem;
	text-align: center;
	position: relative;
	padding: .24rem 0;
	border-radius: .1rem;
	transition: background .3s ease-in-out
}

.m-gameList>.list>a>img {
	width: 1rem;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: .1rem;
	background-color: #ccc;
	color: #666;
	margin-bottom: .12rem
}

.m-gameList>.list>a>.name {
	color: #333;
	font-size: .22rem;
	text-align: center;
	overflow: hidden;
	height: .3rem;
	line-height: .3rem
}

.m-gameList>.list>a:active {
	background-color: #f1f1f1
}

html.s-pc .m-gameList>.list>a:hover {
	background-color: #edf3fd;
	transition: background .3s ease-in-out
}

.m-peiwanList {
	background-color: #fff;
	padding: 0;
	width: 5.8rem;
	margin: 0 auto
}

.m-peiwanList>li {
	float: left;
	padding: .24rem 0
}

.m-peiwanList>li:nth-child(2n) {
	margin-left: .2rem
}

.m-peiwanList>li>.avatar {
	height: 2.8rem;
	width: 2.8rem;
	position: relative;
	background: url(../img/img.png) center center no-repeat;
	background-size: .5rem .5rem
}

.m-peiwanList>li>.avatar>.summary {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: .06rem .2rem;
	line-height: 1.6;
	color: #fff;
	font-size: .2rem;
	background: -webkit-repeating-linear-gradient(rgba(0,0,0,.3) 0,rgba(0,0,0,.9) 100%);
	background: -o-repeating-linear-gradient(rgba(0,0,0,.3) 0,rgba(0,0,0,.9) 100%);
	background: -moz-repeating-linear-gradient(rgba(0,0,0,.3) 0,rgba(0,0,0,.9) 100%);
	background: repeating-linear-gradient(rgba(0,0,0,.3) 0,rgba(0,0,0,.9) 100%)
}

.m-peiwanList>li>.avatar img {
	border-radius: .1rem;
	width: 100%;
	height: 100%;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background: rgba(0,0,0,.4)
}

.m-peiwanList>li>.avatar>.hot {
	position: absolute;
	right: .1rem;
	top: .1rem;
	font-size: .2rem;
	height: .3rem;
	line-height: .3rem;
	color: #ff7d0d;
	opacity: .8
}

.m-peiwanList>li>.avatar>.hot i {
	font-size: .2rem;
	margin-right: .06rem;
	vertical-align: text-top;
	color: #ff7d0d
}

.m-peiwanList>li>.name {
	font-size: .26rem;
	color: #333;
	padding-top: .1rem;
	height: .34rem;
	line-height: .34rem;
	max-width: 2.8rem
}

.m-peiwanList>li>.name i {
	width: .3rem;
	height: .3rem
}

.m-peiwanList>li>.bar {
	color: #ff5858;
	font-size: .24rem;
	height: .36rem;
	line-height: .36rem;
	padding-top: .1rem;
	overflow: hidden
}

.m-peiwanList>li>.bar>.price {
	line-height: .36rem
}

.m-record {
	position: relative;
	overflow: hidden;
	height: .5rem;
	line-height: .5rem;
	padding: 0 .12rem;
	border-radius: .06rem;
	border: 2px solid #14a6e0;
	display: inline-block;
	color: #14a6e0;
	vertical-align: middle
}

.m-record>.ico {
	height: .5rem;
	vertical-align: top
}

.m-record>.ico::before {
	content: "\e6ef"
}

.m-record>.txt::before {
	content: "������ʼ¼��";
	font-size: .2rem
}

.m-record>.time {
	display: none
}

.m-record>.m-voicePlay {
	display: none
}

.m-record>.remove {
	line-height: .5rem;
	vertical-align: top;
	display: none;
	padding: 0 .1rem;
	margin-left: .12rem
}

.m-record>.uploadProgress {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.6);
	color: #fff;
	text-align: center;
	z-index: 2
}

.m-record[data-status="2"] {
	border-color: red;
	color: red
}

.m-record[data-status="2"]>.ico::before {
	content: "\e750"
}

.m-record[data-status="2"]>.txt::before {
	content: "ֹͣ"
}

.m-record[data-status="2"]>.time {
	display: inline-block;
	font-size: .2rem
}

.m-record[data-status="3"]>.remove {
	display: inline-block
}

.m-record[data-status="3"]>.ico {
	display: none
}

.m-record[data-status="3"]>.txt {
	display: none
}

.m-record[data-status="3"]>.m-voicePlay {
	display: inline-block;
	margin-top: .08rem;
	vertical-align: 0
}

.m-record[data-status="3"]>.ico::before {
	content: ""
}

.m-record[data-status="3"]>.txt::before {
	content: ""
}

.m-voicePlay {
	display: inline-block;
	vertical-align: 0;
	background-color: #6db9ff;
	border-radius: .04rem;
	height: .36rem;
	line-height: .36rem
}

.m-voicePlay[data-sex="2"] {
	background-color: #eaa3ca
}

.m-voicePlay>i {
	font-size: .2rem;
	width: .5rem;
	height: .2rem;
	margin-left: .06rem;
	color: #fff;
	margin-top: .08rem
}

.m-voicePlay>span {
	color: #fff;
	font-size: .18rem;
	line-height: .36rem;
	padding-right: .06rem
}

.m-voicePlay>i {
	background: url(../img/play2.gif) .05rem center no-repeat;
	background-size: contain
}

.m-voicePlay.z-play>i {
	background: url(../img/play.gif) .05rem center no-repeat;
	background-size: contain
}

.m-peiwanreg .u-FU_btn {
	height: .58rem;
	line-height: .58rem;
	font-size: .22rem;
	border-radius: .04rem
}

.m-peiwanreg>div {
	margin-bottom: .1rem;
	background-color: #fff;
	padding: .24rem;
	font-size: .24rem;
	margin: .2rem;
	border-radius: .12rem
}

.m-peiwanreg>div>.title {
	color: #000;
	font-size: .26rem;
	line-height: .4rem
}

.m-peiwanreg>div>.title>.status i {
	margin-left: .06rem;
	color: red
}

.m-peiwanreg>div>.title>.status i::before {
	content: "\e639"
}

.m-peiwanreg>div>.title>.status.s-ok i::before {
	content: "\e715";
	color: #09bb07
}

.m-peiwanreg>div>.block {
	padding: .24rem
}

.m-peiwanreg>div>.block>.upAvatar {
	text-align: center
}

.m-peiwanreg>div>.block>.upAvatar>.btn {
	position: relative;
	overflow: hidden;
	width: 1.6rem
}

.m-peiwanreg>div>.block>.upAvatar>.btn input[type=file] {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	-webkit-appearance: none;
	font-size: 1000em;
	opacity: 0
}

.m-peiwanreg>div>.block>.upAvatar>.avatar {
	width: 1.6rem;
	height: 1.6rem;
	position: relative;
	border-radius: .1rem;
	overflow: hidden;
	margin: .1rem auto;
	margin-bottom: .2rem
}

.m-peiwanreg>div>.block>.upAvatar>.avatar>.progress {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.6);
	color: #fff;
	text-align: center;
	line-height: 1.6rem;
	font-size: .22rem;
	display: none
}

.m-peiwanreg>div>.block>.upAvatar>.avatar img {
	height: 1.6rem;
	width: 1.6rem;
	display: block
}

.m-peiwanreg>div>.block>.upAvatar>.avatar.z-upload>.progress {
	display: block
}

.m-peiwanreg>div>.tips {
	font-size: .22rem;
	color: #7d7d7d;
	line-height: 1.6
}

.m-search {
	height: .8rem;
	line-height: .8rem;
	background-color: #fff;
	padding-left: .2rem
}

.m-search .cancel {
	background-color: transparent;
	color: #1d9aff;
	height: .8rem;
	line-height: .8rem
}

.m-search .u-FU_input {
	margin-top: .1rem;
	border-radius: .6rem;
	height: .6rem;
	background-color: #f6f7f9
}

.m-search .u-FU_input .input {
	padding-left: .2rem
}

.m-search .u-FU_input input {
	height: .6rem;
	padding: 0 .1rem;
	margin-left: -.2rem;
	color: #000;
	background-color: transparent;
	font-size: .22rem
}

.m-search .u-FU_input i {
	height: .6rem;
	line-height: .6rem;
	color: #999
}

.m-search .u-FU_input i.clear {
	color: #c9c9c9
}

.m-search .search {
	background-color: #1d9aff;
	height: .6rem;
	line-height: .6rem;
	margin-top: .1rem;
	margin-left: .2rem;
	color: #fff;
	border-radius: .6rem;
	background: -webkit-linear-gradient(to right,#2fceff,#39a7ff);
	background: -o-linear-gradient(to right,#2fceff,#39a7ff);
	background: -moz-linear-gradient(to right,#2fceff,#39a7ff);
	background: linear-gradient(to right,#2fceff,#39a7ff)
}

html.s-pc .m-search .u-FU_btn:hover {
	background-color: transparent
}

html.s-pc .m-search .search.u-FU_btn:hover {
	background-color: #1d9aff
}

.u-bixinBar {
	background-color: #fff;
	padding: .12rem .24rem;
	color: #999;
	font-size: .2rem;
	margin-bottom: .1rem
}

.u-bixinBar>span {
	margin-left: .2rem
}

.u-bixinBar>span:first-child {
	margin-left: 0
}

.u-bixinBar i {
	margin-right: .1rem;
	border-radius: .06rem
}

.u-bixinBar i.s-bx {
	background: url(../img/logo/bixinapp.png) no-repeat;
	width: .2rem;
	height: .2rem;
	background-size: .2rem .2rem
}

.u-bixinBar i.s-douyin {
	background: url(../img/logo/douyin.jpg) no-repeat;
	width: .2rem;
	height: .2rem;
	background-size: .2rem .2rem
}

.m-indexMain {
	background-color: #fff;
	min-height: 9.48rem;
	border-bottom: .2rem solid #f3f5f9;
	border-top: .2rem solid #f3f5f9
}

.m-pwLoading {
	padding-bottom: 2rem
}

.m-pwLoading>i {
	font-size: .8rem;
	display: block;
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	margin: 0 auto;
	color: #f33;
	animation: heartbeat .5s alternate infinite cubic-bezier(.68,-.55,.27,1.55);
	-webkit-animation: heartbeat .5s alternate infinite cubic-bezier(.68,-.55,.27,1.55)
}

.m-pwLoading>div {
	font-size: .26rem;
	text-align: center;
	color: #333
}

@keyframes heartbeat {
	0% {
		transform: scale(.8,.8);
		opacity: 1
	}

	25% {
		transform: scale(1,1);
		opacity: .8
	}

	100% {
		transform: scale(.8,.8);
		opacity: 1
	}
}

@keyframes -webkit-heartbeat {
	0% {
		-webkit-transform: scale(.8,.8);
		opacity: 1
	}

	25% {
		-webkit-transform: scale(1,1);
		opacity: .8
	}

	100% {
		-webkit-transform: scale(.8,.8);
		opacity: 1
	}
}

.m-serveList>li {
	background-color: #fff;
	padding: .2rem .24rem;
	margin-bottom: .1rem;
	position: relative
}

.m-serveList>li>.img {
	width: 1.34rem;
	height: 1.34rem;
	margin-right: .24rem;
	border-radius: .06rem;
	background: url(../img/img.png) center center no-repeat;
	background-size: .5rem .5rem
}

.m-serveList>li>.img img {
	width: 1.34rem;
	height: 1.34rem;
	border-radius: .06rem;
	background-color: rgba(0,0,0,.5)
}

.m-serveList>li>.ct {
	overflow: hidden;
	font-size: .28rem
}

.m-serveList>li>.ct>.txt1 {
	height: .4rem;
	line-height: 1;
	color: #000
}

.m-serveList>li>.ct>.txt1 i {
	vertical-align: 0
}

.m-serveList>li>.ct>.txt1>.txt4 {
	color: #ff4a2f
}

.m-serveList>li>.ct>.txt1 span {
	color: #ff4a2f;
	font-size: .18rem;
	margin-left: .06rem
}

.m-serveList>li>.ct>.txt1 span.lvname {
	background-color: #cca45a;
	color: #fff;
	padding: .02rem .06rem;
	border-radius: .04rem
}

.m-serveList>li>.ct>.txt2 {
	color: #999;
	font-size: .22rem;
	height: .96rem;
	line-height: .32rem
}

.m-serveList>li>.ct>.txt3>.btn {
	height: .46rem;
	line-height: .46rem;
	font-size: .22rem;
	border-radius: .06rem;
	margin-left: .12rem;
	background-color: #89c284
}

.m-serveList>li>.bar {
	height: .46rem;
	clear: both;
	padding-top: .04rem
}

.m-serveList>li>.bar>.btn {
	height: .46rem;
	line-height: .46rem;
	font-size: .22rem;
	border-radius: .06rem;
	margin-left: .12rem;
	background-color: #89c284;
	padding: 0 .24rem
}

.m-serveList>li>.bar>span {
	color: #ccc;
	font-size: .2rem;
	vertical-align: 0;
	display: inline-block;
	height: .46rem;
	line-height: .46rem
}

.m-serveList>li>.bar>.m-voicePlay {
	margin-top: .05rem;
	width: 1.34rem;
	margin-right: .2rem
}

.m-serveList>li>.bar>.time {
	height: .46rem;
	line-height: .46rem;
	font-size: .22rem;
	color: #333
}

.m-serveList>li>.bar>.time i {
	vertical-align: middle;
	margin-right: .06rem;
	color: #333
}

.m-serveList>li>.bar>.time span {
	display: inline-block;
	vertical-align: middle;
	color: #333
}

.m-serveList>li>.status {
	text-align: right;
	font-size: .2rem;
	padding-top: .2rem;
	color: #000
}

.m-serveList>li>.status span[data-status="1"] {
	color: #999
}

.m-serveList>li>.status span[data-status="2"] {
	color: #09bb07
}

.m-serveList>li>.status span[data-status="3"] {
	color: #de700f
}

.m-serveList>li>.status span[data-status="4"] {
	color: #e41053
}

.m-serveList>li>.bar>.exp {
	height: .46rem;
	line-height: .46rem;
	font-size: .2rem;
	color: #666
}

.m-serveList>li>.bar>.exp span {
	color: rgb(214 189 79)
}

.m-serveList>li>.ready {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0,0,0,.7);
	color: #fff;
	text-align: center;
	-webkit-transition: background-color .6s ease;
	transition: background-color .6s ease;
	border-radius: .1rem
}

.m-serveList>li>.ready>div {
	font-size: .3rem;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin-top: -.3rem;
	height: .6rem;
	line-height: .6rem
}

.m-serveList>li[data-ready="2"]>.ready {
	background-color: rgba(0,0,0,0);
	pointer-events: none;
	-webkit-pointer-events: none;
	-webkit-transition: background-color .6s ease;
	transition: background-color .6s ease
}

.m-serveList>li[data-ready="2"]>.ready div {
	display: none
}

.m-serveList>li>.btns {
	padding-top: .12rem
}

.m-serveList>li>.btns>.btn {
	height: .46rem;
	line-height: .46rem;
	font-size: .22rem;
	border-radius: .06rem;
	margin-left: .12rem;
	background-color: #89c284
}

.m-serveList.s-user {
	background-color: #fff
}

.m-serveList.s-user>li {
	border-bottom: 1px solid #eee;
	padding: .24rem 0;
	margin: 0 .24rem
}

.m-serveList.s-user2>li {
	border-radius: .1rem;
	border-bottom: 1px solid #eee
}

.m-serveList.s-user2>li>.img {
	width: 1rem;
	height: 1rem;
	position: relative;
	border: .1rem solid #ede8e8
}

.m-serveList.s-user2>li>.img img {
	width: 1rem;
	height: 1rem;
	border-radius: 0
}

.m-serveList.s-user2>li>.bar>.m-voicePlay {
	width: 1.2rem
}

.m-serveList.s-user2>li>.ct>.txt2 {
	height: .6rem;
	line-height: .3rem;
	font-size: .2rem
}

.m-serveList.s-user2>li>.bar {
	padding-top: .04rem
}

.m-serveList.s-user2>li>.ct>.txt1 {
	padding-bottom: .04rem
}

.m-serveList.s-user2>li[data-sex="1"]>.img {
	border-color: #6db9ff
}

.m-serveList.s-user2>li[data-sex="2"]>.img {
	border-color: #eaa3ca
}

.m-serveList.s-user2>li>.img>.frame {
	position: absolute;
	left: 0;
	top: 0;
	height: 1.2rem;
	width: 1.2rem;
	height: 1.2rem
}

.m-serveList.s-user2>li[data-haslv="1"]>.img {
	border: none;
	padding: .1rem
}

.m-serveList.s-user2>li[data-haslv="1"]>.img>.frame {
	display: block
}

.m-serveList.s-user2>li>.img>.lvname {
	display: none;
	position: absolute;
	border-radius: .2rem;
	bottom: .1rem;
	right: .2rem;
	left: .2rem;
	height: .2rem;
	line-height: .2rem;
	font-size: .14rem;
	text-align: center;
	color: #fff;
	background-color: rgba(0,0,0,.6)
}

.m-serveList.s-user2>li[data-haslv="1"]>.img>.lvname {
	display: block
}

.m-serveList.s-user2[data-game]>li[data-lv="1"]>.img>.frame {
	background: url(../img/gamelv/lol/avatar/silver.png) center center no-repeat;
	background-size: 1.2rem
}

.m-serveList.s-user2[data-game]>li[data-lv="2"]>.img>.frame {
	background: url(../img/gamelv/lol/avatar/gold.png) center center no-repeat;
	background-size: 1.2rem
}

.m-serveList.s-user2[data-game]>li[data-lv="3"]>.img>.frame {
	background: url(../img/gamelv/lol/avatar/platinum.png) center center no-repeat;
	background-size: 1.2rem
}

.m-serveList.s-user2[data-game]>li[data-lv="4"]>.img>.frame {
	background: url(../img/gamelv/lol/avatar/diamond.png) center center no-repeat;
	background-size: 1.2rem
}

.m-serveList.s-user2[data-game]>li[data-lv="5"]>.img>.frame {
	background: url(../img/gamelv/lol/avatar/master.png) center center no-repeat;
	background-size: 1.2rem
}

.m-serveList.s-user2[data-game]>li[data-lv="6"]>.img>.frame {
	background: url(../img/gamelv/lol/avatar/master.png) center center no-repeat;
	background-size: 1.2rem
}

.m-serveList.s-user2[data-game]>li[data-lv="7"]>.img>.frame {
	background: url(../img/gamelv/lol/avatar/challenger.png) center center no-repeat;
	background-size: 1.2rem
}

.m-serveList.s-user2[data-game]>li[data-lv="8"]>.img>.frame {
	background: url(../img/gamelv/lol/avatar/challenger.png) center center no-repeat;
	background-size: 1.2rem
}

.m-serveList.s-user2[data-game]>li[data-lv="9"]>.img>.frame {
	background: url(../img/gamelv/lol/avatar/challenger.png) center center no-repeat;
	background-size: 1.2rem
}

.m-serveList.s-user2[data-game]>li[data-lv="10"]>.img>.frame {
	background: url(../img/gamelv/lol/avatar/challenger.png) center center no-repeat;
	background-size: 1.2rem
}

.m-serveList.s-task {
	min-height: 5rem
}

.m-serveList.s-task>li {
	margin: 0;
	padding: .12rem .24rem
}

.m-verifyList {
	background-color: #fff
}

.m-verifyList>li {
	background-color: #fff;
	margin: 0 .24rem;
	padding: .24rem 0;
	position: relative;
	border-bottom: 1px solid #f5f5f5
}

.m-verifyList>li>.icon {
	width: 1rem;
	height: 1rem;
	margin-right: .2rem
}

.m-verifyList>li>.icon>img {
	width: 1rem;
	height: 1rem;
	border-radius: .1rem
}

.m-verifyList>li>.info {
	overflow: hidden
}

.m-verifyList>li>.info>.title {
	font-size: .28rem;
	color: #000;
	padding: .12rem 0
}

.m-verifyList>li>.info>.ct {
	font-size: .22rem;
	color: #666;
	line-height: 2
}

.m-verifyList>li>.info>.status {
	font-size: .24rem;
	font-weight: 700;
	color: #333;
	height: .4rem;
	line-height: .4rem;
	padding-top: .1rem
}

.m-verifyList>li>.info>.status i {
	vertical-align: top;
	margin-top: .05rem;
	margin-right: .1rem;
	background-color: #09bb07;
	color: #fff;
	width: .3rem;
	line-height: .3rem;
	text-align: center;
	height: .3rem;
	border-radius: .3rem;
	font-size: .2rem;
	font-weight: 400
}

.m-verifyList>li>.btn {
	margin-left: .2rem;
	overflow: hidden
}

.m-verifyList>li>.btn>.u-FU_btn {
	margin-top: .26rem;
	background-color: #fff8fa;
	width: 1.18rem;
	height: .46rem;
	line-height: .46rem;
	font-size: .24rem;
	color: #ff96b5;
	border: 1px solid #ff96b5;
	border-radius: .03rem;
	padding: 0
}

.m-verifyList>li>.btn>.u-FU_btn.z-lock {
	color: #ccc;
	border: 1px solid #ccc
}

.m-verifyList>li>.btn>.u-FU_btn.z-lock:hover {
	color: #ccc;
	background-color: #fff8fa
}

.m-verifyList>li>.notPW {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0,0,0,.6);
	z-index: 3
}

.m-verifyList>li>.notPW>.txt {
	color: #fff;
	text-align: center;
	padding: .2rem;
	font-size: .28rem
}

.m-verifyList>li>.notPW>.btn {
	margin: auto;
	display: block;
	width: 2.4rem;
	border-radius: .12rem
}

.m-giftBar {
	background-color: #fff;
	padding: .2rem .4rem;
	line-height: .56rem;
	font-size: .24rem;
	color: #333
}

.m-giftBar .u-FU_btn {
	height: .56rem;
	line-height: .56rem;
	font-size: .22rem;
	border-radius: .06rem
}

.m-rankList {
	padding: .4rem .3rem;
	overflow: visible;
	background-color: #fff;
	flex-wrap: wrap;
	display: flex;
	justify-content: space-around
}

.m-rankList>div {
	font-size: .26rem;
	width: 30%;
	text-align: center;
	position: relative
}

.m-rankList>div>.avatar {
	margin: 0 auto .1rem auto;
	position: relative;
	width: .8rem;
	height: .8rem;
	border-radius: .8rem;
	border: .04rem solid #d79275
}

.m-rankList>div>.avatar .rank {
	position: absolute;
	color: #eba27c;
	top: -.05rem;
	transform: rotate(60deg);
	font-size: .3rem;
	width: .3rem;
	height: .3rem;
	right: -.2rem
}

.m-rankList>div>.avatar img {
	display: block;
	border-radius: .8rem;
	width: .8rem;
	height: .8rem
}

.m-rankList>div>.nickname {
	font-size: .26rem;
	margin-bottom: .1rem
}

.m-rankList>div>.fish {
	font-size: .2rem;
	color: #999
}

.m-rankList>div>.index {
	display: none
}

.m-rankList>div:nth-child(1)>.avatar {
	border-color: #c7cace
}

.m-rankList>div:nth-child(1)>.avatar .rank {
	color: #c4cad0
}

.m-rankList>div:nth-child(2) {
	transform: scale(1.1)
}

.m-rankList>div:nth-child(2)>.avatar {
	border-color: #f8b600
}

.m-rankList>div:nth-child(2)>.avatar .rank {
	color: #f8d051
}

.m-rankList>div:nth-child(4) {
	margin-top: .4rem
}

.m-rankList>div:nth-child(3)~div {
	margin-bottom: .2rem;
	height: .3rem;
	line-height: .3rem
}

.m-rankList>div:nth-child(3)~div>.index {
	display: block;
	width: .3rem;
	height: .3rem;
	border-radius: .3rem;
	line-height: .3rem;
	text-align: center;
	color: #999;
	font-size: .2rem;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #f5f5f5
}

.m-rankList>div:nth-child(3)~div>.avatar {
	width: .3rem;
	height: .3rem;
	border: none;
	border-radius: .04rem
}

.m-rankList>div:nth-child(3)~div>.avatar .rank {
	display: none
}

.m-rankList>div:nth-child(3)~div>.avatar img {
	border-radius: .04rem;
	width: .3rem;
	height: .3rem
}

.m-rankList>div:nth-child(3)~div {
	flex-shrink: 0;
	width: 100%
}

.m-rankList>div:nth-child(3)~div>.avatar {
	position: absolute;
	left: .4rem;
	top: 0
}

.m-rankList>div:nth-child(3)~div>.nickname {
	padding-left: .8rem;
	padding-right: .6rem;
	text-align: left;
	font-size: .22rem
}

.m-rankList>div:nth-child(3)~div>.fish {
	position: absolute;
	right: 0;
	top: 0;
	line-height: .3rem
}

.m-notification {
	position: absolute;
	right: .2rem;
	bottom: 2rem;
	width: .8rem;
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	border-radius: .8rem;
	background-color: rgba(0,0,0,.5)
}

.m-notification>i::before {
	content: "\e6db";
	font-size: .5rem;
	color: #a4e4b2
}

.m-notification.z-no>i::before {
	content: "\e66a"
}

.m-recordStatus {
	position: absolute;
	z-index: 5;
	width: 2rem;
	background-color: rgba(0,0,0,.8);
	height: 2rem;
	left: 50%;
	top: 50%;
	margin-left: -1rem;
	margin-top: -1rem;
	text-align: center;
	border-radius: .1rem
}

.m-recordStatus>i {
	font-size: 1rem;
	height: 1.6rem;
	line-height: 1.6rem;
	color: #fff
}

.m-recordStatus>.txt {
	font-size: .24rem;
	color: #fff
}

.m-recordStatus>.txt::before {
	content: "���ϻ�����ȡ��"
}

.m-recordStatus>i::before {
	content: "\e860"
}

.m-recordStatus.s-2>i::before {
	content: "\e63b"
}

.m-recordStatus.s-2>.txt::before {
	content: "����ȡ������"
}

.m-chatBastRule {
	font-size: .26rem;
	line-height: 1.6
}

.m-chatList {
	padding: .3rem .24rem;
	overflow: hidden;
	padding-bottom: 1.5rem
}

.m-chatList>li {
	margin-bottom: .3rem
}

.m-chatList>li.tips {
	text-align: center;
	margin-bottom: .24rem
}

.m-chatList>li.tips div {
	display: inline-block;
	min-height: .24rem;
	line-height: 1.6;
	border-radius: .06rem;
	text-align: left;
	font-size: .22rem;
	padding: .2rem .12rem;
	background-color: #5d5959;
	color: #fff;
	border: .1rem solid #e2dede
}

.m-chatList>li>.tips {
	text-align: center;
	padding: .2rem 0
}

.m-chatList>li>.tips>span {
	display: inline-block;
	text-align: center;
	padding: .08rem .12rem;
	font-size: .2rem;
	background-color: #ccc;
	color: #fff;
	border-radius: .06rem
}

.m-chatList>li>.tips.s-adminTips>span {
	font-size: .24rem;
	line-height: 1.4;
	text-align: left
}

.m-chatList>li>.msg>.avatar {
	background-color: #ccc;
	float: left;
	width: .6rem;
	height: .6rem;
	border-radius: .6rem;
	position: relative
}

.m-chatList>li>.msg>.avatar img {
	width: .6rem;
	height: .6rem;
	border-radius: .6rem
}

.m-chatList>li.s-me>.msg>.avatar {
	float: right
}

.m-chatList>li>.msg>.avatar>.status {
	width: .2rem;
	height: .2rem;
	border-radius: .2rem;
	background-color: rgba(13,199,100,.95);
	position: absolute;
	right: 0;
	bottom: 0
}

.m-chatList>li.s-me>.msg>.avatar>.status {
	display: none
}

.m-chatList>li>.msg .wrap {
	margin-left: .8rem;
	margin-right: .9rem
}

.m-chatList>li>.msg .wrap .ct {
	position: relative;
	float: left;
	background-color: #f1f0f0;
	color: #3a3939;
	border-radius: .1rem;
	padding: .18rem .24rem;
	font-size: .26rem;
	letter-spacing: 1px;
	line-height: .3rem;
	min-height: .3rem;
	min-width: .3rem
}

.m-chatList>li>.msg .wrap .ct img {
	max-width: 100%
}

.m-chatList>li>.msg .wrap .ct .arrow {
	width: .16rem;
	height: .16rem;
	background-color: #f1f0f0;
	position: absolute;
	top: .22rem;
	left: -.08rem;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.m-chatList>li>.msg .wrap .ct:active {
	opacity: .9
}

.m-chatList>li.s-me>.msg .wrap {
	margin-left: .9rem;
	margin-right: .8rem
}

.m-chatList>li.s-me>.msg .wrap .ct {
	background-color: #1d9aff;
	float: right;
	color: #fff
}

.m-chatList>li.s-me>.msg .wrap .ct .arrow {
	background-color: #1d9aff;
	left: auto;
	right: -.08rem
}

.m-chatList>li>.msg .wrap .ct .status {
	display: none;
	position: absolute;
	right: -.72rem;
	font-size: .18rem;
	top: 0;
	padding: 0 .1rem;
	height: .3rem;
	line-height: .3rem;
	background-color: #f5a623;
	text-align: center;
	color: #fff;
	border-radius: .1rem;
	border-top-left-radius: 0
}

.m-chatList>li.s-me>.msg .wrap .ct .status {
	display: block;
	left: -.72rem;
	right: auto;
	border-top-right-radius: 0;
	border-top-left-radius: .1rem
}

.m-chatList>li>.msg .wrap .ct .status::before {
	content: "�ʹ�"
}

.m-chatList>li>.msg .wrap .ct .status[data-status="0"] {
	background-color: #71c57e
}

.m-chatList>li>.msg .wrap .ct .status[data-status="0"]::before {
	content: "�Ѷ�"
}

.m-chatList>li>.msg .wrap>.voiceTxt {
	clear: left;
	background-color: #f1f0f0;
	border-radius: .06rem;
	font-size: .26rem;
	color: #3a3939;
	letter-spacing: 1px;
	display: block;
	float: left;
	padding: .2rem;
	margin-top: .12rem;
	line-height: 1.4
}

.m-chatList>li.s-me>.msg .wrap>.voiceTxt {
	clear: right;
	float: right
}

.m-chatList>li>.msg .wrap .ct>.voiceBar {
	position: relative;
	padding-left: .4rem;
	min-width: 1rem
}

.m-chatList>li>.msg .wrap .ct>.voiceBar.z-play>.icon {
	animation: voiceBar .8s infinite ease;
	-webkit-animation: voiceBar .8s infinite ease
}

.m-chatList>li>.msg .wrap .ct>.voiceBar>.icon {
	position: absolute;
	left: 0;
	height: .3rem;
	width: .4rem;
	overflow: hidden
}

.m-chatList>li>.msg .wrap .ct>.voiceBar>.icon i {
	font-size: .3rem;
	position: absolute;
	left: 0
}

.m-chatList>li>.msg .wrap .ct>.voiceBar>.icon i::before {
	content: "\e99c"
}

.m-chatList>li.s-me>.msg .wrap .ct>.voiceBar {
	padding-left: 0;
	padding-right: .4rem;
	text-align: right
}

.m-chatList>li.s-me>.msg .wrap .ct>.voiceBar>.icon {
	left: auto;
	right: 0
}

.m-chatList>li.s-me>.msg .wrap .ct>.voiceBar>.icon>i {
	left: auto;
	right: 0
}

.m-chatList>li.s-me>.msg .wrap .ct>.voiceBar>.icon>i::before {
	content: "\e68d"
}

@keyframes voiceBar {
	0% {
		width: .1rem
	}

	100% {
		width: .4rem
	}
}

@-webkit-keyframes voiceBar {
	0% {
		width: .1rem
	}

	100% {
		width: .4rem
	}
}

.m-chatList>li>.msg {
	-webkit-animation: chatLeftIn .4s ease;
	animation: chatLeftIn .4s ease
}

.m-chatList>li.s-me>.msg {
	-webkit-animation: chatRightIn .4s ease;
	animation: chatRightIn .4s ease
}

.m-chatList>li>.time {
	-webkit-animation: chatMidIn .4s ease;
	animation: chatMidIn .4s ease
}

@keyframes chatLeftIn {
	0% {
		opacity: .6;
		transform: translateX(-1rem)
	}

	100% {
		opacity: 1;
		transform: translateX(0)
	}
}

@-webkit-keyframes chatLeftIn {
	0% {
		opacity: .6;
		-webkit-transform: translateX(-1rem)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

@keyframes chatRightIn {
	0% {
		opacity: .6;
		transform: translateX(1rem)
	}

	100% {
		opacity: 1;
		transform: translateX(0)
	}
}

@-webkit-keyframes chatRightIn {
	0% {
		opacity: .6;
		-webkit-transform: translateX(1rem)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

@keyframes chatMidIn {
	0% {
		opacity: .6;
		transform: translateY(.1rem)
	}

	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

@-webkit-keyframes chatMidIn {
	0% {
		opacity: .6;
		-webkit-transform: translateY(.1rem)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

.m-statusTips {
	text-align: center;
	margin-bottom: .24rem
}

.m-statusTips>i {
	color: #10aeff;
	font-size: .8rem;
	display: block;
	width: .8rem;
	height: .8rem;
	line-height: .8rem;
	border-radius: .8rem;
	text-align: center;
	background-color: #fff;
	margin: .16rem auto
}

.m-statusTips>i::before {
	content: "\e662"
}

.m-statusTips>.txt {
	font-size: .22rem
}

.m-statusTips[data-type=success]>i {
	color: #07c160
}

.m-statusTips[data-type=success]>i::before {
	content: "\e656"
}

.m-statusTips[data-type=warn]>i {
	color: #ffc300
}

.m-statusTips[data-type=warn]>i::before {
	content: "\e662"
}

.m-statusTips[data-type=warn2]>i {
	color: #fa5151
}

.m-statusTips[data-type=warn2]>i::before {
	content: "\e662"
}

.m-statusTips[data-type=waiting]>i {
	color: #10aeff
}

.m-statusTips[data-type=waiting]>i::before {
	content: "\e65e"
}

.m-statusTips[data-type=err]>i {
	color: #fa5151
}

.m-statusTips[data-type=err]>i::before {
	content: "\e658"
}

.m-orderStatus {
	background-color: #fff;
	padding: .24rem;
	margin: .24rem;
	box-shadow: 0 0 .1rem rgba(0,0,0,.1);
	border-radius: .06rem
}

.m-orderStatus>.details>.game {
	margin-bottom: .2rem;
	margin-right: .2rem
}

.m-orderStatus>.details>.game img {
	width: .6rem;
	height: .6rem;
	border-radius: .06rem
}

.m-orderStatus>.btns .btn {
	margin: 0 .2rem;
	max-width: 80%;
	display: block;
	height: .68rem;
	line-height: .68rem;
	border-radius: .06rem;
	margin-top: .05rem;
	font-size: .24rem;
	background-color: #1d9aff
}

.m-orderStatus>.btns .btn:active {
	background-color: #62b7fb
}

.m-orderStatus>.btns .btn.s-red {
	background-color: red
}

html.s-pc .m-orderStatus>.details>.btn:hover {
	background-color: #62b7fb
}

.m-orderStatus>.details>.mid {
	height: .6rem;
	line-height: .6rem;
	overflow: hidden;
	font-size: .26rem;
	color: #333
}

.m-orderStatus.s-step {
	padding: 0;
	box-shadow: none;
	background-color: transparent;
	border-radius: 0
}

.m-orderStatus>.step>div {
	position: relative;
	padding-top: .5rem
}

.m-orderStatus>.step>div>.index {
	z-index: 2;
	position: absolute;
	color: #999;
	width: .4rem;
	height: .4rem;
	line-height: .4rem;
	text-align: center;
	border-radius: .4rem;
	background-color: #ccc;
	left: 50%;
	margin-left: -.2rem;
	top: 0
}

.m-orderStatus>.step>div>.line {
	z-index: 1;
	left: 0;
	right: 50%;
	position: absolute;
	height: .1rem;
	top: .2rem;
	background-color: #ccc;
	background-image: -webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(255,255,255,.2)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.2)),color-stop(.75,rgba(255,255,255,.2)),color-stop(.75,transparent),to(transparent));
	background-size: .12rem .12rem
}

@keyframes step {
	0% {
		background-position: 0 0
	}

	100% {
		background-position: 100% 0
	}
}

.m-orderStatus>.step>div>.line+.line {
	right: 0;
	left: 50%
}

.m-orderStatus>.step>div:first-child>.line:first-child {
	border-top-left-radius: .1rem;
	border-bottom-left-radius: .1rem
}

.m-orderStatus>.step>div:last-child>.line+.line {
	border-top-right-radius: .1rem;
	border-bottom-right-radius: .1rem
}

.m-orderStatus>.step>div.z-done>.index {
	background-color: #1d9aff;
	color: #fff
}

.m-orderStatus>.step>div.z-done>.line {
	background-color: #1d9aff;
	animation: step 3s infinite linear;
	-webkit-animation: step 3s infinite linear
}

.m-orderStatus>.step>div>.txt {
	font-size: .2rem;
	color: #666;
	padding: .1rem 0
}

.m-orderStatus>.tips {
	text-align: center;
	font-size: .2rem;
	font-weight: 700;
	color: #e41053;
	padding: .16rem 0
}

.m-orderStatus>.tips .tipsCt {
	line-height: 1.2
}

html.s-ios.z-input .m-chatBar {
	transition: bottom .3s ease;
	bottom: 0
}

.m-chatBar {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: .68rem;
	background-color: #f6f6f6;
	padding: .16rem .24rem;
	transition: bottom .3s ease;
	box-shadow: 0 0 .06rem rgba(0,0,0,.15);
	bottom: constant(safe-area-inset-bottom);
	bottom: env(safe-area-inset-bottom)
}

.m-chatBar>.input {
	display: block;
	overflow: hidden;
	padding-left: .3rem
}

.m-chatBar>.input input {
	line-height: normal;
	caret-color: #1d9aff;
	letter-spacing: 1px;
	ime-mode: active;
	display: block;
	border-radius: 0;
	font-size: .3rem;
	width: 100%;
	padding: 0 .15rem;
	height: .6rem;
	background-color: #fff;
	border: none;
	color: #333;
	margin-left: -.3rem;
	border-radius: .06rem
}

.m-chatBar>.input input::-webkit-input-placeholder {
	line-height: .4rem
}

.m-chatBar>.u-FU_btn {
	font-size: .3rem;
	height: .6rem;
	line-height: .6rem;
	margin-left: .18rem;
	padding: 0 .2rem;
	width: auto;
	border-radius: .06rem;
	border: none;
	font-size: .26rem
}

.m-chatBar>.tips {
	-webkit-user-select: none;
	user-select: none;
	-moz-user-select: none;
	position: absolute;
	text-align: center;
	top: -.5rem;
	height: .4rem;
	line-height: .4rem;
	font-size: .22rem;
	background-color: rgba(255,255,255,.8);
	color: #d42b2b;
	border-radius: .1rem
}

.m-chatBar>.tips.s-2 {
	top: -1rem
}

.m-chatBar>.tips.s-3 {
	top: -1.5rem
}

.m-chatBar>.menuItem {
	height: .48rem;
	line-height: .48rem;
	padding: 1px;
	width: .48rem;
	border-radius: .5rem;
	margin-top: .04rem;
	margin-right: .18rem;
	border: .02rem solid #393939;
	color: #393939;
	font-size: .46rem;
	text-align: center
}

.m-chatBar>.menuItem.s-keybord {
	font-size: .34rem;
	line-height: .5rem
}

.m-chatBar>.menuItem.s-voice {
	font-size: .34rem;
	line-height: .5rem
}

.m-chatBar>.voiceBtn {
	height: .6rem;
	line-height: .6rem;
	font-size: .28rem;
	border-radius: .06rem;
	color: #393939;
	background-color: #fff;
	color: #333;
	overflow: hidden;
	text-align: center;
	-webkit-user-select: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-touch-callout: none
}

.m-chatBar>.voiceBtn::before {
	content: "��ס ˵��"
}

.m-chatBar>.voiceBtn.z-hold {
	background-color: #e3e3e3;
	color: #000
}

.m-chatBar>.voiceBtn.z-hold::before {
	content: "�ɿ� ����"
}

.m-payBox {
	min-height: 2.8rem
}

.m-payBox>.name {
	text-align: center;
	padding: .12rem .24rem;
	font-size: .34rem;
	color: #333
}

.m-payBox>.price {
	text-align: center;
	padding: 0 .2rem;
	font-size: .4rem;
	font-weight: 700;
	padding-bottom: .12rem;
	color: #000;
	border-bottom: 1px solid #f5f5f5
}

.m-payBox>.price span {
	font-size: .32rem;
	vertical-align: text-top
}

.m-payList {
	margin-left: .2rem
}

.m-payList>a {
	display: block;
	height: .8rem;
	line-height: .8rem;
	color: #333;
	font-size: .28rem;
	border-bottom: 1px solid #f5f5f5
}

.m-payList>a>i {
	margin-right: .12rem;
	font-size: .4rem;
	height: .8rem;
	line-height: .8rem;
	text-align: left;
	width: .4rem
}

.m-payList>a[data-type="1"]>i::before {
	content: '\e66f';
	color: #f6d24d
}

.m-payList>a[data-type="2"]>i::before {
	content: '\e600';
	color: #4ea82f
}

.m-payList>a[data-type="3"]>i::before {
	content: '\e694';
	color: #5c98f6
}

.m-payList>a[data-type="4"]>i::before {
	content: '\e600';
	color: #4ea82f
}

.m-orderList>li {
	border-bottom: 1px solid #ff6c00;
	background-color: #fff;
	margin-bottom: .1rem;
	padding: .16rem .24rem;
	font-size: .24rem;
	color: #333;
	box-shadow: 0 .02rem .04rem rgba(0,0,0,.05)
}

.m-orderList>li .u-FU_btn {
	height: .58rem;
	line-height: .58rem;
	font-size: .24rem;
	border-radius: .58rem;
	border: none;
	margin-left: .08rem
}

.m-orderList>li>.top {
	border-bottom: 1px solid #f5f5f5;
	line-height: .4rem;
	padding-bottom: .06rem
}

.m-orderList>li>.bot {
	border-top: 1px solid #f5f5f5;
	padding-top: .16rem;
	line-height: .5rem
}

.m-orderList>li>.mid {
	padding: .14rem 0
}

.m-orderList>li>.mid>.avatar {
	width: .8rem;
	height: .8rem;
	margin-right: .12rem
}

.m-orderList>li>.mid>.avatar img {
	border-radius: .1rem
}

.m-orderList>li>.mid>.info {
	overflow: hidden
}

.m-orderList>li>.mid>.info em {
	font-style: normal;
	color: #e42626;
	font-size: .2rem;
	margin-left: .04rem
}

.m-orderList>li>.mid>.info>div {
	line-height: 1.6;
	margin-bottom: .06rem
}

.m-orderList>li>.mid>.info span {
	color: #34a285
}

.m-orderList>li>.mid>.info>.ps {
	color: #666
}

.m-orderList>li>.mid>.time>div {
	font-size: .22rem;
	color: #999;
	padding-top: .1rem;
	line-height: .26rem;
	overflow: hidden
}

.m-orderList>li>.top .time {
	font-weight: 700;
	color: #8c891b
}

.m-orderList>li>.top>.right {
	color: #ff6c00
}

.m-orderList>li[data-status="0"] {
	border-color: #aaa
}

.m-orderList>li[data-status="1"] {
	border-color: #ff6c00
}

.m-orderList>li[data-status="2"] {
	border-color: #ff6c00
}

.m-orderList>li[data-status="3"] {
	border-color: #55e26e
}

.m-orderList>li[data-status="4"] {
	border-color: #55e26e
}

.m-orderList>li[data-status="5"] {
	border-color: #e42626
}

.m-orderList>li[data-status="6"] {
	border-color: #e42626
}

.m-orderList>li[data-status="7"] {
	border-color: #aaa
}

.m-orderList>li[data-status="8"] {
	border-color: #e42626
}

.m-orderList>li[data-status="0"]>.top>.right {
	color: #aaa
}

.m-orderList>li[data-status="1"]>.top>.right {
	color: #ff6c00
}

.m-orderList>li[data-status="2"]>.top>.right {
	color: #ff6c00
}

.m-orderList>li[data-status="3"]>.top>.right {
	color: #55e26e
}

.m-orderList>li[data-status="4"]>.top>.right {
	color: #55e26e
}

.m-orderList>li[data-status="5"]>.top>.right {
	color: #e42626
}

.m-orderList>li[data-status="6"]>.top>.right {
	color: #e42626
}

.m-orderList>li[data-status="7"]>.top>.right {
	color: #aaa
}

.m-orderList>li[data-status="8"]>.top>.right {
	color: #e42626
}

.m-orderDetails>.block {
	background-color: #fff;
	margin: .24rem;
	padding: .24rem;
	border-radius: .1rem
}

.m-orderDetails>.block>.btns {
	text-align: center
}

.m-orderDetails>.block>.btns>.u-FU_btn {
	display: inline-block;
	height: .52rem;
	line-height: .52rem;
	font-size: .22rem;
	border-radius: .08rem;
	border: none;
	margin-left: .08rem;
	padding: 0 .4rem
}

.m-orderDetails>.block>.btns>.u-FU_btn:first-child {
	margin-left: 0
}

.m-orderDetails>.block>.tipsTxt {
	font-size: .2rem;
	color: #bdbdbd;
	text-align: center;
	margin-bottom: .24rem
}

.m-orderDetails>.block>.tipsTxt>.txt {
	text-align: left;
	display: inline-block;
	line-height: 1.4
}

.m-orderDetails>.block>.tipsTxt span {
	color: #e55a55
}

.m-LRText>div {
	padding: .12rem 0;
	font-size: .22rem
}

.m-LRText>div>.left {
	color: #969696
}

.m-LRText>div>.right {
	color: #2a2a2a
}

.m-filterBar {
	background-color: #fbfbfb;
	height: .68rem;
	line-height: .68rem;
	color: #a0a0a0;
	position: relative
}

.m-filterBar.s-row {
	-webkit-justify-content: left;
	justify-content: left;
	overflow: visible
}

.m-filterBar.s-row>div {
	max-width: 50%;
	overflow: visible;
	font-size: .28rem;
	height: .68rem;
	line-height: .68rem
}

.m-filterBar>div {
	position: relative
}

.m-filterBar>div::before {
	position: absolute;
	width: 1px;
	height: 40%;
	top: 30%;
	background-color: #ccc;
	left: 0;
	content: ""
}

.m-filterBar>div:first-child::before {
	display: none
}

.m-filterBar>div>.cur {
	height: .68rem;
	line-height: .68rem
}

.m-filterBar>div>.cur i {
	margin-left: .06rem
}

.m-filterBar>div>.cur i::before {
	content: "\e661"
}

.m-filterBar>div>.cur.z-cur i::before {
	content: "\e6de"
}

.m-filterBar>div>.cur.z-cur {
	color: #249dff
}

.m-filterBar>div>.cur.z-cur i {
	color: #249dff
}

.m-filterBar>div>.cur.z-cur+.list {
	display: block
}

.m-filterBar>div>.list {
	position: fixed;
	z-index: 3;
	background-color: #fff;
	left: 0;
	right: 0;
	display: none;
	top: 1.48rem
}

.m-filterBar>div>.list>div.item {
	display: block;
	height: .68rem;
	line-height: .68rem;
	font-size: .26rem;
	border-bottom: 1px solid #eee;
	margin: 0 .24rem;
	text-align: left;
	color: #a0a0a0
}

.m-filterBar>div>.list>div.item:last-child {
	border-bottom: none
}

.m-filterBar>div>.list>div.item.z-cur {
	color: #249dff
}

.m-filterBar>div>.list>div.item.z-cur::before {
	content: "\e715";
	font-family: pwtv;
	position: absolute;
	font-size: .3rem;
	right: .3rem;
	color: #249dff
}

.m-filter>.p-title {
	text-align: left;
	font-size: .24rem;
	color: #9b9b9b;
	padding: .1rem .24rem
}

.m-filter>.p-list>a {
	font-size: .22rem;
	float: left;
	height: .5rem;
	line-height: .5rem;
	border: 1px solid #e8e8e8;
	border-radius: .04rem;
	box-shadow: 0 0 1px rgba(0,0,0,.05);
	width: 1.32rem;
	text-align: center;
	margin-left: .24rem;
	color: #212121;
	margin-bottom: .24rem
}

.m-filter>.p-list>a.z-cur {
	background-color: #e8f4ff;
	color: #0990ff;
	border-color: #99d0ff;
	box-shadow: 0 0 1px #99d0ff
}

.u-FU_btn.s-filter {
	height: .6rem;
	line-height: .6rem;
	background-color: #1d9aff;
	font-size: .28rem;
	border-radius: .1rem;
	margin: 0 .24rem;
	margin-bottom: .24rem
}

html.s-pc .u-FU_btn.s-filter:hover {
	background-color: #37a6ff
}

.m-wbInfo {
	background-color: #fff;
	padding: .2rem .24rem
}

.m-wbInfo>.avatar {
	width: 1.2rem;
	height: 1.2rem;
	margin-left: auto;
	margin-right: auto;
	border: .06rem solid #ececec;
	padding: 0;
	border-radius: .06rem;
	margin-bottom: .2rem
}

.m-wbInfo>.avatar img {
	display: block;
	width: 100%;
	height: 100%
}

.m-wbInfo>.info {
	font-size: .24rem;
	line-height: 1.6;
	text-align: justify;
	color: #333
}

.m-wbInfo>.info i {
	vertical-align: middle;
	margin-right: .06rem
}

.m-wbInfo>.info>.left {
	padding: .06rem 0;
	line-height: 1.8;
	color: #666
}

.m-wbInfo>.btns>.u-FU_btn {
	margin-left: .24rem;
	border-radius: .06rem;
	height: .52rem;
	line-height: .52rem;
	font-size: .2rem;
	background-color: #e4a42f
}

.m-wbInfo>.btns>.u-FU_btn:first-child {
	margin-left: 0
}

.m-peiwanList.s-wb {
	background-color: transparent
}

.m-peiwanList.s-wb>li {
	margin-bottom: .24rem
}

.m-peiwanList.s-wb>li>.name {
	padding: 0 .12rem;
	font-size: .28rem;
	height: .52rem;
	line-height: .52rem
}

.m-peiwanList.s-wb>li>.name>.index {
	background-color: #79c7ec;
	font-size: .2rem;
	color: #fff;
	padding: 0 .12rem;
	height: .3rem;
	line-height: .3rem;
	vertical-align: top;
	margin-top: .11rem;
	display: inline-block;
	border-radius: .06rem;
	margin-right: .12rem
}

.m-peiwanList.s-wb>li[data-sex="2"]>.name>.index {
	background-color: #ff96b5
}

.m-peiwanList.s-wb>li>.bar {
	padding: 0 .12rem;
	margin-bottom: .12rem
}

.m-peiwanList.s-wb>li>.time {
	text-align: center;
	background-color: #49d674;
	color: #fff;
	font-size: .24rem;
	font-weight: 700;
	height: .4rem;
	line-height: .4rem
}

.m-peiwanList.s-wb>li[data-status="2"]>.time {
	background-color: #ff7d0d
}

.m-peiwanList.s-wb>li {
	background-color: #fff;
	padding: 0;
	border-radius: .1rem;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.m-peiwanList.s-wb>li>.btn {
	background-color: #79c7ec;
	height: .54rem;
	line-height: .54rem;
	border-bottom: .05rem solid #629db9
}

.m-peiwanList.s-wb>li[data-sex="2"]>.btn {
	background-color: #ff96b5;
	border-bottom: .05rem solid #ca7991
}

.m-peiwanList.s-wb>li>.bar>.price {
	line-height: .36rem;
	font-size: .28rem
}

.u-FU_btn.s-wb {
	margin: .24rem;
	background-color: #e4a42f;
	border-radius: .1rem
}

.u-userLv {
	display: inline-block;
	height: .4rem;
	line-height: .4rem;
	background-color: #65a5ee;
	border-radius: .06rem;
	color: #fff;
	font-size: .2rem;
	text-align: left;
	padding-left: .12rem;
	padding-right: .24rem;
	border: .03rem solid #acd6ff;
	box-shadow: 0 0 .03rem .03rem rgba(0,0,0,.1)
}

.u-userLv>i {
	margin-right: .06rem;
	color: #d6ecfd;
	font-size: .22rem
}

.u-userLv .val {
	-webkit-text-stroke: 1px rgba(0,0,0,.1);
	font-weight: 700;
	display: inline-block;
	vertical-align: middle
}

.m-taskDetails {
	background-color: #fff;
	font-size: .24rem;
	margin-bottom: .2rem;
	box-shadow: 0 .1rem .1rem rgba(0,0,0,.05);
	padding: .2rem 0;
	min-height: 4.4rem
}

.m-taskDetails>.require {
	padding: .24rem
}

.m-taskDetails>.require>li {
	font-size: .26rem;
	color: #525252;
	min-height: .3rem;
	margin-bottom: .04rem;
	line-height: 1.6
}

.m-taskDetails>.require>li span {
	color: #000;
	margin-right: .06rem
}

.m-taskDetails>.avatar {
	width: 1.2rem;
	height: 1.2rem;
	margin-left: auto;
	margin-right: auto;
	border-radius: 1.2rem;
	border: .06rem solid #e0e0e0;
	overflow: hidden
}

.m-taskDetails>.avatar img {
	border-radius: 1.2rem;
	width: 1.2rem;
	height: 1.2rem;
	background-color: #ccc
}

.m-taskDetails>.btns {
	text-align: center
}

.m-taskDetails>.btns>.btn {
	width: 2rem;
	background-color: #00a6ff;
	border-radius: .06rem;
	box-shadow: 0 0 .06rem .02rem rgba(0,0,0,.15);
	height: .62rem;
	line-height: .62rem;
	font-size: .22rem
}

.m-taskDetails>.btns>.btn:first-child {
	margin-right: .2rem
}

.m-taskDetails>.tips {
	color: red;
	font-size: .18rem;
	text-align: center;
	padding-top: .2rem
}

html.s-pc .m-taskDetails>.btns>.btn:hover {
	background-color: #3ab6f9;
	box-shadow: 0 0 .06rem .02rem rgba(0,0,0,.15)
}

.m-chatTips {
	position: absolute;
	right: 0;
	top: 1rem;
	box-shadow: 0 0 .1rem rgba(0,0,0,.6);
	height: .6rem;
	line-height: .6rem;
	padding: 0 .12rem;
	background-color: #ff96b5;
	color: #fff;
	border-top-left-radius: .6rem;
	border-bottom-left-radius: .6rem;
	z-index: 3
}

.m-chatTips img {
	width: .48rem;
	height: .48rem;
	border-radius: .48rem;
	margin-right: .12rem;
	margin-top: .06rem
}

.m-chatTips .txt {
	overflow: hidden;
	font-size: .22rem
}

.m-timeCountX {
	line-height: 1.5;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden
}

.m-timeCountX .time-second {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin-top: -.75em;
	text-align: center;
	font-size: 14px
}

.m-timeCountX svg {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg)
}

.m-timeCountX>svg {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 110px;
	height: 110px
}

.m-timeCountX circle {
	transition: stroke-dasharray .2s;
	-webkit-transition: stroke-dasharray .2s
}

.m-indexHead {
	overflow: hidden
}

.m-newTaskBlock {
	border: 1px solid #ededed;
	height: 1.2rem;
	
	box-shadow: 0 0 .12rem .03rem rgba(0,0,0,.05);
	border-radius: .12rem;
	position: relative
}

.m-newTaskBlock>.txt1 {
	padding-left: .2rem;
	padding-top: .2rem;
	color: #111;
	font-size: .24rem;
	font-weight: 700
}

.m-newTaskBlock>.txt2 {
	padding-left: .2rem;
	padding-top: .0rem;
	color: #999;
	font-size: .18rem
}

.m-newTaskBlock>.txt2 span {
	color: #e42626
}

.m-newTaskBlock>.btn {
	position: absolute;
	right: 10%;
	top: 50%;
	margin: -.36rem;
	height: .72rem;
	line-height: .72rem;
	background: -webkit-linear-gradient(to right,#2fceff,#39a7ff);
	background: -o-linear-gradient(to right,#2fceff,#39a7ff);
	background: -moz-linear-gradient(to right,#2fceff,#39a7ff);
	background: linear-gradient(to right,#2fceff,#39a7ff);
	border-radius: .12rem
}

.m-newTaskBtn {
	padding: .16rem .24rem;
	background-color: #fff;
	text-align: center
}

.m-newTaskBtn>.u-FU_btn {
	display: block;
	font-size: .26rem;
	margin-left: auto;
	margin-right: auto;
	max-width: 2rem;
	border-radius: .06rem;
	background-color: #1d9aff;
	border-bottom: .06rem solid #1b8de9;
	box-shadow: 0 0 .04rem .02rem rgba(0,0,0,.15);
	background: -webkit-linear-gradient(to right,#2fceff,#39a7ff);
	background: -o-linear-gradient(to right,#2fceff,#39a7ff);
	background: -moz-linear-gradient(to right,#2fceff,#39a7ff);
	background: linear-gradient(to right,#2fceff,#39a7ff)
}

.m-newTaskBtn>.u-FU_btn i {
	color: #edf98f;
	font-size: .32rem;
	margin-left: .06rem
}

.m-newTaskBtn>.tips {
	font-size: .2rem;
	color: #999;
	text-align: center;
	padding: .12rem
}

.m-newTaskBtn>a {
	font-size: .22rem
}

.m-orderTabs {
	background-color: #fff;
	padding: .12rem .24rem
}

.m-orderTabs>.u-FU_btn {
	border-radius: .06rem;
	margin-left: .12rem;
	height: .52rem;
	line-height: .52rem;
	background-color: #f3f3f3;
	color: #515151;
	font-size: .2rem
}

.m-orderTabs>.u-FU_btn:first-child {
	margin-left: 0
}

html.s-pc .m-orderTabs>.u-FU_btn:hover {
	background-color: #e5f6ff;
	color: #515151
}

.m-orderTabs>.u-FU_btn.z-cur {
	background-color: #e5f6ff;
	color: #00a6ff
}

html.s-pc .m-newTaskBtn>.u-FU_btn:hover {
	background-color: #40aaff;
	border-color: #3796e3
}

.m-taskList {
	position: relative
}

.m-taskList>li {
	background-color: #fff;
	padding: .24rem;
	margin-bottom: .12rem;
	will-change: transform;
	-webkit-will-change: transform
}

.m-taskList>li>.id {
	padding-bottom: .12rem;
	font-size: .22rem;
	color: #999;
	border-bottom: 1px solid #ccc
}

.m-taskList>li>.info {
	padding: .12rem 0;
	line-height: 1.6;
	font-size: .24rem;
	color: #333
}

.m-taskList>li>.bar {
	border-top: 1px solid #ccc;
	padding-top: .12rem;
	font-size: .22rem;
	color: #999
}

.m-taskList>li>.bar>.status[data-status="1"] {
	color: #999
}

.m-taskList>li>.bar>.status[data-status="2"] {
	color: #09bb07
}

.m-taskList>li>.bar>.status[data-status="3"] {
	color: #de700f
}

.m-taskList>li>.bar>.status[data-status="4"] {
	color: #e41053
}

.m-taskList>li>.bar>.status[data-status="5"] {
	color: #22c389
}

.m-taskList>li>.bar>.status[data-status="6"] {
	color: red
}

.flip-list-move {
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	box-shadow: 0 0 .03rem .03rem rgba(0,0,0,.05);
	border: none!important
}

.flip-list-enter-to,.flip-list-leave {
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0)
}

.flip-list-enter,.flip-list-leave-to {
	opacity: 0;
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%)
}

.flip-list-enter-active,.flip-list-leave-active {
	transition: all .4s ease;
	-webkit-transition: all .4s ease
}

.u-FU_btn.s-shopBigBtn {
	margin: .12rem .24rem;
	display: block;
	border-radius: .12rem
}

.m-shopList {
	padding: .32rem .24rem
}

.m-shopList>div {
	display: flex;
	background-color: #fff;
	border-radius: .1rem;
	margin-bottom: .12rem;
	padding: .24rem .2rem
}

.m-shopList>div>.shopIcon {
	flex-shrink: 0;
	width: 1rem;
	height: 1rem;
	margin-right: .2rem;
	background-color: #ccc;
	border-radius: .1rem
}

.m-shopList>div>.shopIcon img {
	border-radius: .1rem;
	width: 1rem;
	height: 1rem;
	display: block;
	margin-bottom: .12rem
}

.m-shopList>div>.shopIcon>.status {
	text-align: center;
	background-color: #55e26e;
	color: #fff;
	padding: .06rem 0;
	font-size: .18rem;
	border-radius: .06rem
}

.m-shopList>div>.shopInfo {
	flex-grow: 1
}

.m-shopList>div>.shopInfo>.title {
	font-size: .28rem;
	color: #000;
	margin-bottom: .12rem;
	line-height: 1.2
}

.m-shopList>div>.shopInfo>.desc {
	font-size: .22rem;
	color: #333;
	line-height: 1.4;
	margin-bottom: .12rem
}

.m-shopList>div>.shopInfo>.info {
	font-size: .2rem;
	color: #999;
	line-height: 1.4;
	margin-bottom: .12rem
}

.m-shopList>div>.shopInfo>.info span {
	margin-right: .12rem
}

.m-shopList>div>.shopInfo>.btns {
	text-align: right
}

.m-shopList>div>.shopInfo>.btns .u-FU_btn {
	height: .54rem;
	line-height: .54rem;
	border-radius: .06rem;
	font-size: .24rem;
	margin-left: .12rem
}

.m-shopDetails {
	padding-top: 1rem;
	min-height: 5rem;
	background: 0 0;
	position: relative
}

.m-shopDetails>.bgColor {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -2;
	background-color: #fff
}

.m-shopDetails>.bgImg {
	height: 2rem;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	border-radius: 0 0 50% 50%;

	background: #fff url(../img/shop/top_bg.png) bottom center no-repeat;
	background-size: cover;
	z-index: -1;
	transform: scale(1.1);
	-webkit-transform: scale(1.1)
}

.m-shopDetails>.infoBlock {
	border-radius: .08rem;
	background-color: #fff;
	margin: 0 .24rem;
	margin-bottom: .2rem;
	padding: .2rem;
	box-shadow: 0 .04rem .1rem rgba(0,0,0,.1)
}

.m-shopDetails>.infoBlock>.icon {
	text-align: center;
	margin-bottom: .12rem
}

.m-shopDetails>.infoBlock>.icon img {
	width: .8rem;
	height: .8rem;
	border-radius: .06rem;
	border: .06rem solid rgba(0,0,0,.2)
}

.m-shopDetails>.infoBlock>.name {
	text-align: center;
	font-size: .26rem;
	color: #333;
	line-height: 1.8
}

.m-shopDetails>.tabs {
	position: -webkit-sticky;
	position: sticky;
	top: .8rem
}

.m-shopDetails>.serviceList {
	flex-grow: 1;
	flex-shrink: 0;
	background-color: #c00;
	width: 100%;
	position: relative;
	display: flex
}

.m-appdowan {
	background-color: #fff;
	padding: .4rem
}

.m-appdowan>.appInfo {
	margin-left: auto;
	margin-right: auto;
	width: 4rem;
	margin-bottom: .3rem
}

.m-appdowan>.appInfo>.logo {
	margin-right: .2rem
}

.m-appdowan>.appInfo>.logo img {
	width: 1.2rem;
	height: 1.2rem
}

.m-appdowan>.appInfo>.txt {
	overflow: hidden
}

.m-appdowan>.appInfo>.txt>.title {
	font-size: .32rem;
	color: #000;
	font-weight: 700
}

.m-appdowan>.appInfo>.txt>.txt2 {
	font-size: .26rem;
	color: #666;
	padding-top: .14rem
}

.m-appdowan>.appInfo>.txt>.txt3 {
	font-size: .22rem;
	color: #ccc;
	padding-top: .14rem
}

.m-appdowan>.downBtn {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: .8rem
}

.m-appdowan>.downBtn .u-FU_btn {
	border-radius: .1rem
}

.m-appdowan>.description {
	line-height: 1.8;
	font-size: .26rem;
	margin-bottom: .4rem
}

.m-appdowan>.appImages {
	margin-bottom: .4rem
}

.m-appdowan>.appImages>b {
	margin-bottom: .4rem;
	display: block
}

.m-appAuthorize {
	padding: .24rem
}

.m-appAuthorize>.txt1 {
	font-weight: 700;
	font-size: .3rem;
	color: #000;
	margin-bottom: .2rem
}

.m-appAuthorize>.txt2 {
	font-size: .26rem;
	color: #333;
	line-height: 1.6
}

.m-appAuthorize>.list {
	list-style: disc;
	padding: .12rem .36rem
}

.m-appAuthorize>.list li {
	list-style: disc;
	margin-bottom: .32rem
}

.m-appAuthorize>.list li>.txt3 {
	font-size: .28rem;
	color: #000;
	font-weight: 700;
	margin-bottom: .14rem
}

.m-appAuthorize>.list li>.txt4 {
	font-size: .24rem;
	color: #333;
	line-height: 1.8
}

.m-appAuthorize>.txt5 {
	font-size: .18rem;
	color: #999;
	text-align: center;
	margin-bottom: .12rem
}

.m-appAuthorize>.txt6 {
	font-size: .2rem;
	color: #999;
	text-align: left;
	line-height: 1.8;
	text-align: center;
	margin-bottom: .3rem
}

.m-appAuthorize>.btn1 {
	display: block;
	border-radius: .6rem;
	margin-bottom: .12rem
}

.m-appAuthorize>.btn2 {
	display: block;
	background-color: transparent;
	color: #868484
}

.m-about {
	background-color: #fff;
	padding: .24rem
}

.m-FU_modal.s-appUpdate {
	width: 5.32rem;
	max-width: 5.32rem;
	background-color: transparent
}

.m-FU_modal.s-appUpdate>.p-ct {
	margin: 0
}

.m-appUpdate {
	font-size: .24rem;
	color: #333;
	background: url(../img/app_update_bg.png) center top no-repeat;
	background-size: 5.32rem 3.11rem;
	width: 5.32rem;
	min-height: 3.11rem;
	padding-top: 3.11rem
}

.m-appUpdate>.main {
	background-color: #fff;
	padding: .3rem .38rem .54rem .3rem;
	border-bottom-left-radius: .28rem;
	border-bottom-right-radius: .28rem;
	font-size: .24rem;
	color: #000
}

.m-appUpdate>.main>.btn {
	margin-left: .12rem;
	margin-right: .12rem;
	height: .84rem;
	line-height: .84rem;
	padding-top: 0;
	border-radius: .1rem;
	text-align: center;
	color: #fff;
	font-size: .3rem;
	background-color: #616064;
	display: block;
	background: linear-gradient(81deg,#646368 0,#252525 100%);
	box-shadow: 0 4px 13px 0 rgba(141,141,141,.35)
}

.m-versionUpData {
	background-color: #fff;
	padding: .24rem
}

.m-versionUpData .txt1 {
	font-size: .36rem;
	font-weight: 700;
	color: #000;
	margin-bottom: .2rem
}

.m-versionUpData .txt2 {
	font-size: .26rem;
	padding: .12rem .24rem;
	line-height: 1.8;
	color: #333;
	padding-bottom: .24rem;
	border-bottom: 1px solid #d5d5d5;
	list-style: disc
}

.m-versionUpData .txt2 li {
	list-style: disc
}

.m-about {
	line-height: 1.8;
	font-size: .26rem;
	color: #333
}

.m-btn {
	background-color: #fff;
	padding: .24rem;
	text-align: center
}

.m-btn>.u-FU_btn {
	border-radius: .06rem;
	display: inline-block;
	width: 1.5rem;
	height: .6rem;
	line-height: .6rem;
	font-size: .24rem;
	background-color: #14a6e0;
	color: #fff;
	margin-left: .12rem
}

.m-btn>.u-FU_btn:first-child {
	margin-left: 0
}

.m-btn>.u-FU_btn i {
	font-size: .26rem;
	vertical-align: -.02rem;
	margin-left: .06rem
}

html.s-pc .m-btn>.u-FU_btn:hover {
	background-color: #30b4e8;
	border-color: #14a6e0
}

.u-FU_btn.s-big {
	height: .8rem;
	line-height: .8rem;
	font-size: .3rem;
	border-radius: .8rem
}

.m-botBtn {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	height: .68rem;
	padding: .16rem .24rem;
	box-shadow: 0 0 .1rem rgba(0,0,0,.15);
	bottom: constant(safe-area-inset-bottom);
	bottom: env(safe-area-inset-bottom)
}

.m-botBtn>.u-FU_btn {
	display: block;
	height: .68rem;
	line-height: .68rem;
	font-size: .3rem;
	border-radius: .06rem;
	border: none
}

.m-botBtn>.u-FU_btn~.u-FU_btn {
	margin-left: .2rem
}

.m-botBtn.s-opacity {
	background-color: rgba(255,255,255,.85);
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px)
}

.m-numberZone {
	display: inline-block;
	vertical-align: middle;
	height: .52rem
}

.m-numberZone>input {
	width: .82rem;
	text-align: center;
	font-size: .26rem;
	color: #333;
	height: .5rem;
	border: 1px solid #ccc;
	float: right;
	padding: 0 .05rem
}

.m-numberZone>input:first-child {
	float: left
}

.m-numberZone>span {
	text-align: center;
	font-weight: 700;
	font-size: .24rem;
	overflow: hidden;
	display: block;
	height: .5rem;
	line-height: .5rem;
	padding: 1px 0;
	min-width: .36rem
}

.u-FU_number .p-btn {
	height: .5rem;
	line-height: .5rem;
	font-size: .24rem
}

.u-FU_number input {
	height: .5rem;
	font-size: .24rem;
	min-width: .5rem;
	padding: 0;
	margin-left: 0
}

.u-FU_number .p-btn {
	min-width: .3rem;
	padding: 0 .13rem
}

.m-cell>li>.right>.u-FU_number>.p-input {
	width: 1.08rem;
	padding-left: 0
}

.u-sex {
	margin-left: .04rem;
	color: #4cafc4;
	font-size: .28rem;
	width: .28rem;
	height: .28rem;
	line-height: .28rem;
	vertical-align: middle
}

.u-sex.s-1::before {
	content: "\e71c";
	vertical-align: 0
}

.u-sex.s-2 {
	color: #e8439d
}

.u-sex.s-2::before {
	content: "\e71a";
	vertical-align: 0
}

::-webkit-scrollbar-track-piece {
	background-color: transparent;
	-webkit-border-radius: 0;
	border-radius: 0
}

::-webkit-scrollbar {
	width: 4px;
	height: 4px
}

::-webkit-scrollbar-thumb {
	background-color: #999;
	-webkit-border-radius: 3px;
	border-radius: 0
}

::-webkit-scrollbar-thumb:hover {
	background-color: #9f9f9f;
	-webkit-border-radius: 3px;
	border-radius: 0
}

::-webkit-scrollbar {
	width: 3px
}

html.s-dev #M-appLoading {
	display: none
}

#M-appLoading {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 998;
	background: #fff
}

#M-appLoading>.logo {
	text-align: center;
	padding-top: 1.2rem
}

#M-appLoading>.logo i {
	font-size: 2.8rem;
	text-align: center;
	color: #000;
	animation: shake-it .3s reverse infinite cubic-bezier(.68,-.55,.27,1.55);
	-webkit-animation: shake-it .3s reverse infinite cubic-bezier(.68,-.55,.27,1.55)
}

#M-appLoading>.txt {
	position: absolute;
	bottom: 20%;
	text-align: center;
	width: 100%;
	font-size: .4rem;
	line-height: .6rem
}

#M-appLoading>.txt>.name {
	color: #000
}

#M-appLoading>.txt>.slogan {
	font-size: .22rem;
	color: #999
}

#M-appLoading>.prefetch {
	height: 0;
	visibility: hidden
}

@keyframes shake-it {
	0% {
		text-shadow: 0 0 rgba(0,255,255,.5),0 0 rgba(255,0,0,.5)
	}

	25% {
		text-shadow: -.05rem 0 rgba(0,255,255,.5),2px 0 rgba(255,0,0,.5)
	}

	50% {
		text-shadow: -.08rem 0 rgba(0,255,255,.5),3px 0 rgba(255,0,0,.5)
	}

	100% {
		text-shadow: .05rem 0 rgba(0,255,255,.5),.08rem 0 rgba(255,0,0,.5)
	}
}

body,html {
	height: 100%;
	margin: 4px;

}

#V-app {
	height: 100%;
	overflow: hidden;
	position: relative
}

@keyframes pageGoOut {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	100% {
		-webkit-transform: translate3d(-30%,0,0);
		transform: translate3d(-30%,0,0)
	}
}

@-webkit-keyframes pageGoOut {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	100% {
		-webkit-transform: translate3d(-30%,0,0);
		transform: translate3d(-30%,0,0)
	}
}

@-moz-keyframes pageGoOut {
	0% {
		-moz-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	100% {
		-moz-transform: translate3d(-30%,0,0);
		transform: translate3d(-30%,0,0)
	}
}

@-ms-keyframes pageGoOut {
	0% {
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	100% {
		-ms-transform: translate3d(-30%,0,0);
		transform: translate3d(-30%,0,0)
	}
}

@-o-keyframes pageGoOut {
	0% {
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	100% {
		-o-transform: translate3d(-30%,0,0);
		transform: translate3d(-30%,0,0)
	}
}

@keyframes pageGoIn {
	0% {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@-webkit-keyframes pageGoIn {
	0% {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@-moz-keyframes pageGoIn {
	0% {
		-moz-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	100% {
		-moz-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@-ms-keyframes pageGoIn {
	0% {
		-ms-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	100% {
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@-o-keyframes pageGoIn {
	0% {
		-o-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	100% {
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@keyframes pageBackIn {
	0% {
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@-webkit-keyframes pageBackIn {
	0% {
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@-moz-keyframes pageBackIn {
	0% {
		-moz-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	100% {
		-moz-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@-ms-keyframes pageBackIn {
	0% {
		-ms-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	100% {
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@-o-keyframes pageBackIn {
	0% {
		-o-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	100% {
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@keyframes pageBackOut {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	100% {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}
}

@-webkit-keyframes pageBackOut {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	100% {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}
}

@-moz-keyframes pageBackOut {
	0% {
		-moz-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	100% {
		-moz-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}
}

@-ms-keyframes pageBackOut {
	0% {
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	100% {
		-ms-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}
}

@-o-keyframes pageBackOut {
	0% {
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	100% {
		-o-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}
}

.slide-left-enter,.slide-right-leave-active {
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0)
}

.slide-left-leave-active,.slide-right-enter {
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0)
}

.V-view {
	transition: all .3s cubic-bezier(.55,0,.1,1);
	-webkit-transition: all .3s cubic-bezier(.55,0,.1,1);
	will-change: transform;
	-webkit-will-change: transform;
	overflow: hidden;
	width: 100%;
	position: absolute;
	z-index: 3;
	position: absolute;
	bottom: 0;
	top: 0;
	overflow-x: hidden;
	background-color: #f3f5f9
}

.V-view>.FScroll {
	bottom: 0;
	top: .8rem;
	margin-top: 0
}

.V-view>.FScroll>.wrap {
	overflow-y: scroll
}

.V-view>.FScroll>.topShade {
	height: .3rem;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 5;
	background-image: -webkit-linear-gradient(90deg,rgba(253,253,253,0),rgba(253,253,253,.8));
	display: none;
	pointer-events: none;
	-webkit-pointer-events: none
}

#V-chat>.FScroll>.topShade {
	display: block
}

.FScroll {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow-y: hidden
}

.FScroll>.wrap {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow-y: scroll;
	padding-bottom: 0!important;
	padding-top: 1px;
	margin-top: -1px;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	bottom: constant(safe-area-inset-bottom);
	bottom: env(safe-area-inset-bottom)
}

#V-userlist .FScroll>.wrap.z-noscroll>div {
	min-height: 100%
}

.FScroll>.wrap.z-transition {
	transition: transform .68s ease
}

.FScroll>.refresh {
	height: .4rem;
	line-height: .4rem;
	text-align: center;
	width: 1.6rem;
	font-size: .2rem;
	position: absolute;
	z-index: -1;
	top: .1rem;
	left: 50%;
	margin-left: -.8rem;
	padding: .12rem;
	background-color: #fff;
	border-radius: .1rem
}

html[skin=dynamic] .M-footNav,html[skin=index] .M-footNav,html[skin=msg] .M-footNav,html[skin=my] .M-footNav {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

#V-index {
	background-color: #fff
}

#V-index>.FScroll>.refresh {
	background-color: #ff96b5;
	color: #fff;
	box-shadow: 0 0 .04rem .04rem rgba(0,0,0,.1)
}

#V-dynamic>.FScroll,#V-index>.FScroll,#V-msg>.FScroll,#V-my>.FScroll {
	bottom: 1rem
}

#V-orderform>.FScroll {
	top: 1.48rem
}

#V-userlist>.FScroll {
	top: 1.48rem
}

#V-userlist>.FScroll>.refresh {
	background-color: #fbfbfb
}

#V-search>.FScroll>.refresh {
	background-color: #fbfbfb
}

.u-seize {
	height: 1.6rem
}

.u-loadList {
	text-align: center;
	height: 1rem;
	line-height: 1rem;
	font-size: .26rem;
	background-color: #fff;
	width: 2rem;
	border-radius: 1rem;
	margin-left: auto;
	margin-right: auto
}

.u-loadList>i {
	width: .6rem;
	height: .6rem;
	display: inline-block;
	vertical-align: middle;
	background: url(../svg/loadmore.svg) center center no-repeat;
	background-size: contain
}

.u-loadmore {
	background: url(../svg/loadmore.svg) center top no-repeat;
	height: 1rem;
	background-size: contain;
	position: absolute;
	bottom: .6rem;
	left: 0;
	right: 0
}

.u-loadmore.s-relative {
	position: relative;
	bottom: 0
}

.u-loadmore.s-index {
	position: relative;

	bottom: .2rem
}

@keyframes botMenuIn {
	0% {
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@keyframes botMenuOut {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	100% {
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}
}

@-webkit-keyframes botMenuIn {
	0% {
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@-webkit-keyframes botMenuOut {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	100% {
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}
}

.m-indexTitle {
	display: flex;
	padding: .28rem .28rem;
	justify-content: space-between;
	align-items: center
}

.m-indexTitle>.title {
	height: .42rem;
	font-size: .3rem;
	font-weight: 500;
	line-height: .42rem;
	color: #232323;
	flex-shrink: 0
}

.m-indexTitle>.funnel {
	flex-shrink: 0;
	display: flex;
	align-items: center
}

.m-indexTitle>.funnel>.i-funnel {
	background: url(../theme/default/img/common/funnel.png) center center no-repeat;
	background-size: .21rem .2rem;
	margin-right: .14rem;
	flex-shrink: 0;
	width: .21rem;
	height: .2rem
}

.m-indexTitle>.funnel>.txt {
	height: .37rem;
	font-size: .26rem;
	font-weight: 400;
	line-height: .37rem;
	color: #9b9b9b;
	flex-grow: 1
}

.m-timeGoodsList {
	padding: 0 .10rem;
}

.m-timeGoodsList>.goodsItem {
	margin-bottom: .4rem;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.m-timeGoodsList>.goodsItem>.itemLeft {
	width: 1.86rem;
	flex-shrink: 0;
	margin-right: .26rem;
	position: relative
}

.m-timeGoodsList>.goodsItem>.itemLeft>img {
	width: 1.86rem;
	height: 1.86rem;
	border-radius: .26rem;
	background-color: #f0f2f5
}

.m-timeGoodsList>.goodsItem>.itemRight {
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	flex-wrap: nowrap;
	min-height: 1.86rem;
	min-width: 0
}

.m-timeGoodsList>.goodsItem>.itemRight>.topTxt {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
	height: .38rem;
	margin-bottom: .1rem
}

.m-timeGoodsList>.goodsItem>.itemRight>.topTxt>.user {
	display: flex;
	align-items: center;
	flex-grow: 1;
	min-width: 0
}

.m-timeGoodsList>.goodsItem>.itemRight>.topTxt>.user>.nickname {
	font-size: .27rem;
	font-weight: 500;
	line-height: .38rem;
	color: #000
}

.m-timeGoodsList>.goodsItem>.itemRight>.topTxt>.user>.i-sex {
	background: url(../theme/default/img/common/sex_1.png) center center no-repeat;
	background-size: .24rem .24rem;
	width: .24rem;
	height: .24rem;
	flex-shrink: 0;
	margin-left: .1rem
}

.m-timeGoodsList>.goodsItem>.itemRight>.topTxt>.user>.i-sex[data-sex="2"] {
	background: url(../theme/default/img/common/sex_2.png) center center no-repeat;
	background-size: .24rem .24rem
}

.m-timeGoodsList>.goodsItem>.itemRight>.topTxt>.hot {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	margin-left: .1rem
}

.m-timeGoodsList>.goodsItem>.itemRight>.topTxt>.hot>.i-hot {
	background: url(../theme/default/img/common/hot.png) center center no-repeat;
	background-size: .16rem .19rem;
	width: .16rem;
	height: .19rem;
	flex-shrink: 0;
	margin-right: .08rem
}

.m-timeGoodsList>.goodsItem>.itemRight>.topTxt>.hot>.hotTxt {
	flex-shrink: 0;
	font-size: .2rem;
	font-weight: 400;
	line-height: .28rem;
	color: #ff6c00;
	opacity: 1
}
.botTxt .hot {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: .1rem;
    flex-grow: 1;
    justify-content: flex-end;
}
.topTxt .online {
    display: flex;
    align-items: center;
}
.topTxt .online i {
    display: flex;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: rgba(13,199,100,.95);
    margin-right: 5px;
}
.botTxt .hot .i-hot {
    background: url(/skin/images/hot.png) center center no-repeat;
    background-size: 19px 19px;
    width: 19px;
    height: 23px;
    flex-shrink: 0;
    margin-right: .08rem;
}
.botTxt .hot .hotTxt {
    flex-shrink: 0;
    font-size: .2rem;
    font-weight: 400;
    line-height: .28rem;
    color: #ff6c00;
    opacity: 1;
}
.m-timeGoodsList>.goodsItem>.itemRight>.ctTxt {
	font-size: .2rem;
	font-weight: 400;
	line-height: .28rem;
	
	color: #797979;
	padding-left: .16rem;
	padding-top: .1rem;
	background: url(../theme/default/img/common/hi.png) left top no-repeat;
	background-size: .48rem .37rem;
	margin-bottom: .18rem
}

.m-timeGoodsList>.goodsItem>.itemRight>.botTxt {
	height: .54rem;
	display: flex;
	align-items: center
}

.amount {
	font-size: 18px;
	font-weight: 700;
	color: red
}

.unit {
	font-size: .2rem;
	font-weight: 400;
	margin-left: .08rem;
	position: relative;
	color: #000;
	top: .06rem
}

.m-funnelModal {
	padding: .36rem .56rem .6rem .56rem
}

.m-funnelModal>.titleTxt {
	font-size: .26rem;
	font-weight: 500;
	line-height: .36rem;
	color: #232323;
	margin-bottom: .5rem;
	text-align: center
}

.m-funnelModal>.selectList {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	min-width: 0;
	margin-bottom: .12rem
}

.m-funnelModal>.selectList>.selectItem {
	text-align: center;
	width: 1.28rem;
	padding: 0 .12rem;
	height: .68rem;
	line-height: .68rem;
	background-color: #f4f4f4;
	border-radius: .42rem;
	border: 1px solid #f4f4f4;
	font-size: .26rem;
	margin-bottom: .36rem
}

.m-funnelModal>.selectList>.selectItem[data-cur="1"] {
	border-color: #5a94f6;
	background-color: #e6f8ff;
	color: #5d99f7
}

.m-funnelModal>.bigBtn {
	height: .68rem;
	line-height: .68rem;
	background: linear-gradient(270deg,#79d7fa 0,#5a93f6 100%);
	border-radius: .42rem;
	display: block;
	font-size: .26rem;
	font-weight: 400;
	color: #fff
}

.m-voiceBar {
width: 99px;
    height: 31px;
	box-shadow: 3px 3px 17px rgba(0,0,0,.16);
	background-color: rgba(255,255,255,.58);
	border-radius: .12rem
}

.m-voiceBar.s-goods {
position: absolute;
    bottom: 55px;
    left: 50px;
    margin-left: -.67rem;
}

.m-voiceBar>.voiceLen {
position: absolute;
    height: .44rem;
    line-height: .44rem;
    right: .14rem;
    top: 10px;
    font-size: 16px;
    color: #000;
}

.i-hot {
    background: url(/skin/images/hot.png) center center no-repeat;
    background-size: .16rem .19rem;
    width: .16rem;
    height: .19rem;
    flex-shrink: 0;
    margin-right: .08rem;
}


.m-voiceBar>.i-playStatus {
	background: url(/skin/images/voice_play.png) left top no-repeat;
	
    height: 52px;
    background-size: 32px 32px;
    position: absolute;
    left: -.61rem;
    top: 0;
}

.m-voiceBar.z-play>.i-playStatus {
	background: url(../theme/default/img/common/voice_pause.png) left top no-repeat;
	background-size: .44rem .44rem
}

.m-voiceBar>.i-wave {
	background: url(/skin/images/wave.png) left top no-repeat;
width: 46px;
    height: 29px;
    /* background-size: 29px 29px; */
    position: absolute;
    left: 30px;
    top: 5%;
    margin-top: 2px;
}

@keyframes voiceWave {
	from {
		width: 0
	}

	to {
		width: .4rem
	}
}

.m-voiceBar.z-play>.i-wave {
	background: url(../theme/default/img/common/wave_play.png) left top no-repeat;
	background-size: .39rem .24rem;
	animation: voiceWave .8s infinite linear
}