@charset "utf-8";

* {
	word-wrap: break-word;
	margin: 0;
	padding: 0;
}

html,body,fieldset {
	margin: 0;
	padding: 0;
}

body {
	font: 14px/1.6 Microsoft YaHei,-apple-system,BlinkMacSystemFont,Helvetica,sans-serif;
	color: #333;
	background-color: #fff;
	-webkit-text-size-adjust: none;
}

ul,ol,li,dl,dt,dd,p,span,h1,h2,h3,h4,h5,h6,form {
	margin: 0;
	padding: 0;
	border: 0;
	z-index: inherit;
}

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

input,select,textarea {
	font: 14px/1.5 Microsoft YaHei,Helvetica,sans-serif;
	border: 1px solid #ededed;
	border-radius: 2px;
	-webkit-appearance: none;
}

input,textarea,select,button,a {
	outline: none;
}

input:focus,textarea:focus,select:focus {
	box-shadow: 0 0 6px rgba(0,0,0,.05) inset;
	transition: all 0.1s ease 0s;
}

input[type="radio"],input[type="checkbox"] {
	box-shadow: none;
	vertical-align: middle;
	width: 16px !important;
	height: 16px !important;
	margin: 0px 5px 1px 0px;
	padding: 0px;
	background: #fff;
}

input[type="radio"] {
	-webkit-appearance: radio;
	border-radius: 50%;
}

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

input[type="button"],button {
	border: none;
	box-shadow: none;
}

input[type="button"],input[type="submit"] {
	-webkit-appearance: none;
}

textarea {
	resize: none;
	overflow: hidden;
}

select {
	-moz-appearance: none;
}

table {
	empty-cells: show;
	border-collapse: collapse;
}

caption,th {
	text-align: left;
	font-weight: 400;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 1em;
}

em,cite,i {
	font-style: normal;
}

img,a img {
	border: 0;
	margin: 0;
	padding: 0;
}

img[src*="static/image/smiley"] {
	max-height: 22px;
	vertical-align: top !important;
}

label {
	cursor: pointer;
}

.rq {
	color: red;
}

a:link,a:visited,a:hover {
	color: #333;
	text-decoration: none;
}

.blue,a.blue:link,a.blue:visited,a.blue:hover {
	color: #3869AB;
}

.grey,a.grey:link,a.grey:visited,a.grey:hover {
	color: #a5a5a5;
}

.orange,a.orange:link,a.orange:visited,a.orange:hover {
	color: #f60;
}

.z {
	float: left;
}

.y {
	float: right;
}

.tb {
	border-top: 1px solid #ededed;
}

.bb {
	border-bottom: 1px solid #ededed !important;
}

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

.overflow {
	overflow: hidden;
}

.none {
	display: none;
}

.vm {
	vertical-align: middle;
}

.vm * {
	vertical-align: middle;
}

.hm {
	text-align: center;
}

.smf {
	font-size: 12px !important;
	color: #999 !important;
}

.shen {
	color: #333 !important;
}

.zhong {
	color: #777 !important;
}

.qian {
	color: #999 !important;
}

.nc {
	color: #ddd !important;
}

.br {
	border-radius: 3px;
}

.btno {
	border-top: none !important;
}

.btye {
	border-top: 1px solid #ededed !important;
}

.bbno {
	border-bottom: none !important;
}

.bbye {
	border-bottom: 1px solid #ededed !important;
}

.brbig {
	border-radius: 10px;
}

.brno {
	border-radius: 0px !important;
}

.b_m {
	margin: 10px !important;
}

.b_p {
	padding: 10px !important;
}

.b_mw {
	margin: 15px !important;
}

.b_pw {
	padding: 15px !important;
}

.m_c {
	margin: 0px !important;
}

.p_c {
	padding: 0px !important;
}

.m_z {
	margin: 0px 10px !important;
}

.p_z {
	padding: 0px 10px !important;
}

.mtn {
	margin-top: 5px !important;
}

.mbn {
	margin-bottom: 5px !important;
}

.mtm {
	margin-top: 10px !important;
}

.mbm {
	margin-bottom: 10px !important;
}

.mts {
	margin-top: 15px !important;
}

.mbs {
	margin-bottom: 15px !important;
}

.mtw {
	margin-top: 20px !important;
}

.mbw {
	margin-bottom: 20px !important;
}

.ptn {
	padding-top: 5px !important;
}

.pbn {
	padding-bottom: 5px !important;
}

.ptm {
	padding-top: 10px !important;
}

.pbm {
	padding-bottom: 10px !important;
}

.pts {
	padding-top: 15px !important;
}

.pbs {
	padding-bottom: 15px !important;
}

.ptw {
	padding-top: 20px !important;
}

.pbw {
	padding-bottom: 20px !important;
}

.mtb {
	margin: 9px 0px 10px !important;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.04);
}

.mtmnn {
	margin-top: -10px !important;
}

.mbmnn {
	margin-bottom: -10px !important;
}

.fz0 {
	font-size: 24px !important;
}

.fz1 {
	font-size: 22px !important;
}

.fz2 {
	font-size: 20px !important;
}

.fz3 {
	font-size: 16px !important;
}

.fz4 {
	font-size: 14px !important;
}

.fz5 {
	font-size: 12px !important;
}

.fzb {
	font-weight: bold !important;
}

.pr,.pc {
	vertical-align: middle;
	margin: 0px 5px 1px 0px;
	padding: 0px;
}

.pipe {
	margin: 0px 6px;
	color: #ddd;
}

.content {
	padding: 0px 0px;
	background: #f5f5f5;
	overflow-x: hidden;
}

.bw {
	background: #fff;
}

.bh {
	background: #f9f9f9;
}

.thname {
	padding: 15px 10px;
	font-size: 20px;
	border-bottom: 1px solid #ededed;
	background: #fff;
}

.vatitle {
	padding-bottom: 5px;
	border-bottom: none;
}

.vbtitle {
	padding-bottom: 1px;
	border-bottom: none;
}

.avatars {
	display: block;
	width: 40px;
	height: 40px;
	left: 0px;
	top: 0px;
	border-radius: 50%;
	position: absolute;
}

.avatars img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	vertical-align: top;
}

.avatar {
	display: block;
	width: 30px;
	height: 30px;
	left: 0px;
	top: 0px;
	border-radius: 50%;
	position: absolute;
}

.avatar img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	vertical-align: top;
}

.avatar_small {
	display: block;
	width: 26px;
	height: 26px;
	left: 0px;
	top: 0px;
	border-radius: 50%;
	position: absolute;
}

.avatar_small img {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	vertical-align: top;
}

a.delete_bt {
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	z-index: 2;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #eee;
	color: #bbb;
	font-size: 16px;
	text-align: center;
	overflow: hidden;
}

a.delete_bt i {
	display: inline-block;
	line-height: 24px;
}

a.dialog_ibtn,a.dialog_nbtn {
	height: 28px;
	display: block;
	padding: 0px 12px;
	line-height: 30px;
	color: #fff;
	border-radius: 5px;
	font-size: 14px;
	overflow: hidden;
}

a.dialog_follow {
	height: 24px;
	display: block;
	padding: 0px 10px;
	position: absolute;
	z-index: 1;
	top: 1px;
	right: 0px;
	line-height: 26px;
	color: #ccc;
	border: 1px solid #e9e9e9;
	border-radius: 14px;
	font-size: 14px;
	overflow: hidden;
}

header,.header {
	height: 48px;
}

.header {
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	padding: 0px 50px;
	z-index: 60;
	text-align: center;
	font-size: 20px;
	line-height: 48px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: -webkit-transform 0.4s ease;
	-moz-transition: -moz-transform 0.4s ease;
	transition: transform 0.4s ease;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.header a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}

.header .logo {
	height: 48px;
	vertical-align: top;
}

.header .rnotice,.header .mm-openmenu,.header .rback,.header .gohome,.header .search {
	width: 40px;
	height: 48px;
	display: block;
	position: absolute;
	top: 0px;
	line-height: 48px;
	text-align: center;
}

.header .rnotice {
	text-align: left;
	text-indent: 4px;
	left: 2px;
}

.header .rback {
	text-align: left;
	text-indent: 1px;
	left: 2px;
}

.header .mm-openmenu,.header .gohome {
	right: 2px;
}

.header .search {
	right: 45px;
	z-index: 1;
}

.header .new {
	display: block;
	min-width: 8px;
	height: 14px;
	padding: 0px 3px;
	line-height: 15px;
	font-size: 11px;
	position: absolute;
	top: 6px;
	left: 25px;
	border-radius: 7px;
	z-index: 2;
	font-weight: bold;
	text-indent: 0px;
	overflow: hidden;
}

.header span {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.close_h {
	-webkit-transform: translate(0,-49px);
	-moz-transform: translate(0,-49px);
	transform: translate(0,-49px);
}

.subforumshow {
	height: 44px;
	line-height: 44px;
	font-size: 15px;
	background-color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.subforumshow h2 {
	font-weight: 400;
	padding: 0px 52px 0px 10px;
	position: relative;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.subforumshow h2 span {
	font-size: 15px;
}

.subforumshow h2:after {
	content: "";
	display: inline-block;
	width: 22px;
	height: 10px;
	border: 1px solid #eee;
	position: absolute;
	right: 10px;
	top: 16px;
	border-radius: 6px;
}

.subforumshow h2:before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	position: absolute;
	right: 12px;
	top: 18px;
	border-radius: 50%;
	background: #bbb;
	-webkit-transition: -webkit-transform 0.4s ease;
	-moz-transition: -moz-transform 0.4s ease;
	transition: transform 0.4s ease;
}

.subforumshow h2.no:before {
	background: #ddd;
	-webkit-transform: translate(-12px,0);
	-moz-transform: translate(-12px,0);
	transform: translate(-12px,0);
}

.sub_forum {
	background: #FFF;
	overflow: hidden;
}

.sub_forum .vertical {
	border-bottom: 1px solid #EDEDED;
	position: relative;
	overflow: hidden;
}

.sub_forum .vertical:last-child {
	border-bottom: none;
}

.sub_forum .vertical a {
	display: block;
	height: 46px;
	padding: 12px;
	position: relative;
	overflow: hidden;
}

.sub_forum .vertical a.todayposts {
	padding-right: 70px !important;
}

.sub_forum .vertical img {
	float: left;
	height: 46px !important;
	margin-right: 11px;
	border-radius: 8px;
}

.sub_forum .vertical h1 {
	line-height: 20px;
	font-size: 16px;
	font-weight: 400;
	padding: 3px 0px 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.sub_forum .vertical span.sstbg {
	height: 28px;
	line-height: 29px;
	float: right;
	display: inline-block;
	padding: 0px 12px;
	margin-top: 9px;
	color: #fff;
	border-radius: 3px;
}

.sub_forum .vertical p {
	height: 16px;
	line-height: 16px;
	padding-right: 40px;
	color: #aaa;
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.sub_forum .vertical p.nodescription {
	padding-right: 0px;
}

.sub_forum .vertical em {
	min-width: 8px;
	height: 14px;
	display: inline-block;
	line-height: 15px;
	font-size: 11px;
	padding: 1px 4px;
	border-radius: 8px;
	color: #fff;
	text-align: center;
	background: #f60;
	position: absolute;
	right: 15px;
	top: 27px;
	font-weight: bold;
	overflow: hidden;
}

.sub_forum .vertical i {
	line-height: 12px;
	display: inline-block;
	font-size: 10px;
	color: #f60;
	font-style: italic;
	vertical-align: top;
	position: relative;
	top: -1px;
	margin-left: 2px;
	overflow: hidden;
}

.sub_forum .vertical a.todayposts p {
	padding-right: 20px;
}

.sub_forum .vertical a.forumjoin {
	padding-right: 70px;
}

.sub_forum .vertical a.forumjoin p {
	padding-right: 10px;
}

.sub_forum .vertical a.forumjoin p.nodescription {
	padding-right: 0px;
}

.sub_forum .vertical .dialog_nbtn,.sub_forum .vertical .dialog_delfav {
	height: 28px;
	line-height: 30px;
	padding: 0px 10px;
	border-radius: 5px;
	position: absolute;
	z-index: 1;
	top: 21px;
	right: 11px;
	color: #fff;
	border: none;
}

.sub_forum .vertical .dialog_delfav {
	background: #eee;
}

.sub_forum .twin {
	float: left;
	width: 50%;
	padding: 15px 6px 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.sub_forum .twin a {
	display: block;
	height: 46px;
	padding: 4px 6px;
	position: relative;
}

.sub_forum .twin img {
	float: left;
	height: 46px !important;
	width: 46px;
	margin-right: 11px;
	border-radius: 8px;
	vertical-align: top;
}

.sub_forum .twin h1 {
	line-height: 20px;
	font-size: 16px;
	font-weight: 400;
	padding: 4px 0px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.sub_forum .twin i {
	line-height: 12px;
	display: inline-block;
	font-size: 10px;
	color: #f60;
	font-style: italic;
	vertical-align: top;
	position: relative;
	top: -1px;
	margin-left: 2px;
	overflow: hidden;
}

.sub_forum .twin p {
	line-height: 18px;
	color: #aaa;
	font-size: 10px;
	overflow: hidden;
}

.sub_forum .twin p span {
	position: relative;
	top: 1px;
}

.sub_forum .horizontal {
	float: left;
	width: 25%;
	padding: 15px 0px 0px;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.sub_forum .horizontal a {
	display: block;
	padding: 2px;
	position: relative;
}

.sub_forum .horizontal img {
	height: 46px !important;
	width: 46px;
	border-radius: 8px;
	vertical-align: top;
}

.sub_forum .horizontal h1 {
	line-height: 20px;
	font-weight: 400;
	margin-top: 7px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.sub_forum .horizontal i {
	width: 10px;
	height: 10px;
	display: block;
	border-radius: 50%;
	background: #f60;
	position: absolute;
	left: 50%;
	top: 1px;
	margin-left: -24px;
	border: 2px solid #fff;
	overflow: hidden;
}

.sub_forum .threerows {
	width: 33.33333333%;
}

.forum_right .sub_forum .vertical img {
	width: 46px;
	border-radius: 8px;
}

@media all and (min-width:700px) {
	.sub_forum .horizontal {
		width: 20%;
	}
}

.sub_forum_ps {
	background: #FFF;
	padding-bottom: 2px;
	overflow: hidden;
}

.sub_forum_ps li {
	border-bottom: 1px solid #f5f5f5;
	position: relative;
	overflow: hidden;
}

.sub_forum_ps li:last-child {
	border-bottom: none;
}

.sub_forum_ps li a {
	display: block;
	height: 32px;
	padding: 12px;
	position: relative;
	overflow: hidden;
}

.sub_forum_ps li a:after {
	content: "\e011";
	font-family: "vtoo_mobile";
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	top: 12px;
	right: 2px;
	color: #999;
}

.sub_forum_ps li img {
	float: left;
	height: 32px !important;
	margin-right: 11px;
	border-radius: 5px;
}

.sub_forum_ps li h1 {
	line-height: 32px;
	font-size: 16px;
	font-weight: 400;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.forum_left,.forum_right {
	position: fixed;
	top: 48px;
	bottom: 50px;
	overflow-y: auto;
}

.forum_left {
	left: 0px;
	width: 100px;
	background: #f6f6f6;
}

.forum_left li {
	height: 48px;
	line-height: 48px;
	text-align: center;
	position: relative;
	border-bottom: 1px solid #ededed;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px 6px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.forum_left li.on {
	background: #fff;
}

.forum_left li.on:after {
	content: "";
	display: inline-block;
	width: 2px;
	height: 26px;
	position: absolute;
	left: 0px;
	top: 11px;
}

.forum_right {
	left: 100px;
	right: 0px;
	background: #fff;
}

.forum_right .forumbox {
	display: none;
}

.forum_right .on {
	display: block;
}

.forum_right .sub_forum,.forum_right .vertical {
	border-bottom: 1px solid #f5f5f5;
}

.charts {
	height: 42px;
	padding: 10px 0px;
	background: #fff;
	border-bottom: 1px solid #ededed;
	text-align: center;
	position: relative;
	z-index: 1;
}

.charts ul {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.charts li {
	height: 40px;
	display: table-cell;
	border-right: 1px solid #eee;
	position: relative;
}

.charts li a {
	display: block;
}

.charts p {
	height: 20px;
	line-height: 20px;
	margin-bottom: 2px;
	color: #999;
}

.charts span {
	height: 20px;
	line-height: 20px;
	color: #666;
	font-size: 16px;
	display: block;
}

.charts li:last-child {
	border: none;
}

.my_group_link {
	padding: 0px !important;
}

.my_group_link a {
	display: block;
}

.group_forum h2 {
	padding: 0px 10px;
}

.group_forum h2:after,.group_forum h2:before {
	display: none;
}

.group_forum h2 a.y {
	font-size: 14px;
	color: #aaa;
}

.group_forum .vertical img,.group_forum .horizontal img {
	height: 46px;
	width: 46px;
	border-radius: 8px;
}

.group_box .vertical a.groupjoin,.group_forum .vertical a.groupjoin {
	padding-right: 70px;
}

.group_box .vertical a.groupjoin p {
	padding-right: 10px;
}

.group_box .vertical a.groupjoin p.nodescription {
	padding-right: 0px;
}

.group_memberlist h2 {
	height: 42px;
	padding: 0px 10px;
	line-height: 42px;
	font-weight: 400;
	color: #666;
	font-size: 14px;
	background: #f9f9f9;
	border-bottom: 1px solid #ededed;
	overflow: hidden;
}

.group_memberlist ul {
	background: #fff;
	overflow: hidden;
}

.group_memberlist li {
	height: 60px;
	font-size: 16px;
	border-bottom: 1px solid #efefef;
}

.group_memberlist li a {
	display: block;
	height: 40px;
	padding: 10px 10px 10px 60px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.group_memberlist li a .avatars {
	top: 10px;
	left: 10px;
}

.group_memberlist li a .group_online {
	width: 10px;
	height: 10px;
	border: 1px solid #fff;
	background: #0CF;
	border-radius: 50%;
	position: absolute;
	top: 9px;
	left: 10px;
	-webkit-animation: olfriend 0.4s infinite;
	-moz-animation: olfriend 0.4s infinite;
	animation: olfriend 0.4s infinite;
}

.group_memberlist .group_adminname {
	line-height: 40px;
}

.group_memberlist .group_membername {
	line-height: 22px;
}

.group_memberlist .group_adminname em,.group_memberlist .group_membername em {
	width: 16px;
	height: 16px;
	display: inline-block;
	line-height: 16px;
	text-align: center;
	margin-left: 5px;
	border-radius: 50%;
	position: relative;
	top: 2px;
	background: #f90;
	color: #fff;
	font-size: 12px;
	overflow: hidden;
}

.group_memberlist .group_adminname em.group_owner {
	background: #f60;
}

.group_memberlist .group_membername em {
	background: #9630B2;
}

.group_memberlist .group_jointime {
	line-height: 20px;
	font-size: 12px;
	color: #999;
	position: relative;
}

.group_memberlist .group_jointime i {
	position: relative;
	top: 1px;
}

.group_create {
	display: block;
	height: 70px;
	text-align: center;
	line-height: 70px;
	font-size: 16px;
	position: relative;
}

.group_create span {
	color: #f90;
}

.group_create i {
	position: relative;
	margin-right: 3px;
	top: 1px;
}

.group_manageuser h2 {
	height: 42px;
	padding: 0px 10px;
	line-height: 42px;
	font-weight: 400;
	color: #666;
	font-size: 14px;
	background: #f9f9f9;
	border-bottom: 1px solid #ededed;
	overflow: hidden;
}

.group_manageuser ul {
	padding: 10px 0px;
	background: #fff;
	overflow: hidden;
}

.group_manageuser li {
	width: 50%;
	height: 60px;
	float: left;
	padding: 5px 40px 5px 5px;
	font-size: 14px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.group_manageuser li a {
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 5px 5px 5px 55px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.group_manageuser li a .avatars {
	top: 5px;
	left: 5px;
}

.group_manageuser li label {
	height: 16px;
	height: 16px;
	padding: 4px;
	border-radius: 6px;
	background: #f5f5f5;
	position: absolute;
	right: 10px;
	top: 18px;
	z-index: 1;
	overflow: hidden;
}

.group_manageuser li label input {
	margin: 0px;
	float: left;
}

@media all and (min-width:700px) {
	.group_manageuser li {
		width: 25%;
	}
}

.group_remind {
	margin: 10px 0px;
	padding: 8px 10px;
	border: 1px dashed #ccc;
	color: #777;
	text-align: center;
	line-height: 24px;
	background: #fff;
}

.group_item {
	padding: 1px 10px;
	background: #fff;
}

.group_item li {
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #ededed;
	padding-left: 70px;
	position: relative;
}

.group_item li input {
	width: 100%;
	line-height: 30px;
	padding: 0px;
	border: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #777;
}

.group_item li .group_select {
	height: 42px;
	position: relative;
}

.group_item li .group_select:after {
	content: "";
	position: absolute;
	width: 0px;
	height: 0px;
	top: 50%;
	right: 4px;
	margin-top: -4px;
	border-style: solid;
	border-width: 8px 6px 8px;
	border-color: #bbb transparent transparent transparent;
	z-index: 2;
	pointer-events: none;
}

.group_item li select {
	height: 30px;
	line-height: 30px;
	width: 100%;
	background: #fff;
	border: none;
	color: #777;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.group_name {
	width: 70px;
	height: 42px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.group_text {
	padding: 10px 0px !important;
	height: auto !important;
	position: static;
	overflow: hidden;
}

.group_text textarea {
	width: 100%;
	line-height: 24px;
	border: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #777;
	float: left;
}

.group_ico {
	height: 60px;
	padding: 10px 10px 10px 70px;
	position: relative;
	line-height: 20px;
	font-size: 15px;
	color: #777;
	border-bottom: 1px solid #ededed;
	overflow: hidden;
}

.group_ico_up {
	width: 52px;
	height: 52px;
	padding: 3px;
	border: 1px solid #ededed;
	border-radius: 2px;
	position: absolute;
	top: 10px;
	left: 0px;
}

.group_ico_up input {
	width: 52px;
	height: 52px;
	position: absolute;
	z-index: 1;
	top: 3px;
	left: 3px;
	display: block;
	line-height: 48px;
	padding: 0px;
	opacity: 0;
	background: none;
	border: none;
	overflow: hidden;
}

.group_ico_up img {
	width: 52px;
	height: 52px;
}

.group_item input:focus,.group_item textarea:focus,.group_item select:focus {
	box-shadow: none;
	transition: none;
}

.group_checklist {
	background: #fff;
}

.group_checklist ul {
	overflow: hidden;
}

.group_checklist li {
	height: 64px;
	font-size: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 9px 120px 9px 12px;
	border-bottom: 1px solid #ededed;
	position: relative;
	overflow: hidden;
}

.group_checklist li .groupuser {
	display: block;
	height: 46px;
	padding-left: 58px;
	position: relative;
}

.group_checklist li img {
	width: 46px;
	height: 46px;
	position: absolute;
	top: 0px;
	left: 0px;
	border-radius: 24px;
}

.group_checklist li h2 {
	font-weight: 400;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.group_checklist li p {
	font-size: 13px;
	color: #999;
}

.checkusertrue {
	width: 120px;
	height: 64px;
	line-height: 64px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: #f8f8f8;
}

.checkusertrue a {
	width: 59px;
	display: block;
	float: left;
	text-align: center;
	font-size: 14px;
	color: #777;
}

.checkusertrue a:first-child {
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
}

.group_threadtype {
	background: #fff;
	overflow: hidden;
}

.group_threadtype ul {
}

.group_threadtype li {
	height: 44px;
	line-height: 44px;
	padding: 0px 10px 0px 130px;
	border-bottom: 1px solid #ededed;
	position: relative;
}

.group_threadtype li span {
	position: absolute;
	top: 0px;
	left: 10px;
}

.group_threadtype li input {
	float: right;
	width: 18px;
	height: 18px;
	margin-top: 13px;
}

.group_addtypes {
	width: 100%;
}

.group_addtypes th,.group_threadtype .group_addtypes td {
	padding: 10px;
	border-bottom: 1px solid #ededed;
}

.group_addtypes th {
	width: 30px;
	text-align: center;
}

.group_addtypes th input {
	width: 30px;
	float: left;
}

.group_addtypes td a {
	float: right;
}

.group_addtypes .threadtype_text2 input {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.group_addtypes .threadtype_text1 input,.group_addtypes .threadtype_text2 input {
	border: none;
	padding: 5px 6px 3px;
	background: #f5f5f5;
	border-radius: 2px;
}

.group_demisetitle {
	background: #fff;
}

.group_demisetitle h2 {
	height: 44px;
	line-height: 44px;
	font-weight: 400;
	font-size: 16px;
	padding: 0px 10px;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	margin: 10px 0px;
}

.group_demisetitle h2:first-child {
	border-top: none;
	margin-top: 0px;
}

.group_demisetitle p {
	padding: 0px 10px;
	line-height: 24px;
	color: #777;
}

.group_demisepassword {
	height: 64px;
	width: 100%;
	padding: 10px 10px 12px;
	position: fixed;
	left: 0px;
	bottom: 50px;
	z-index: 49;
	background: #fff;
	box-shadow: 0 -1px 1px rgba(0,0,0,0.06);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.group_demisepassword input {
	width: 100%;
	height: 42px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
}

.group_ft_btn {
	height: 52px;
	width: 100%;
	padding: 0px 10px 10px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 50;
	background: #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.group_ft_btn .z,.group_ft_btn .y {
	height: 42px;
	width: 50%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.group_ft_btn .z {
	padding-right: 5px;
}

.group_ft_btn .y {
	padding-left: 5px;
}

.group_ft_btn .button5 {
	display: block;
	color: #fff;
}

.group_mguser {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.group_mguser li {
	padding: 0px 3px;
	display: table-cell;
	text-align: center;
}

.group_mguser li:first-child {
	padding-left: 0px;
}

.group_mguser li:last-child {
	padding-right: 0px;
}

.group_mguser button {
	display: block;
	font-size: 12px;
	width: 100%;
	padding: 0px;
}

.group_suserbox {
	width: 100%;
	height: 64px;
	padding: 10px 10px 12px;
	position: fixed;
	left: 0px;
	bottom: 50px;
	z-index: 49;
	background: #fff;
	box-shadow: 0 -1px 1px rgba(0,0,0,0.06);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.group_suserbox input {
	width: 100%;
	height: 42px;
	padding: 5px 45px 5px 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.group_suserbox button {
	width: 36px;
	height: 36px;
	border: none;
	background: #fff;
	position: absolute;
	right: 13px;
	top: 13px;
}

.group_suserbox i {
	font-size: 20px;
}

.subjects_filter {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 59px;
	bottom: 0px;
	overflow-x: hidden;
}

.subjects_filter ul {
	padding: 0px 5px 5px 48px;
	position: relative;
	overflow: hidden;
}

.subjects_filter ul:last-child {
	padding-bottom: 15px;
}

.subjects_filter li {
	float: left;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.subjects_filter span {
	display: block;
	height: 30px;
	line-height: 32px;
	color: #777;
	position: absolute;
	top: 5px;
	left: 11px;
	font-weight: bold;
	overflow: hidden;
}

.subjects_filter li a {
	display: block;
	height: 30px;
	line-height: 32px;
	padding: 0px 10px;
	background: #f4f4f4;
	color: #777;
	border-radius: 3px;
	overflow: hidden;
}

.subjects_filter li a.a {
	background: #f60;
	color: #fff !important;
}

.subjects_filter li a.a font {
	color: #fff !important;
}

.subjects_filter .twin a {
	display: block;
	height: 30px;
	padding: 3px 16px 3px 3px;
	border-radius: 18px;
	position: relative;
}

.subjects_filter .twin img {
	float: left;
	height: 30px !important;
	width: 30px;
	margin-right: 10px;
	border-radius: 50%;
	vertical-align: top;
}

.subjects_filter .twin h1 {
	height: 30px;
	line-height: 32px;
	font-weight: 400;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.subjects_filter .twin i {
	width: 8px;
	height: 8px;
	display: block;
	border-radius: 50%;
	background: #f60;
	position: absolute;
	left: 24px;
	top: 2px;
	border: 1px solid #fff;
	overflow: hidden;
}

.search_sort_filter {
	height: 40px;
	padding: 0px 10px;
	line-height: 40px;
	background: #fff;
	border-bottom: 1px solid #ededed;
}

.search_sort_filter span {
	float: right;
	display: inline-block;
	color: #f60;
	padding-right: 18px;
	position: relative;
}

.search_sort_filter span:after {
	content: "\e013";
	font-family: "vtoo_mobile";
	font-size: 12px;
	color: #f60;
	font-weight: bold;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	display: block;
	position: absolute;
	right: 0px;
	top: 12px;
	overflow: hidden;
}

.search_sort_filter span.on:after {
	content: "\e012";
}

.search_sort_filter i {
	display: inline-block;
	color: #bbb;
	padding-left: 18px;
	position: relative;
}

.search_sort_filter i:after {
	content: "\e005";
	font-family: "vtoo_mobile";
	font-size: 13px;
	color: #bbb;
	font-weight: bold;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	display: block;
	position: absolute;
	left: 0px;
	top: 12px;
	overflow: hidden;
}

.search_sort {
	background: #fff;
	padding: 0px 10px;
	margin-top: 0px !important;
	display: none;
	overflow: hidden;
}

.search_sort table {
	width: 100%;
}

.search_sort th,.search_sort td {
	border-bottom: 1px solid #ededed;
	color: #777;
	vertical-align: top;
}

.search_sort th {
	padding-right: 10px;
	width: 30px;
}

.search_sort td {
	font-size: 15px;
}

.search_sort tr:last-child th,.search_sort tr:last-child td {
	border-bottom: none;
}

.search_sort .option_title {
	height: 48px;
	display: block;
	line-height: 50px;
	font-size: 14px;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.search_sort .option_select_name {
	padding: 9px 0px;
	overflow: hidden;
}

.search_sort .option_select_name span {
	display: block;
	float: left;
	height: 26px;
	padding: 2px 12px 2px 0px;
}

.search_sort .option_select_name span a {
	display: block;
	height: 26px;
	line-height: 26px;
	color: #777;
	padding: 0px 4px;
	overflow: hidden;
}

.search_sort .option_select_name span a.a {
	color: #f60;
	padding: 0px 8px;
	background: rgba(255,153,0,0.08);
	border-radius: 3px;
}

.search_sort .search_sort_input {
	width: 100%;
	height: 38px;
	padding: 5px 5px 5px 4px;
	margin: 5px 0px;
	border-radius: none;
	border: none;
	font-size: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.search_sort .selectstyle select {
	width: 100%;
	height: 38px;
	line-height: 38px;
	padding-left: 4px;
	margin: 5px 0px;
	border-radius: none;
	border: none;
	font-size: 15px;
}

.search_sort .search_sort_input:focus,.search_sort .selectstyle select:focus {
	box-shadow: none;
}

.search_sort .search_sort_choices {
	padding: 9px 0px;
	overflow: hidden;
}

.search_sort .search_sort_checked {
	width: 50%;
	float: left;
	display: inline-block;
	overflow: hidden;
}

.search_sort .search_sort_checked label {
	display: block;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}

.search_sort .search_sort_checked em {
	height: 30px;
	display: block;
	padding-left: 18px;
	line-height: 30px;
	font-size: 15px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.search_sort .search_sort_checked em:after {
	content: "";
	display: block;
	border: 1px solid #ccc;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 9px;
	left: 1px;
	overflow: hidden;
}

.search_sort .search_sort_checked input {
	opacity: 0;
	display: none;
}

.search_sort .search_sort_checked input:checked + em {
	color: #7BB121;
}

.search_sort .search_sort_checked input:checked + em:before {
	content: "";
	display: block;
	background: #7BB121;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 11px;
	left: 3px;
	overflow: hidden;
}

.forumname_licon {
	height: 220px;
	position: relative;
	color: #fff;
	background-color: #333;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.forumname_licon .forumname_box {
	min-height: 72px;
	padding-left: 85px;
	position: absolute;
	top: 75px;
	left: 15px;
	right: 10px;
}

.forumname_licon .forumicon {
	width: 68px;
	height: 68px;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	border-radius: 50%;
	background: none;
	padding: 2px;
	overflow: hidden;
}

.forumname_licon .forumicon img {
	width: 68px;
	height: 68px;
	border-radius: 50%;
	vertical-align: top;
}

.forumname_licon h1 {
	margin: 5px 0px 0px;
	line-height: 30px;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

.forumname_licon h1 a {
	color: #fff;
}

.forumname_licon p {
	max-height: 36px;
	line-height: 18px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.3);
	font-size: 14px;
	position: relative;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
}

.forumname_licon p span {
	margin-left: 5px;
}

.forumname_licon p em {
	font-size: 11px;
	color: #eee;
	margin: 0px 10px;
	position: relative;
	top: -1px;
	color: #eee;
	opacity: 0.7;
}

.forumname_licon .forumname_dp {
	font-size: 12px;
	padding-right: 20px;
	margin-top: -2px;
	position: relative;
}

.forumname_licon .forumname_dp a {
	color: #fff;
}

.forumname_licon .forumname_dp i {
	position: relative;
	top: 1px;
}

.forumname_licon .forumname_data {
	line-height: 22px;
	position: absolute;
	bottom: 18px;
	left: 18px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.3);
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.forumname_licon .forumname_data a {
	color: #fff;
}

.forumname_licon .forumname_data span {
	margin-left: 5px;
}

.forumname_licon .forumname_data em {
	font-size: 11px;
	color: #eee;
	margin: 0px 10px;
	position: relative;
	top: -1px;
	color: #eee;
	opacity: 0.7;
}

.forumname_licon .dialog_ibtn {
	position: absolute;
	right: 15px;
	bottom: 20px;
	z-index: 2;
	background: rgba(255,255,255,0.9);
	color: #555;
}

.forumname_licon .ot_ibtn {
	right: 78px;
}

.forumname_nodp {
	height: 190px;
}

.forumname_nodp .forumname_box {
	top: 82px;
}

.forumname_nodp .dialog_ibtn {
	bottom: 55px;
}

.forumname_nodp h1 {
	margin: 9px 0px 5px;
}

.forumcontent_box {
	padding: 1px 30px 30px;
}

.forumcontent_box .forumicon {
	width: 75px;
	height: 75px;
	display: block;
	margin: 0px auto 10px;
	overflow: hidden;
}

.forumcontent_box .forumicon img {
	width: 75px;
	height: 75px;
	border-radius: 50%;
	vertical-align: top;
}

.forumcontent_box h1 {
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	margin: 0px 0px 10px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.forumcontent_box img {
	max-width: 100%;
}

.forumname {
	min-height: 60px;
	padding: 12px 85px 12px 84px;
	position: relative;
	border-bottom: 1px solid #ededed;
	background: #fff;
	overflow: hidden;
}

.forumname .forumicon {
	position: absolute;
	top: 13px;
	left: 12px;
	width: 58px;
	height: 58px;
	border-radius: 8px;
	overflow: hidden;
}

.forumname .forumicon img {
	width: 58px;
	height: 58px;
	border-radius: 8px;
	vertical-align: top;
}

.forumname h1 {
	line-height: 24px;
	font-size: 18px;
	margin: 8px 0px 5px;
	font-weight: 400;
}

.forumname p {
	line-height: 22px;
	color: #999;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.forumname p span {
	margin-left: 5px;
	color: #f60;
}

.forumname p a {
	color: #999;
}

.forumname .dialog_ibtn {
	position: absolute;
	top: 29px;
	right: 11px;
}

.sortmenufly .dialog_ibtn {
	position: absolute;
	top: 10px;
	left: 0px;
	background: #f3f3f3;
	color: #888;
	padding: 0px 11px;
}

.subjects_0 {
	border-bottom: 1px solid #ededed;
	background: #fff;
}

.subjects_0 .th_item {
	display: block;
	padding: 11px 10px 10px;
}

.subjects_0 .th_item h1 {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 8px;
}

.subjects_0 .th_item h1 .price {
	color: #aaa;
}

.subjects_0 .subjectatt {
	line-height: 16px;
	font-size: 12px;
	color: #999;
	position: relative;
}

.subjects_0 .subjectatt span {
	margin-right: 7px;
}

.subjects_0 .subjectatt span.y {
	margin-right: 0px;
}

.subjects_0 .subjectatt cite.pipe {
	margin: 0px 4px;
}

.subjects_0 .subjectatt .threadicon,.subjects_0 .subjectatt .threadheats {
	color: #ee5c5d;
}

.subjects_0 .subjectatt .threadtypes {
	color: #3869AB;
}

.subjects_0 .subjectatt .userverify {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	position: relative;
	top: 3px;
	margin-left: 2px;
	text-align: center;
	font-size: 13px;
	color: #fff;
	background: #FAD141;
}

.subjects_0 .subjectatt .userverify:after {
	content: "\e187";
	font-family: "vtoo_mobile";
	width: 14px;
	height: 14px;
	line-height: 15px;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
}

.subjects_0 img[align="absmiddle"] {
	float: right;
	width: 14px;
	margin: 12px 6px 0px 0px;
	position: absolute;
	right: 0px;
}

.subjects_0 .tagblog {
	padding-left: 50px;
	position: relative;
}

.subjects_0 .tagblog .avatar {
	top: 10px;
	left: 10px;
}

.subjects_1 {
	padding: 4px 5px 5px;
	background: #f5f5f5;
	overflow: hidden;
}

.subjects_1 .th_item {
	float: left;
	width: 50%;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.subjects_1 .picbox {
	background: #fff;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.06);
	border-radius: 2px;
	overflow: hidden;
}

.subjects_1 .thlink_1 {
	display: block;
}

.subjects_1 .thlink_1 p {
	display: block;
	height: 0px;
	padding-bottom: 120%;
	position: relative;
	overflow: hidden;
}

.subjects_1 .thlink_1 p img {
	width: 100%;
	height: 100%;
	vertical-align: top;
	position: absolute;
}

.subjects_1 .thlink_1 h1 {
	height: 36px;
	padding: 0px 7px;
	font-weight: 400;
	line-height: 38px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.subjects_1 .th_authi {
	height: 26px;
	line-height: 28px;
	padding: 7px;
	border-top: 1px dashed #ededed;
	color: #777;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.subjects_1 .th_authi a {
	color: #777;
}

.subjects_1 .th_authi img {
	float: left;
	height: 26px;
	width: 26px;
	border-radius: 50%;
	margin-right: 7px;
}

.subjects_1 .th_authi i {
	float: right;
	margin: 8px 1px 0px 0px;
	font-size: 12px;
}

.subjects_1 .th_authi .userverify {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 1;
	margin-left: 2px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background: #FAD141;
	border: 1px solid #fff;
}

.subjects_1 .th_authi .userverify:after {
	content: "\e187";
	font-family: "vtoo_mobile";
	width: 12px;
	height: 12px;
	line-height: 13px;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
}

.subjects_2 {
	background: #fff;
}

.subjects_2 .th_item {
	display: block;
	min-height: 75px;
	padding: 12px 10px 12px 120px;
	position: relative;
}

.subjects_2 .th_item h1 {
	max-height: 48px;
	line-height: 24px;
	font-size: 16px;
	margin: 1px 0px 8px;
	font-weight: 400;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
}

.subjects_2 .imgbox {
	width: 100px;
	height: 75px;
	display: block;
	position: absolute;
	top: 12px;
	left: 10px;
	background: #eee;
	overflow: hidden;
}

.subjects_2 .imgbox img {
	width: 100%;
	min-height: 75px;
	background: #eee;
}

.subjects_2 .nopic {
	min-height: auto;
	padding: 10px;
}

.subjects_2 .nopic h1 {
	max-height: none;
	-webkit-line-clamp: 3;
}

.subjects_2 .subjectatt {
	height: 16px;
	padding-bottom: 1px;
	line-height: 16px;
	font-size: 12px;
	color: #999;
	position: relative;
	overflow: hidden;
}

.subjects_2 .subjectatt span {
	margin-right: 7px;
}

.subjects_2 .subjectatt span.y {
	margin-right: 0px;
}

.subjects_2 .subjectatt .userverify {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	position: relative;
	top: 3px;
	margin-left: 2px;
	text-align: center;
	font-size: 13px;
	color: #fff;
	background: #FAD141;
}

.subjects_2 .subjectatt .userverify:after {
	content: "\e187";
	font-family: "vtoo_mobile";
	width: 14px;
	height: 14px;
	line-height: 15px;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
}

.subjects_3 {
	background: #fff;
	padding: 10px;
	position: relative;
}

.subjects_3 .th_authi {
	height: 30px;
	line-height: 30px;
	padding-left: 40px;
	margin-bottom: 14px;
	font-size: 12px;
	color: #999;
	position: relative;
	overflow: hidden;
}

.subjects_3 .th_authi .pipe {
	margin: 0px 4px;
}

.subjects_3 .th_authi .th_author {
	float: left;
	font-size: 14px;
	font-weight: bold;
}

.subjects_3 .th_authi .th_author a {
	color: #777;
}

.subjects_3 .th_authi i.mod {
	float: left;
	height: 10px;
	padding: 3px;
	border-radius: 3px;
	line-height: 11px;
	font-size: 11px;
	text-align: center;
	margin: 5px 0px 0px 8px;
	color: #fff;
	background: #f90;
	overflow: hidden;
}

.subjects_3 .th_authi i.mod font {
	color: #fff !important;
}

.subjects_3 .th_authi i.mod_crown {
	float: left;
	height: 10px;
	padding: 4px 3px 2px 18px;
	line-height: 11px;
	font-size: 12px;
	margin: 5px 0px 0px 8px;
	background: url(../image/crown.png) no-repeat 0% 50%;
	background-size: auto 14px;
	color: #f90;
	overflow: hidden;
}

.subjects_3 .th_authi .userverify {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 1;
	margin-left: 2px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background: #FAD141;
	border: 1px solid #fff;
}

.subjects_3 .th_authi .userverify:after {
	content: "\e187";
	font-family: "vtoo_mobile";
	width: 12px;
	height: 12px;
	line-height: 13px;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
}

.subjects_3 .th_item {
	display: block;
	margin-bottom: 10px;
	padding-bottom: 1px;
	overflow: hidden;
}

.subjects_3 .th_item h1 {
	line-height: 24px;
	font-size: 14px;
	font-weight: 500;
	overflow: hidden;
}

.subjects_3 .th_item p {
	line-height: 22px;
	font-size: 15px;
	color: #999;
	margin-top: 6px;
}

.subjects_3 .imgbox {
	margin-top: 8px;
	padding: 2px 0px;
	max-height: 320px;
	overflow: hidden;
}

.subjects_3 .imgbox img {
	width: 50%;
	min-height: 30px;
	vertical-align: top;
	background: #eee;
}

.subjects_3 .imgbox2,.subjects_3 .imgbox3 {
	margin: 8px -2px 0px;
	overflow: hidden;
}

.subjects_3 .imgbox3 {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
}

.subjects_3 .imgbox2 div,.subjects_3 .imgbox3 div {
	float: left;
	width: 50%;
	padding: 2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.subjects_3 .imgbox3 div {
	width: 33.3333333333%;
}

.subjects_3 .imgbox2 img,.subjects_3 .imgbox3 img {
	width: 100%;
	vertical-align: top;
	background: #eee;
}

.subjects_3 .imgbox2 img {
	height: 28vw;
}

.subjects_3 .imgbox3 img {
	height: 27.7vw;
}

.subjects_3 .mediabox {
	padding: 0px 0px 12px;
	min-height: 20px;
	color: #f90;
}

.subjects_3 .subjectatt {
	height: 24px;
	padding-top: 1px;
	font-size: 12px;
	color: #777;
	overflow: hidden;
}

.subjects_3 .subjectatt span {
	line-height: 16px;
	display: inline-block;
	padding: 4px 9px;
	border-radius: 12px;
	margin-right: 6px;
	background: rgba(255,153,0,0.08);
	color: #f90;
}

.subjects_3 .subjectatt span a {
	color: #f90;
}

.subjects_3 .subjectatt span.threadicon,.subjects_3 .subjectatt span.threadheats {
	background: rgba(238,92,93,0.08);
	color: #ee5c5d;
}

.subjects_3 .subjectatt span.threaddigest {
	background: rgba(1,189,216,0.08);
	color: #01BDD8;
}

.subjects_3 .subjectatt span.threadtypes {
	background: rgba(56,105,171,0.08);
	color: #3869AB;
}

.subjects_3 .subjectatt span.threadtypes a {
	color: #3869AB;
}

.subjects_3 .subjectatt i {
	float: right;
	margin-top: 7px;
}

.subjects_3 .subjectatt i:nth-last-child(2) {
	margin-left: 10px;
}

.subjects_4 {
	background: #fff;
	padding: 10px;
	position: relative;
}

.subjects_4 .th_authi {
	height: 22px;
	line-height: 22px;
	padding-left: 30px;
	font-size: 12px;
	color: #999;
	position: relative;
	overflow: hidden;
}

.subjects_4 .th_authi .avatar,.subjects_4 .th_authi .avatar img {
	height: 22px;
	width: 22px;
}

.subjects_4 .th_authi .th_author {
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #777;
}

.subjects_4 .th_authi .th_author a {
	color: #777;
}

.subjects_4 .th_authi .vt-hot {
	float: right;
	margin: 5px 10px 0px 0px;
}

.subjects_4 .th_authi .userverify {
	display: inline-block;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
	margin-left: 2px;
	text-align: center;
	font-size: 11px;
	color: #fff;
	background: #FAD141;
	border: 1px solid #fff;
}

.subjects_4 .th_authi .userverify:after {
	content: "\e187";
	font-family: "vtoo_mobile";
	width: 11px;
	height: 11px;
	line-height: 12px;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
}

.subjects_4 .th_item {
	display: block;
	margin-bottom: 10px;
	padding-bottom: 1px;
	overflow: hidden;
}

.subjects_4 .th_item h1 {
	line-height: 24px;
	font-size: 16px;
	margin: 2px 0px 0px;
	font-weight: 400;
	overflow: hidden;
}

.subjects_4 .th_item p {
	line-height: 22px;
	font-size: 15px;
	color: #999;
	margin-top: 6px;
}

.subjects_4 .imgbox {
	margin: 0px -2px;
	overflow: hidden;
}

.subjects_4 .imgbox .th_txt,.subjects_4 .imgbox .th_pic {
	vertical-align: top;
	display: table-cell;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.subjects_4 .imgbox .th_txt {
	width: 66.6666666666%;
	padding: 2px 10px 2px 2px;
	height: 24vw;
	float: left;
	position: relative;
}

.subjects_4 .imgbox .th_pic {
	width: 33.3333333333%;
	padding: 2px;
	float: right;
}

.subjects_4 .imgbox .th_pic img {
	width: 100%;
	height: 23.5vw;
	vertical-align: top;
	background: #eee;
}

.subjects_4 .imgbox .th_txt .th_authi {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding-right: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.subjects_4 .imgbox .th_item {
	margin-bottom: 0px;
	padding: 0px;
}

.subjects_4 .imgbox .th_txt h1 {
	line-height: 24px;
	font-size: 16px;
	margin: 2px 0px 28px;
	font-weight: 400;
	min-height: 48px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
}

.subjects_4 .imgbox2,.subjects_4 .imgbox3 {
	margin: 8px -2px 0px;
	overflow: hidden;
}

.subjects_4 .imgbox3 {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
}

.subjects_4 .imgbox2 div,.subjects_4 .imgbox3 div {
	float: left;
	padding: 2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.subjects_4 .imgbox2 div {
	width: 50%;
}

.subjects_4 .imgbox3 div {
	width: 33.3333333333%;
}

.subjects_4 .imgbox2 img,.subjects_4 .imgbox3 img {
	width: 100%;
	vertical-align: top;
	background: #eee;
}

.subjects_4 .imgbox2 img {
	height: 28vw;
}

.subjects_4 .imgbox3 img {
	height: 27.7vw;
}

.subjects_5 {
	background: #fff;
	padding: 10px;
	position: relative;
}

.subjects_5 .th_authi {
	min-height: 40px;
	line-height: 20px;
	padding: 0px 65px 0px 50px;
	margin-bottom: 14px;
	font-size: 12px;
	color: #999;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.subjects_5 .th_authi .th_author {
	float: left;
	font-size: 14px;
	font-weight: bold;
}

.subjects_5 .th_authi .th_author a {
	color: #777;
}

.subjects_5 .th_authi i.mod {
	float: left;
	height: 10px;
	padding: 3px;
	border-radius: 3px;
	line-height: 11px;
	font-size: 11px;
	margin-left: 8px;
	color: #fff;
	background: #f90;
	overflow: hidden;
}

.subjects_5 .th_authi i.mod font {
	color: #fff !important;
}

.subjects_5 .th_authi i.mod_crown {
	float: left;
	height: 10px;
	padding: 4px 3px 2px 18px;
	line-height: 11px;
	font-size: 12px;
	margin: 0px 0px 0px 8px;
	background: url(../image/crown.png) no-repeat 0% 50%;
	background-size: auto 14px;
	color: #f90;
	overflow: hidden;
}

.subjects_5 .th_authi p {
	margin: 2px 0px -2px;
	overflow: hidden;
}

.subjects_5 .th_authi .userverify {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	position: absolute;
	top: 24px;
	left: 24px;
	z-index: 1;
	margin-left: 2px;
	text-align: center;
	font-size: 13px;
	color: #fff;
	background: #FAD141;
	border: 1px solid #fff;
}

.subjects_5 .th_authi .userverify:after {
	content: "\e187";
	font-family: "vtoo_mobile";
	width: 14px;
	height: 14px;
	line-height: 15px;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
}

.subjects_5 .th_item {
	display: block;
	margin-bottom: 10px;
	padding-bottom: 1px;
	overflow: hidden;
}

.subjects_5 .th_item h1 {
	line-height: 24px;
	font-size: 16px;
	font-weight: 400;
	overflow: hidden;
}

.subjects_5 .th_item p {
	line-height: 22px;
	font-size: 15px;
	color: #999;
	margin-top: 6px;
}

.subjects_5 .imgbox {
	margin-top: 8px;
	padding: 2px 0px;
	max-height: 320px;
	overflow: hidden;
}

.subjects_5 .imgbox img {
	width: 50%;
	min-height: 30px;
	vertical-align: top;
	background: #eee;
}

.subjects_5 .imgbox2,.subjects_5 .imgbox3 {
	margin: 8px -2px 0px;
	overflow: hidden;
}

.subjects_5 .imgbox3 {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
}

.subjects_5 .imgbox2 div,.subjects_5 .imgbox3 div {
	float: left;
	width: 50%;
	padding: 2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.subjects_5 .imgbox3 div {
	width: 33.3333333333%;
}

.subjects_5 .imgbox2 img,.subjects_5 .imgbox3 img {
	width: 100%;
	vertical-align: top;
	background: #eee;
}

.subjects_5 .imgbox2 img {
	height: 28vw;
}

.subjects_5 .imgbox3 img {
	height: 27.7vw;
}

.subjects_5 .subjectatt {
	height: 24px;
	padding-top: 5px;
	background: #fff;
	color: #777;
	text-align: center;
	overflow: hidden;
}

.subjects_5 .subjectatt li {
	float: left;
	width: 33.33333333%;
	height: 24px;
}

.subjects_5 .subjectatt li span {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	vertical-align: top;
	overflow: hidden;
}

.subjects_5 .subjectatt li i {
	display: inline-block;
	font-size: 16px;
	height: 24px;
	line-height: 24px;
	margin-right: 5px;
	overflow: hidden;
}

.subjects_5 .subjectatt li a.go_reply {
	color: #777;
	display: inline-block;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}

.subjects_6 {
	background: #fff;
	padding: 10px 10px 10px 60px;
	position: relative;
}

.subjects_6 .avatars {
	top: 10px;
	left: 10px;
}

.subjects_6 .userverify {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	position: absolute;
	top: 34px;

	left: 34px;
	z-index: 1;
	margin-left: 2px;
	text-align: center;
	font-size: 13px;
	color: #fff;
	background: #FAD141;
	border: 1px solid #fff;
}

.subjects_6 .userverify:after {
	content: "\e187";
	font-family: "vtoo_mobile";
	width: 14px;
	height: 14px;
	line-height: 15px;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
}

.subjects_6 .th_authi {
	min-height: 28px;
	line-height: 20px;
	padding-right: 65px;
	margin-bottom: 6px;
	font-size: 12px;
	color: #999;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.subjects_6 .th_authi .th_author {
	float: left;
	font-size: 14px;
	font-weight: bold;
}

.subjects_6 .th_authi .th_author a {
	color: #777;
}

.subjects_6 .th_authi i.mod {
	float: left;
	height: 10px;
	padding: 3px;
	border-radius: 3px;
	line-height: 11px;
	font-size: 11px;
	text-align: center;
	margin: 0px 0px 0px 8px;
	color: #fff;
	background: #f90;
	overflow: hidden;
}

.subjects_6 .th_authi i.mod font {
	color: #fff !important;
}

.subjects_6 .th_authi i.mod_crown {
	float: left;
	height: 10px;
	padding: 4px 3px 2px 18px;
	line-height: 11px;
	font-size: 12px;
	margin: 0px 0px 0px 8px;
	background: url(../image/crown.png) no-repeat 0% 50%;
	background-size: auto 14px;
	color: #f90;
	overflow: hidden;
}

.subjects_6 .th_authi p {
	margin: 3px 0px -1px;
	overflow: hidden;
}

.subjects_6 .th_item {
	display: block;
	margin-bottom: 10px;
	padding-bottom: 1px;
	overflow: hidden;
}

.subjects_6 .th_item h1 {
	line-height: 24px;
	font-size: 16px;
	font-weight: 400;
	overflow: hidden;
}

.subjects_6 .th_item p {
	line-height: 22px;
	font-size: 15px;
	color: #999;
	margin-top: 6px;
}

.subjects_6 .imgbox {
	margin-top: 8px;
	padding: 2px 0px;
	max-height: 320px;
	overflow: hidden;
}

.subjects_6 .imgbox img {
	width: 50%;
	min-height: 30px;
	vertical-align: top;
	background: #eee;
}

.subjects_6 .imgbox2,.subjects_6 .imgbox3 {
	margin: 8px -2px 0px;
	overflow: hidden;
}

.subjects_6 .imgbox3 {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
}

.subjects_6 .imgbox2 div,.subjects_6 .imgbox3 div {
	float: left;
	width: 50%;
	padding: 2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.subjects_6 .imgbox3 div {
	width: 33.3333333333%;
}

.subjects_6 .imgbox2 img,.subjects_6 .imgbox3 img {
	width: 100%;
	vertical-align: top;
	background: #eee;
}

.subjects_6 .imgbox2 img {
	height: 24.3vw;
}

.subjects_6 .imgbox3 img {
	height: 23.8vw;
}

.subjects_6 .subjectatt {
	height: 24px;
	line-height: 24px;
	padding-top: 1px;
	font-size: 12px;
	color: #777;
	overflow: hidden;
}

.subjects_6 .subjectatt .pipe {
	margin: 0px 4px;
}

.subjects_6 .subjectatt p {
	height: 24px;
	float: right;
	overflow: hidden;
}

.subjects_6 .subjectatt p i {
	height: 24px;
	line-height: 24px;
	display: inline-block;
	font-size: 14px;
	margin-left: 12px;
	overflow: hidden;
}

.subjects_6 .subjectatt p span {
	height: 24px;
	display: inline-block;
	margin-left: 4px;
	overflow: hidden;
}

.subjects_6 .postlist {
	border-radius: 3px;
	background: #f8f8f8;
	margin: 10px 0px 5px;
	padding: 1px 0px;
	position: relative;
}

.subjects_6 .postlist:after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background: #f8f8f8;
	position: absolute;
	left: 12px;
	top: -5px;
}

.subjects_6 .postlist ul {
	padding: 6px 10px 4px;
	overflow: hidden;
}

.subjects_6 .postlist li {
	padding: 2px 0px;
	line-height: 22px;
	color: #777;
	word-break: break-all;
}

.subjects_6 .postlist .th_recommends {
	height: 30px;
	margin: 10px 1px 10px 10px;
	color: #555;
	overflow: hidden;
}

.subjects_6 .postlist .th_recommends span {
	font-size: 12px;
	line-height: 30px;
	color: #777;
	margin-left: 10px;
}

.subjects_6 .postlist .th_recommends .vt-heart,.subjects_6 .postlist .th_recommends .vt-heartempty {
	float: left;
	margin: 9px 12px 0px 0px;
}

.subjects_6 .postlist .recommends_user {
	float: left;
	margin-left: -5px;
	display: block;
	width: 26px;
	height: 26px;
	border: 2px solid #f8f8f8;
	background: #fff;
	border-radius: 50%;
	overflow: hidden;
}

.subjects_6 .postlist .recommends_user img {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	vertical-align: top;
}

.subjects_6 .mediaplayer_video,.subjects_6 .mediaplayer_video video {
	height: 46.5vw;
}

.subjects_7 {
	background: #fff;
}

.subjects_7 .th_item {
	display: block;
	padding: 12px;
}

.subjects_7 .th_item h1 {
	line-height: 24px;
	font-size: 16px;
	margin-bottom: 8px;
	font-weight: 400;
	overflow: hidden;
}

.subjects_7 .th_item p {
	line-height: 22px;
	font-size: 15px;
	color: #999;
	margin-bottom: 8px;
}

.subjects_7 .imgbox {
	width: 100%;
	min-height: 30px;
	max-height: 55vw;
	margin-bottom: 10px;
	background: #eee;
	overflow: hidden;
}

.subjects_7 .imgbox img {
	width: 100%;
	min-height: 30px;
	max-height: 55vw;
	background: #eee;
	vertical-align: top;
}

.subjects_7 .subjectatt {
	padding-top: 4px;
	line-height: 18px;
	font-size: 12px;
	color: #999;
	position: relative;
	overflow: hidden;
}

.subjects_7 .subjectatt i {
	float: left;
	margin: 3px 8px 0px 0px;
}

.subjects_7 .subjectatt span.pipe {
	margin: 0px 4px;
}

.subjects_7 .subjectatt .threadicon,.subjects_7 .subjectatt .threadheats {
	color: #ee5c5d;
}

.subjects_7 .subjectatt .threadtypes {
	color: #3869AB;
	margin-right: 8px;
}

.subjects_8 {
	background: #fff;
	padding-top: 13px;
}

.subjects_8 .th_item {
	display: block;
	margin: 0px 10px 10px;
}

.subjects_8 .th_item h1 {
	line-height: 24px;
	font-size: 16px;
	font-weight: 400;
	overflow: hidden;
}

.subjects_8 .th_item p {
	line-height: 22px;
	font-size: 15px;
	color: #999;
	margin-top: 8px;
}

.subjects_8 .mediabox {
	padding: 2px 10px 8px;
	min-height: 20px;
	color: #f90;
}

.subjects_8 .subjectatt {
	padding: 4px 10px 12px;
	line-height: 18px;
	font-size: 12px;
	color: #999;
	position: relative;
	overflow: hidden;
}

.subjects_8 .subjectatt .th_author {
	color: #999;
}

.subjects_8 .subjectatt span {
	margin-right: 8px;
}

.subjects_8 .subjectatt i {
	float: right;
	margin-top: 4px;
}

.subjects_8 .subjectatt i:nth-last-child(2) {
	margin-left: 10px;
}

.subjects_8 .subjectatt .userverify {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	position: relative;
	top: 3px;
	margin-left: 2px;
	text-align: center;
	font-size: 13px;
	color: #fff;
	background: #FAD141;
}

.subjects_8 .subjectatt .userverify:after {
	content: "\e187";
	font-family: "vtoo_mobile";
	width: 14px;
	height: 14px;
	line-height: 15px;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
}

.sublistmtm {
	margin-top: 9px;
}

.subjects_s1 {
	background: #fff;
}

.spcsubject_1,.spcsubject_2,.spcsubject_3 {
	display: block;
	padding: 11px 10px 10px 45px;
	background: #fff;
	position: relative;
	overflow: hidden;
}

.spcsubject_1:after,.spcsubject_2:after,.spcsubject_3:after {
	content: "\e042";
	font-family: "vtoo_mobile";
	width: 30px;
	height: 30px;
	position: absolute;
	top: 8px;
	left: 9px;
	display: block;
	line-height: 30px;
	text-align: center;
	font-size: 30px;
}

.spcsubject_1:after {
	content: "\e042";
	color: #f90;
	font-size: 28px;
}

.spcsubject_2:after {
	content: "\e162";
	color: #F55A44;
}

.spcsubject_3:after {
	content: "\e046";
	color: #FF645C;
}

.spcsubject_1 h1,.spcsubject_2 h1,.spcsubject_3 h1 {
	line-height: 24px;
	margin-bottom: 6px;
	font-weight: 400;
	font-size: 16px;
}

.spcsubject_1 .liststamp,.spcsubject_2 .liststamp,.spcsubject_3 .liststamp {
	width: 74px;
	height: 70px;
	line-height: 70px;
	font-size: 70px;
	color: #ccc;

	text-align: center;
	position: absolute;
	top: -10px;
	right: 0px;
	z-index: 1;
	overflow: hidden;
}

.spcsubject_2 .liststamp {
	color: #00AEE1;
}

.spcsubject_3 .vt-sqrwinner {
	color: #FF645C;
}

.spcsubject_3 .vt-oppwinner {
	color: #5FA0F3;
}

.spcsubject_1 .polling {
	color: #00c800;
}

.spcsubject_2 .reward_data {
	height: 30px;
	line-height: 30px;
	position: relative;
	color: #999;
	margin-bottom: 10px;
}

.spcsubject_2 .reward_credit {
	top: 0px;
	right: 0px;
}

.spcsubject_2 .answercolor {
	color: #00AEE1;
}

.spcsubject_2 .reward_askuser {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	position: relative;
	overflow: hidden;
}

.spcsubject_2 .reward_askuser img {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	float: left;
	margin: 2px 6px 0px 0px;
}

.spcsubject_2 .reward_askuser span {
	margin-right: 5px;
}

.spcsubject_2 .reward_askuser .userverify {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	top: 8px;
	left: 6px;
	z-index: 1;
	margin-left: 2px;
	text-align: center;
	font-size: 10px;
	color: #fff;
	background: #FAD141;
	border: 1px solid #fff;
}

.spcsubject_2 .reward_askuser .userverify:after {
	content: "\e187";
	font-family: "vtoo_mobile";
	width: 10px;
	height: 10px;
	line-height: 11px;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
}

.sbj_reward_yes .reward_credit strong {
	color: #999;
}

.spcsubject_3 .debate_sbjpoint {
	margin-bottom: 15px;
	font-size: 14px;
}

.spcsubject_3 .debate_sbjpoint p {
	background: rgba(255,100,92,0.08);
	height: 22px;
	padding: 2px 15px 1px 8px;
	margin-bottom: 5px;
	line-height: 22px;
	color: #FF645C;
	border-radius: 12.5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.spcsubject_3 .debate_sbjpoint p:last-child {
	background: rgba(95,160,243,0.08);
	color: #5FA0F3;
	margin-bottom: 0px;
}

.spcsubject_3 .debate_sbjpoint span {
	margin-right: 6px;
}

.spcsubject_3 .debate_votes_box {
	position: relative;
	height: 6px;
	padding: 7px 40px;
	margin-bottom: 15px;
}

.spcsubject_3 .debate_votes_txt {
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	color: #ccc;
	position: absolute;
	top: 0px;
	left: 0px;
}

.spcsubject_3 .debate_votes_txt span {
	font-size: 12px;
}

.spcsubject_3 .debate_votes_chart {
	height: 6px;
	border-radius: 3px;
	border-left-width: 4px;
	border-right-width: 4px;
}

.spcsubject_3 .debate_votes_chart span {
	height: 6px;
}

.spcsubject_3 .debateing {
	color: #FF645C;
}

.spcsubject_4 {
	display: block;
	height: 100px;
	padding: 12px 10px 12px 124px;
	background: #fff;
	position: relative;
}

.spcsubject_4 .imgbox {
	width: 100px;
	height: 100px;
	background: #eee;
	position: absolute;
	top: 12px;
	left: 12px;
	overflow: hidden;
}

.spcsubject_4 .imgbox img {
	width: 100px;
	height: 100px;
	background: #eee;
}

.spcsubject_4 h1 {
	max-height: 44px;
	line-height: 22px;
	margin-bottom: 4px;
	font-weight: 400;
	font-size: 16px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
}

.spcsubject_4 .trade_thprice {
	height: 30px;
	line-height: 30px;
	margin-bottom: 5px;
	position: relative;
}

.spcsubject_4 .trade_thprice span {
	font-size: 18px;
	color: #F23257;
}

.spcsubject_4 .trade_thprice span i {
	font-size: 15px;
}

.spcsubject_4 .trade_thprice em {
	font-size: 14px;
	text-decoration: line-through;
	color: #ccc;
	margin-left: 10px;
}

.spcsubject_4 .trade_thdata {
	height: 20px;
	line-height: 20px;
	padding-left: 30px;
	font-size: 12px;
	color: #999;
	position: relative;
}

.spcsubject_4 .trade_thdata i {
	font-size: 24px;
	position: absolute;
	top: -2px;
	left: 0px;
}

.spcsubject_4 .trade_thdata i.vt-tradenew {
	color: #F23257;
}

.spcsubject_4 .trade_thdata i.vt-tradeold {
	color: #00B08D;
}

.spcsubject_4 .trade_thdata .userverify {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	position: relative;
	top: 3px;
	margin-left: 2px;
	text-align: center;
	font-size: 13px;
	color: #fff;
	background: #FAD141;
}

.spcsubject_4 .trade_thdata .userverify:after {
	content: "\e187";
	font-family: "vtoo_mobile";
	width: 14px;
	height: 14px;
	line-height: 15px;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
}

.subjects_s2 {
	float: left;
	width: 50%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	background: #f5f5f5;
	overflow: hidden;
}

.subjects_s2:nth-child(odd) {
	padding: 0px 5px 10px 10px;
}

.subjects_s2:nth-child(even) {
	padding: 0px 10px 10px 5px;
}

.subjects_s2 .picbox {
	background: #fff;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.06);
	border-radius: 2px;
	overflow: hidden;
}

.subjects_s2 .th_authi {
	height: 26px;
	line-height: 28px;
	padding: 7px;
	border-top: 1px dashed #ededed;
	color: #777;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.subjects_s2 .th_authi a {
	color: #777;
}

.subjects_s2 .th_authi img {
	float: left;
	height: 26px;
	width: 26px;
	border-radius: 50%;
	margin-right: 7px;
}

.spcsubject_5 {
	display: block;
}

.spcsubject_5 p {
	display: block;
	height: 0px;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
}

.spcsubject_5 p img {
	width: 100%;
	height: 100%;
	vertical-align: top;
	position: absolute;
}

.spcsubject_5 h1 {
	height: 30px;
	padding: 0px 7px;
	font-weight: 400;
	line-height: 32px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.spcsubject_5 .trade_thprice {
	height: 24px;
	line-height: 24px;
	padding: 0px 7px 4px;
	overflow: hidden;
}

.spcsubject_5 .trade_thprice span {
	color: #F23257;
	font-size: 16px;
}

.spcsubject_5 .trade_thprice i {
	font-size: 12px;
}

.spcsubject_5 .trade_thprice em {
	display: inline-block;
	line-height: 14px;
	float: right;
	margin-top: 8px;
	font-size: 10px;
	color: #999;
}

.spcsubject_6 {
	display: block;
	padding: 10px;
}

.spcsubject_6 .imgbox {
	width: 100%;
	min-height: 30px;
	max-height: 55vw;
	margin-bottom: 10px;
	background: #eee;
	overflow: hidden;
}

.spcsubject_6 .imgbox a {
	display: block;
}

.spcsubject_6 .imgbox img {
	width: 100%;
	min-height: 30px;
	max-height: 55vw;
	background: #eee;
	vertical-align: top;
}

.spcsubject_6 h1 {
	line-height: 24px;
	font-size: 16px;
	margin-bottom: 6px;
	font-weight: 400;
	position: relative;
	overflow: hidden;
}

.spcsubject_6 h1 a {
	display: block;
}

.spcsubject_6 p {
	height: 24px;
	line-height: 24px;
	font-size: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.spcsubject_6 p span {
	color: #777;
	margin-right: 8px;
}

.spcsubject_6 .applybtn {
	height: 36px;
	margin-top: 8px;
	line-height: 36px;
}

.spcsubject_6 .applybtn a {
	display: block;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #00AEE1;
	border-radius: 2px;
	overflow: hidden;
}

.spcsubject_6 .applyover a {
	background: #ccc;
}

.listpagerm {
	height: 40px;
	background: #fff;
	letter-spacing: 0.5px;
}

.listpagerm a {
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	color: #333;
}

.home_thread_subjectatt {
	height: 24px;
	padding-top: 5px;
	background: #fff;
	color: #777;
	text-align: center;
	overflow: hidden;
}

.home_thread_subjectatt li {
	float: left;
	width: 33.33333333%;
	height: 24px;
}

.home_thread_subjectatt li span {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	vertical-align: top;
	overflow: hidden;
}

.home_thread_subjectatt li i {
	display: inline-block;
	font-size: 16px;
	height: 24px;
	line-height: 24px;
	margin-right: 5px;
	overflow: hidden;
}

.home_thread_subjectatt li a.go_reply {
	color: #777;
	display: inline-block;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}

.home_thread_reply {
	padding: 12px 10px 5px;
	background: #fff;
	font-size: 16px;
	line-height: 150%;
}

.home_thread_reply .my_reply {
	padding: 5px 0px;
	border-top: 1px dashed #e8e8e8;
	font-size: 14px;
}

.home_thread_reply .my_reply i {
	color: #ddd;
}

.home_thread_reply .my_reply,.home_thread_reply .my_reply a {
	color: #aaa;
}

.subjects_0 em,.subjects_5 em,.subjects_6 em,.home_thread_reply em {
	color: #f90;
}

em.pin1 {
	color: #6CB633;
}

em.pin2 {
	color: #00A7DA;
}

em.pin3 {
	color: #f60;
}

em.threadimg {
	color: #5A9AE9;
}

em.threadtypes {
	color: #3869AB;
}

em.threadicon,em.threadheats {
	color: #ee5c5d;
}

em.threaddigest {
	color: #01BDD8;
}

.threadtop {
	background: #fff;
	padding: 0px 10px;
}

.threadtop li {
	height: 38px;
	line-height: 38px;
	padding: 0px 0px 0px 26px;
	background: #fff;
	border-top: 1px solid #f2f2f2;
	position: relative;
	overflow: hidden;
}

.threadtop li:first-child {
	border-top: none;
}

.threadtop li.hidethread {
	display: none;
}

.threadtop li a {
	display: block;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.threadtop .vt-volumes,.threadtop .vt-top {
	display: block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	border-radius: 2px;
	position: absolute;
	left: 1px;
	top: 10px;
}

.threadtop .vt-volumes {
	background: #f00;
	font-size: 14px;
}

.threadtop .vt-top {
	background: #f60;
	font-size: 16px;
}

.threadtop .pin1 {
	background: #6CB633;
}

.threadtop .pin2 {
	background: #00A7DA;
}

.threadtop .pinmore {
	height: 38px;
	line-height: 38px;
	text-align: center;
	border-top: 1px solid #f2f2f2;
	background: #fff;
}

.threadtop .pinmore span {
	position: relative;
	padding-right: 16px;
	display: inline-block;
	color: #999;
}

.threadtop .pinmore span:after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-style: solid;
	border-width: 0px 0px 1px 1px;
	border-color: #bbb;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	right: 0px;
	bottom: 18px;
}

.threadtop .pinclose span:after {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	bottom: 13px;
}

.annlist {
	height: 42px;
	line-height: 42px;
	padding: 0px 10px 0px 34px;
	background: #fff;
	border-bottom: 1px solid #ededed;
	position: relative;
	overflow: hidden;
}

.annlist a {
	display: block;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.forumannlist {
	height: 32px;
	padding: 5px 10px 5px 34px;
	position: relative;
	background: #fff;
}

.forumannlist .vt-volumes,.annlist .vt-volumes {
	display: block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	border-radius: 2px;
	background: #f00;
	position: absolute;
	left: 10px;
	top: 12px;
}

.forumannlist div {
	height: 32px;
	overflow: hidden;
}

.forumannlist div li {
	height: 32px;
	padding-right: 10px;
	line-height: 32px;
	font-size: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.forumannlist div li em {
	display: none;
}

.mediaplayer_video {
	width: 100%;
	height: 53.2vw;
	min-height: 20px;
	background: #000;
	vertical-align: top;
}

.mediaplayer_video video {
	width: 100%;
	height: 53.2vw;
	min-height: 20px;
	background: #000;
	vertical-align: top;
}

.mediaplayer_audio audio {
	width: 100%;
	vertical-align: top;
}

.medianoplay_thread {
	line-height: 53.2vw;
	background: #000;
	text-align: center;
	color: #fff;
	overflow: hidden;
}

.foldernew {
	position: relative;
	overflow: hidden;
}

.foldernew:after {
	content: "";
	display: inline-block;
	width: 0px;
	border-width: 9px;
	border-style: solid;
	border-color: transparent transparent #f60 transparent;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: -10px;
	top: -10px;
}

.button {
	width: 80px;
	margin: 0px;
}

.button2 {
	padding: 0px 20px;
	margin: 10px 0px;
}

.button4 {
	padding: 0px 15px;
	display: inline-block;
	color: #fff !important;
}

.button5 {
	width: 100%;
	text-align: center;
}

.button,.button2,.button4,.button5 {
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	color: #FFF;
	border: none;
	border-radius: 2px;
	box-shadow: none;
}

.message .button,.message .button4 {
	height: 38px;
	line-height: 38px;
}

.inputall {
	padding: 11px 10px;
}

.inputall li {
	margin-bottom: 10px;
	font-size: 15px;
	color: #999;
}

.inputall input {
	width: 100%;
	height: 42px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	line-height: 22px;
	font-size: 15px;
}

.inputall textarea {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	line-height: 22px;
	font-size: 15px;
	vertical-align: top;
}

.ppd {
	padding: 20px 20px 10px;
}

.inputall .activitytimebox {
	position: relative;
	padding-right: 42px;
}

.inputall .activitytimebox label {
	display: block;
	width: 18px;
	height: 18px;
	padding: 10px 7px 12px;
	position: absolute;
	top: 0px;
	right: 0px;
	border-radius: 2px;
	border: 1px solid #ededed;
	background: -moz-linear-gradient(#fff,#f9f9f9);
	background: -webkit-linear-gradient(#fff,#f9f9f9);
	background: linear-gradient(#fff,#f9f9f9);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
	overflow: hidden;
}

.inputall .activitytimebox i {
	display: inline-block;
	font-size: 18px;
	color: #ccc;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
}

.inputall .activitytimebox #activitytime {
	opacity: 0;
	display: none;
}

.inputall .activitytimebox #activitytime:checked + i {
	color: #7BB121;
}

.inputall #uncertainstarttime {
	overflow: hidden;
}

.inputall #uncertainstarttime input {
	float: left;
	width: 48%;
}

.inputall #uncertainstarttime em {
	float: left;
	display: inline-block;
	width: 4%;
	height: 42px;
	line-height: 42px;
	text-align: center;
	overflow: hidden;
}

.inputall .activitytypelist {
	position: relative;
}

.inputall .activitytypelist .selectstyle {
	position: absolute;
	top: 0px;
	left: 0px;
}

.inputall .activitytypelist .selectstyle select {
	opacity: 0;
}

.inputall .activitynumber {
	position: relative;
	padding-right: 128px;
}

.inputall .activitynumber .selectstyle {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 120px;
}

.inputall .userfield_tag {
	margin: -1px -1px 10px -1px;
	overflow: hidden;
}

.inputall .userfield_tag span {
	display: inline-block;
	float: left;
	width: 33.333333%;
	padding: 1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.inputall .userfield_tag label {
	display: block;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}

.inputall .userfield_tag em {
	height: 36px;
	display: block;
	padding: 0px 2px 0px 26px;
	line-height: 38px;
	color: #777;
	border-radius: 2px;
	position: relative;
	background: #f8f8f8;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.inputall .userfield_tag em:after {
	content: "";
	display: block;
	border: 1px solid #ccc;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	top: 12px;
	left: 8px;
}

.inputall .userfield_tag em:before {
	content: "";
	display: block;
	background: #e3e3e3;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 14px;
	left: 10px;
}

.inputall .userfield_tag input {
	opacity: 0;
	display: none;
}

.inputall .userfield_tag input:checked + em {
	color: #7BB121;
}

.inputall .userfield_tag input:checked + em:before {
	background: #7BB121;
}

.inputall .tradequality {
	position: relative;
	padding-right: 128px;
}

.inputall .tradequality .selectstyle {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 120px;
}

.inputall .tradebuys {
	overflow: hidden;
}

.inputall .tradebuys .selectstyle {
	float: left;
	width: 49%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.inputall .tradebuys .selectstyle:last-child {
	padding-left: 8px;
	width: 51%;
}

.inputall #logisticssetting {
	position: relative;
	overflow: hidden;
}

.inputall #logisticssetting .expbuys {
	width: 33.33333333%;
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.inputall #logisticssetting .expbuys:nth-child(1) {
	padding-right: 5px;
}

.inputall #logisticssetting .expbuys:nth-child(2) {
	padding: 0px 3px;
}

.inputall #logisticssetting .expbuys:nth-child(3) {
	padding-left: 5px;
}

.inputall .tradeprice {
	position: relative;
	overflow: hidden;
}

.inputall .tradeprice .trade_item_price {
	float: left;
	width: 49%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.inputall .tradeprice .trade_item_price:last-child {
	padding-left: 8px;
	width: 51%;
}

.inputall .pollinoption {
	padding-right: 42px;
	position: relative;
	margin-bottom: 10px;
}

.inputall .pollinoption a {
	display: block;
	width: 18px;
	height: 18px;
	padding: 10px 7px 12px;
	text-align: center;
	position: absolute;
	top: 0px;
	right: 0px;
	border-radius: 2px;
	border: 1px solid #ededed;
	background: -moz-linear-gradient(#fff,#f9f9f9);
	background: -webkit-linear-gradient(#fff,#f9f9f9);
	background: linear-gradient(#fff,#f9f9f9);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
	overflow: hidden;
}

.inputall .pollinoption a i {
	display: inline-block;
	font-size: 18px;
	color: #ccc;
}

.inputall .pollsetup {
	position: relative;
	overflow: hidden;
}

.inputall .pollsetup .pollsetup_item {
	float: left;
	width: 49%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.inputall .pollsetup .pollsetup_item:last-child {
	padding-left: 8px;
	width: 51%;
}

.inputall .pollresults {
	margin: -1px -1px 10px -1px;
	overflow: hidden;
}

.inputall .pollresults span {
	display: inline-block;
	float: left;
	width: 49%;
	padding: 1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.inputall .pollresults span:last-child {
	padding-left: 8px;
	width: 51%;
}

.inputall .pollresults label {
	display: block;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}

.inputall .pollresults em {
	height: 36px;
	display: block;
	padding: 0px 2px 0px 26px;
	line-height: 38px;
	color: #777;
	border-radius: 2px;
	position: relative;
	background: #f8f8f8;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.inputall .pollresults em:after {
	content: "";
	display: block;
	border: 1px solid #ccc;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	top: 12px;
	left: 8px;
}

.inputall .pollresults em:before {
	content: "";
	display: block;
	background: #e3e3e3;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 14px;
	left: 10px;
}

.inputall .pollresults input {
	opacity: 0;
	display: none;
}

.inputall .pollresults input:checked + em {
	color: #7BB121;
}

.inputall .pollresults input:checked + em:before {
	background: #7BB121;
}

.inputall .polladdoption a {
	display: inline-block;
	padding: 5px 0px;
	line-height: 18px;
	color: #f90;
	-webkit-tap-highlight-color: rgba(0,0,0,0.04);
	tap-highlight-color: rgba(0,0,0,0.04);
}

.inputall .pollimg_upload,.inputall .pollimg_box {
	display: block;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 3px;
	right: 45px;
	overflow: hidden;
}

.inputall .pollimg_upload:after,.inputall .pollimg_upload input {
	width: 36px;
	height: 36px;
	display: block;
	line-height: 36px;
}

.inputall .pollimg_upload:after {
	content: "\e003";
	font-family: "vtoo_mobile";
	text-align: center;
	font-size: 18px;
	color: #ddd;
}

.inputall .pollimg_upload input {
	padding: 0px;
	opacity: 0;
	background: none;
	border: none;
	position: absolute;
	z-index: 2;
	overflow: hidden;
}

.inputall .pollimg_box {
	z-index: 1;
	pointer-events: none;
	background: transparent;
}

.inputall .pollimg_box img {
	width: 36px;
	height: 36px;
	pointer-events: none;
}

.inputall .polloption_list {
	position: relative;
	padding-right: 42px;
	overflow: hidden;
}

.inputall .polloption_list .pollvotes {
	width: 34px;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: center;
}

.inputall .poll_project {
	padding-right: 42px;
}

.inputall .postimg {
	position: relative;
	overflow: hidden;
}

.inputall .postimg span {
	display: inline-block;
	line-height: 46px;
	color: #777;
	margin-left: 9px;
}

.inputall .style_songeximg,.inputall .style_songeximg #select_songeximg {
	display: none !important;
}

.selectstyle {
	width: 100%;
	display: inline-block;
	position: relative;
}

.selectstyle select {
	width: 100%;
	height: 42px;
	line-height: 40px;
	color: #777;
	display: block;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	padding: 0px 26px 0px 5px;
	font-size: 15px;
}

.selectstyle:after {
	content: "";
	position: absolute;
	width: 0px;
	height: 0px;
	top: 50%;
	right: 8px;
	margin-top: -4px;
	border-style: solid;
	border-width: 8px 6px 8px;
	border-color: #bbb transparent transparent transparent;
	z-index: 2;
	pointer-events: none;
}

.editor {
	overflow: hidden;
}

.editor a,.editor span {
	width: 26px;
	height: 26px;
	margin: 3px 10px 3px 0px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	font-family: "vtoo_mobile";
	font-size: 22px;
	color: #999;
	overflow: hidden;
}

.editor a:after,.editor span:after {
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #999;
}

.editor .postcamera:after {
	content: "\e003";
}

.editor .postphoto:after {
	content: "\e053";
}

.editor .postvideo:after {
	content: "\e106";
}

.editor .postmusic:after {
	content: "\e033";
}

.editor .postfile:after {
	content: "\e028";
}

.editor .invideo:after {
	content: "\e031";
}

.editor .cloudmusic:after {
	content: "\e141";
}

.editor .inlink:after {
	content: "\e091";
}

.editor .inat:after {
	content: "\e054";
}

.editor .postthread:after {
	content: "\e080";
}

.editor .postsmilie:after {
	content: "\e030";
}

.editor .morefunction:after {
	content: "\e035";
}

.editor .cutoption:after {
	content: "\e138";
}

.editor .postadditional:after {
	content: "\e050";
}

.editor .postreadperm:after {
	content: "\e140";
}

.editor .postreplycredit:after {
	content: "\e127";
}

.editor .postrushreplyset:after {
	content: "\e139";
}

.editor .postprice:after {
	content: "\e087";
}

.editor .posttag:after {
	content: "\e029";
}

.editor .postpubdate:after {
	content: "\e123";
}

.editor .moreoption {
	float: right;
	height: 32px;
	line-height: 34px;
	padding: 0px 5px;
	display: block;
	font-size: 18px;
	color: #bbb;
	overflow: hidden;
}

.editor .advmode {
	width: auto;
	height: 22px;
	line-height: 20px;
	padding: 0px 9px;
	margin: 5px 0px 0px 3px;
	background: #f5f5f5;
	border-radius: 11px;
	font-size: 12px;
	color: #aaa;
	overflow: hidden;

}

.editor .on:after,.editor .onoption,.editor .orange {
	color: #f90;
}

.postphoto input,.postcamera input,.postvideo input,.postmusic input,.postfile input {
	width: 26px;
	height: 26px;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	display: block;
	line-height: 26px;
	padding: 0px;
	opacity: 0;
	background: none;
	border: none;
	overflow: hidden;
}

@media all and (max-width:320px) {
	.editor a,.editor span {
		margin: 3px 8px 3px 0px;
	}

	.editor .moreoption {
		padding: 0px;
	}
}

.editor_item {
	padding: 0px 3px 0px 0px;
}

.addlinks {
	height: 36px;
	padding: 5px 66px 5px 36px;
	border-radius: 4px;
	background: #f8f8f8;
	position: relative;
	margin-bottom: 10px;
}

.addlinks input {
	width: 100%;
	height: 36px;
	line-height: 36px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	font-size: 15px;
}

.addlinks .addlinks_btn {
	width: 54px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	font-size: 15px;
	color: #555;
	border-radius: 2px;
	border: 1px solid #ededed;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 5px;
	right: 5px;
	background: -moz-linear-gradient(#f9f9f9,#f1f1f1);
	background: -webkit-linear-gradient(#f9f9f9,#f1f1f1);
	background: linear-gradient(#f9f9f9,#f1f1f1);
}

.addlinks i {
	height: 20px;
	width: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 20px;
	position: absolute;
	top: 14px;
	left: 8px;
	color: #888;
	display: block;
	overflow: hidden;
}

.addlinks .link_item {
	float: left;
	height: 36px;
	width: 50%;
	padding: 0px 3px 0px 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.addlinks .link_item:nth-child(3) {
	padding: 0px 0px 0px 2px;
}

.addlinks .link_select {
	float: left;
	height: 36px;
	width: 48.7%;
}

.addlinks .link_select select {
	height: 36px;
	line-height: 34px;
}

.addlinks .link_threadid {
	width: 51.3%;
	padding-left: 5px !important;
}

.addlinks button.addlinks_btn {
	width: 56px;
	height: 36px;
}

#smiliesdiv {
	margin-bottom: 10px;
	display: none;
}

#fastsmilies {
	display: inline;
	white-space: nowrap;
}

#fastsmilies .smilies {
	background: #f8f8f8;
	border-radius: 4px;
	padding: 5px 0px;
	position: relative;
}

#fastsmilies .smilies ul {
	overflow: hidden;
}

#fastsmilies .smilies li {
	float: left;
	width: 14.28%;
	text-align: center;
	margin: 6px 0px;
}

#fastsmilies .smilies img {
	height: 26px;
	max-height: 26px;
	padding: 2px;
	vertical-align: top;
}

#fastsmilies .smilies img:active {
	background: #C8F2FF;
}

.ajaxsmi {
	display: block !important;
	margin-top: -5px;
}

.ajaxsmi .smilies {
	background: #fff !important;
	padding: 0px 10px !important;
}

.post_imglist {
	margin: 0px -10px;
	padding: 0px 10px;
	background: #fff;
	overflow: hidden;
}

.post_imglist li {
	width: 60px;
	height: 60px;
	position: relative;
	float: left;
	padding: 6px 10px 6px 0;
	margin: 0px;
}

.post_imglist .imgdel {
	width: 20px;
	height: 20px;
	position: absolute;
	left: -5px;
	top: 1px;
	z-index: 1;
}

.post_imglist .imgdel a {
	width: 18px;
	height: 18px;
	display: block;
	overflow: hidden;
	border-radius: 50%;
	background: #f60;
	border: 1px solid #fff;
	position: relative;
}

.post_imglist .imgdel a:after {
	content: "\e034";
	font-family: "vtoo_mobile";
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
}

.post_imglist .attach_roll {
	width: 40px;
	height: 18px;
	position: absolute;
	top: 8px;
	right: 12px;
	z-index: 1;
	pointer-events: none;
	overflow: hidden;
}

.post_imglist .attach_name {
	width: 100px;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	-webkit-animation: nameroll 10s linear infinite;
	-moz-animation: nameroll 10s linear infinite;
	animation: nameroll 10s linear infinite;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.post_imglist .post_img {
	width: 56px;
	height: 56px;
	padding: 1px;
	background: #fff;
	border: 1px solid #ddd;
	display: block;
	overflow: hidden;
}

.post_imglist .post_img a {
	display: block;
	width: 56px;
	height: 56px;
	position: relative;
	overflow: hidden;
}

.post_imglist .post_img p {
	position: absolute;
	display: block;
	left: 0px;
	bottom: 0px;
	background: rgba(0,0,0,.4);
	width: 56px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	overflow: hidden;
}

.post_imglist .post_img img {
	width: 56px;
	min-height: 56px;
	vertical-align: top;
}

.post_imglist .post_img img.attachtype,.post_attlist .post_img img {
	width: 30px;
	height: 30px;
	min-height: auto;
	padding: 13px;
}

.editorplus {
	padding: 3px 10px !important;
	margin-bottom: 10px;
}

.editorplus a {
	width: 30px;
	height: 30px;
	margin-right: 14px;
	font-size: 18px;
	background: #f7f7f7;
	border-radius: 50%;
}

.editorplus a:after {
	width: 30px;
	height: 30px;
	line-height: 32px;
	overflow: hidden;
}

.editorplus a:last-child {
	margin-right: 0px;
}

.editorplus a.on {
	background: rgba(255,153,0,0.1);
}

@media all and (max-width:320px) {
	.editorplus a {
		margin-right: 9px;
	}
}

.editor_optionplus {
	width: 100%;
	padding: 0px 10px 15px;
	position: absolute;
	left: 0px;
	top: 111px;
	bottom: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-x: hidden;
}

.editor_additional h1 {
	min-height: 26px;
	line-height: 26px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.editor_additional ul {
	overflow: hidden;
}

.editor_additional li {
	display: inline-block;
	float: left;
	width: 50%;
	padding: 1px;
	margin: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.editor_additional li label {
	display: block;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}

.editor_additional li em {
	height: 36px;
	display: block;
	padding: 0px 2px 0px 26px;
	line-height: 38px;
	color: #777;
	border-radius: 2px;
	position: relative;
	background: #f8f8f8;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.editor_additional li em:after {
	content: "";
	display: block;
	border: 1px solid #ccc;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	top: 12px;
	left: 8px;
}

.editor_additional li em:before {
	content: "";
	display: block;
	background: #e3e3e3;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 14px;
	left: 10px;
}

.editor_additional li input {
	opacity: 0;
	display: none;
}

.editor_additional li input:checked + em {
	color: #7BB121;
}

.editor_additional li input:checked + em:before {
	background: #7BB121;
}

.editor_additional li .post_adv {
	display: block;
	height: 36px;
	line-height: 36px;
	padding-left: 27px;
	color: #777;
	position: relative;
	background: #f8f8f8;
}

.editor_additional li .post_adv:after {
	content: "\e003";
	display: block;
	line-height: 36px;
	position: absolute;
	top: 0px;
	left: 6px;
	font-family: "vtoo_mobile";
	font-size: 16px;
	color: #bbb;
}

.editor_readperm {
	height: 36px;
	padding: 5px 5px 5px 80px;
	border-radius: 4px;
	background: #f8f8f8;
	position: relative;
	margin-bottom: 10px;
}

.editor_readperm span {
	width: 80px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	color: #777;
	text-align: center;
	font-size: 15px;
	position: absolute;
	left: 0px;
	top: 5px;
}

.editor_readperm .selectstyle select {
	height: 36px;
	line-height: 34px;
}

.editor_replycredit {
	height: 36px;
	padding: 5px 50px 5px 80px;
	border-radius: 4px;
	background: #f8f8f8;
	position: relative;
	margin-bottom: 10px;
}

.editor_replycredit span {
	width: 80px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	color: #777;
	text-align: center;
	font-size: 15px;
	position: absolute;
	left: 0px;
	top: 5px;
}

.editor_replycredit em {
	width: 43px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	color: #777;
	font-size: 15px;
	position: absolute;
	right: 0px;
	top: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.editor_replycredit input {
	width: 100%;
	height: 36px;
	line-height: 36px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	font-size: 15px;
}

.editor_replycredit .selectstyle select {
	height: 36px;
	line-height: 34px;
}

.editor_price {
	height: 36px;
	padding: 5px 50px;
	border-radius: 4px;
	background: #f8f8f8;
	position: relative;
	margin-bottom: 10px;
}

.editor_price span {
	width: 50px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	color: #777;
	text-align: center;
	font-size: 15px;
	position: absolute;
	left: 0px;
	top: 5px;
}

.editor_price em {
	width: 43px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	color: #777;
	font-size: 15px;
	position: absolute;
	right: 0px;
	top: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.editor_price input {
	width: 100%;
	height: 36px;
	line-height: 36px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	font-size: 15px;
}

.editor_tag {
	height: 36px;
	padding: 5px 5px 5px 50px;
	border-radius: 4px;
	background: #f8f8f8;
	position: relative;
	margin-bottom: 10px;
}

.editor_tag span {
	width: 50px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	color: #777;
	text-align: center;
	font-size: 15px;
	position: absolute;
	left: 0px;
	top: 5px;
}

.editor_tag input {
	width: 100%;
	height: 36px;
	line-height: 36px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	font-size: 15px;
}

.editor_tag_recent span {
	height: 26px;
	line-height: 26px;
	display: inline-block;
	margin-right: 5px;
	padding: 1px 8px 0px;
	border-radius: 2px;
	background: #f4f4f4;
	color: #777;
	overflow: hidden;
}

.editor_tag_recent span.tag1 {
	background: #EDF8F8;
}

.editor_tag_recent span.tag2 {
	background: #EFFAD8;
}

.editor_tag_recent span.tag3 {
	background: #F6F6F6;
}

.editor_tag_recent span.tag4 {
	background: #F2F1FC;
}

.editor_tag_recent span.tag5 {
	background: #FCF1F2;
}

.editor_pubdate {
	height: 36px;
	padding: 5px 30px 5px 80px;
	border-radius: 4px;
	background: #f8f8f8;
	position: relative;
	margin-bottom: 10px;
}

.editor_pubdate span {
	width: 80px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	color: #777;
	text-align: center;
	font-size: 15px;
	position: absolute;
	left: 0px;
	top: 5px;
}

.editor_pubdate input {
	width: 100%;
	height: 36px;
	line-height: 36px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	font-size: 15px;
}

.editor_pubdate .pubdate_cck {
	display: block;
	height: 36px;
	width: 30px;
	position: absolute;
	top: 5px;
	right: 0px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}

.editor_pubdate .pubdate_cck i {
	height: 36px;
	width: 30px;
	display: block;
	line-height: 37px;
	color: #777;
	position: relative;
	overflow: hidden;
}

.editor_pubdate .pubdate_cck i:after {
	content: "";
	display: block;
	border-left: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	width: 8px;
	height: 4px;
	position: absolute;
	top: 13px;
	left: 9px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	overflow: hidden;
}

.editor_pubdate .pubdate_cck input {
	opacity: 0;
	display: none;
}

.editor_pubdate .pubdate_cck input:checked + i:after {
	border-color: #7BB121;
}

.editor_rushreplyset {
	height: 36px;
	padding: 5px 5px 5px 80px;
	border-radius: 4px;
	background: #f8f8f8;
	position: relative;
	margin-bottom: 10px;
}

.editor_rushreplyset span {
	width: 80px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	color: #777;
	text-align: center;
	font-size: 15px;
	position: absolute;
	left: 0px;
	top: 5px;
}

.editor_rushreplyset input {
	width: 100%;
	height: 36px;
	line-height: 36px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	font-size: 15px;
}

.rushreplyset_times input {
	width: 48%;
	float: left;
}

.rushreplyset_times em {
	display: inline-block;
	float: left;
	height: 36px;
	line-height: 36px;
	width: 4%;
	text-align: center;
	color: #777;
	overflow: hidden;
}

.rushreplyset_floor {
	padding-right: 30px;
}

.rushreplyset_floor .rushreplyset_cck {
	display: block;
	height: 36px;
	width: 30px;
	position: absolute;
	top: 5px;
	right: 0px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}

.rushreplyset_floor .rushreplyset_cck i {
	height: 36px;
	width: 30px;
	display: block;
	line-height: 37px;
	color: #777;
	position: relative;
	overflow: hidden;
}

.rushreplyset_floor .rushreplyset_cck i:after {
	content: "";
	display: block;
	border-left: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	width: 8px;
	height: 4px;
	position: absolute;
	top: 13px;
	left: 9px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	overflow: hidden;
}

.rushreplyset_floor .rushreplyset_cck input {
	opacity: 0;
	display: none;
}

.rushreplyset_floor .rushreplyset_cck input:checked + i:after {
	border-color: #7BB121;
}

.sec_code {
	font-size: 15px;
	color: #999;
}

.sec_code .seccodeimg {
	margin-right: 6px;
	border-radius: 2px;
}

.sec_code .sectxt,.sec_qaa .sectxt {
	height: 30px;
	padding: 5px;
	line-height: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	border-radius: 0px;
	box-shadow: none;
}

.sec_code .sectxt {
	width: 100%;
	border-bottom: 1px dashed #e5e5e5;
}

.sec_qaa .sectxt {
	max-width: 50%;
}

.sec_qaa {
	font-size: 15px;
	line-height: 26px;
	border-bottom: 1px dashed #e5e5e5;
}

.sec_code .imea {
	-webkit-ime-mode: active;
	-moz-ime-mode: active;
	-ms-ime-mode: active;
	ime-mode: active;
}

.sec_code .imed {
	-webkit-ime-mode: disabled;
	-moz-ime-mode: disabled;
	-ms-ime-mode: disabled;
	ime-mode: disabled;
}

.seccheckhide {
	display: none;
	padding-right: 3px;
}

.seccheckhide th {
	padding-left: 0px !important;
}

.stable_c {
	padding: 6px 6px 6px 10px;
	border-radius: 2px;
	background: #f8f8f8;
	margin-bottom: 12px;
	position: relative;
}

.stable_c .req {
	color: #f60;
	position: absolute;
	right: 0px;
}

.stable {
	width: 100%;
	font-size: 15px;
	color: #999;
}

.stable th,.stable td {
	padding: 5px 0px;
}

.stable th {
	padding-right: 6px;
}

.stable th div {
	max-width: 90px;
	margin: 0px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	padding-right: 10px;
}

.stable_select select {
	float: left;
	height: 42px;
	line-height: 40px;
	color: #777;
	background: #fff;
	padding: 0px 5px;
	margin-top: 10px;
	width: 100%;
	-moz-appearance: none;
}

.stable_select select:first-child {
	margin-top: 0px;
}

.stable td.stable_check {
	width: 16px;
	padding-left: 5px;
}

.stable td.stable_check .warning {
	padding: 0px;
	border: none;
	width: 16px;
	height: 16px;
	display: inline-block;
	overflow: hidden;
	background: none;
}

.stable td.stable_check .warning img {
	vertical-align: top;
}

.stable_label {
	float: left;
	width: 50%;
	margin-bottom: 5px !important;
}

.stable_radio {
	overflow: hidden;
}

#floatpost .uploadimg {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 90;
	top: 0px;
	bottom: 0px;
	left: 0;
}

#floatpost .loadimg {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
	z-index: 2;
	background: #fff;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
	border-radius: 10px;
	overflow: hidden;
}

#floatpost .loadimg .upbutton {
	display: block;
	width: 60px;
	height: 60px;
	position: relative;
	font-family: "vtoo_mobile";
	overflow: hidden;
}

#floatpost .loadimg .upbutton:after {
	content: "\e041";
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 28px;
	color: #999;
}

#floatpost .loadimg .upbutton input {
	width: 60px;
	height: 60px;
	display: block;
	line-height: 60px;
	padding: 0px;
	opacity: 0;
	background: none;
	border: none;
	overflow: hidden;
	position: absolute;
	z-index: 2;
}

#floatpost .uploadimg .close_uploadimg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0;
	background: rgba(0,0,0,0.2);
	z-index: 1;
}

.loadimgbutton {
	width: 50px;
	height: 50px;
	border: 1px solid #ededed;
	float: left;
	padding: 0px;
	border-radius: 2px;
	background: #fff;
	color: #777;
	text-align: center;
}

.loadimgbutton i {
	width: 48px;
	height: 48px;
	line-height: 48px;
	color: #ccc;
	font-size: 22px;
	display: inline-block;
}

.post_attach {
	float: left;
}

.post_attach .post_imgbox {
	width: 46px;
	height: 46px;
	border: 1px solid #e4e4e4;
	padding: 1px;
	background: #fff;
	margin-right: 10px;
	border-radius: 2px;
}

.post_attach .post_imgbox a {
	width: 46px;
	height: 46px;
	display: block;
	overflow: hidden;
}

.post_attach .post_imgbox img {
	width: 46px;
	min-height: 46px;
	background: #fff;
	vertical-align: top;
}

.sofareply {
	padding: 50px 10px;
	background: #fff;
	text-align: center;
	color: #aaa;
}

.sofareply img {
	width: 80px;
	vertical-align: middle;
	margin-bottom: 10px;
}

.sofareply2,.allsreply {
	padding: 25px 10px;
	background: #fff;
	text-align: center;
	color: #aaa;
}

.ckmorereply {
	background: #fff;
	text-align: center;
	font-size: 15px;
}

.ckmorereply a {
	display: block;
	padding: 17px 0px;
	color: #3869AB;
}

.plc {
	padding: 10px;
	border-bottom: 1px solid #ededed;
	background: #fff;
	position: relative;
}

.plc .pi {
	padding: 0px 0px 10px;
}

.message {
	min-height: 40px;
	padding: 1px 0px;
}

.message a {
	color: #3869AB;
}

.message table {
	width: 100%;
	border: 1px solid #d7d7d7;
	border-collapse: collapse;
	empty-cells: show;
}

.message table td,.plc .pi .message table th {
	border: 1px solid #ddd;
	padding: 5px;
}

.message .jammer {
	font-size: 10px;
	color: #fff;
}

.message img,.plc .pi .img_one img {
	max-width: 100%;
}

.message .subedit {
	font-size: 18px;
	margin-bottom: 7px;
}

.message img[smilieid] {
	max-height: 22px;
	vertical-align: top;
}

.message .blockcode {
	padding: 0px 0px 0px 34px;
	margin: 10px 0;
	border-left: 1px solid #9C0;
	background: #eee;
	border-radius: 0px 4px 4px 0px;
	overflow: hidden;
}

.message .blockcode div {
	background: #f7f7f7;
	padding: 10px 6px 10px 0px;
	border-radius: 0px 4px 4px 0px;
}

.message .blockcode ol {
	margin-left: 0px !important;
	padding: 0 !important;
}

.message .blockcode ol li {
	padding-left: 10px;
	list-style-type: decimal-leading-zero;
	font-size: 12px;
	line-height: 1.8em;
}

.message embed {
	max-width: 100% !important;
	max-height: 260px !important;
}

.message .pstatus {
	display: block;
	height: 20px;
	margin: 10px 0px -35px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	color: #999;
	overflow: hidden;
}

.message .locked a[rel='nofollow'] {
	display: inline-block;
	background: #f60;
	color: #fff;
	padding: 0px 6px;
	border-radius: 4px;
	margin-left: 7px;
}

.threadsortshow {
	margin: 10px 0px;
	background: #f2f2f2;
	padding: 6px 10px 10px;
	border-radius: 4px;
}

.threadsortshow h4 {
	line-height: 20px;
	padding: 8px 0px;
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: 400;
	border-bottom: 1px solid #fff;
}

.view_authi {
	min-height: 40px;
	line-height: 20px;
	padding: 0px 0px 0px 50px;
	margin-bottom: 10px;
	color: #999;
	position: relative;
}

.view_follow {
	padding-right: 75px;
}

.view_authi .userverify {
	display: block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	position: absolute;
	top: 24px;
	left: 24px;
	z-index: 5;
	text-align: center;
	font-size: 13px;
	color: #fff;
	background: #FAD141;
	border: 1px solid #f5f5f5;
}

.view_authi .userverify:after {
	content: "\e187";
	font-family: "vtoo_mobile";
	width: 14px;
	height: 14px;
	line-height: 15px;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
}

.view_authi p {
	line-height: 20px;
	padding-top: 2px;
	overflow: hidden;
}

.view_authi .view_author {
	float: left;
	font-size: 14px;
	font-weight: bold;
}

.view_authi .view_author a {
	color: #777;
}

.view_authi i.ta,.view_authi i.mod,.view_authi i.stars,.view_authi i.pdbts {
	float: left;
	height: 10px;
	padding: 3px 4px;
	border-radius: 3px;
	line-height: 11px;
	font-size: 11px;
	margin-left: 8px;
	color: #fff;
	overflow: hidden;
}

.view_authi i.ta {
	border: 1px solid #9CC1E7;
	color: #669FD9;
	padding: 2px 3px;
}

.view_authi i.mod {
	background: #f90;
}

.view_authi i.mod font {
	color: #fff;
}

.view_authi i.stars {
	background: #8dc56a;
}

.view_authi i.pdbts {
	background: #ccc;
}

.view_authi i.pdbts a {
	color: #fff;
}

.view_authi i.pdbts_1 {
	background: #FF645C;
}

.view_authi i.pdbts_2 {
	background: #5FA0F3;
}

.view_authi i.mod font {
	color: #fff !important;
}

.view_authi i.mod_crown {
	float: left;
	height: 10px;
	padding: 4px 3px 2px 18px;
	line-height: 11px;
	font-size: 12px;
	margin-left: 8px;
	background: url(../image/crown.png) no-repeat 0% 50%;
	background-size: auto 14px;
	color: #f90;
	overflow: hidden;
}

.view_authi i.gender {
	float: left;
	height: 16px;
	width: 14px;
	margin-left: 2px;
	border-radius: 2px;
	position: relative;
	font-family: "vtoo_mobile";
	font-size: 12px;
	overflow: hidden;
}

.view_authi i.gender:after {
	height: 14px;
	width: 14px;
	line-height: 14px;
	display: block;
	text-align: center;
	position: absolute;
	top: 2px;
	left: 0px;
	color: #fff;
	font-weight: bold;
}

.view_authi i.gender_1:after {
	content: "\e055";
	color: #87d0f5;
}

.view_authi i.gender_2:after {
	content: "\e056";
	color: #ffa3a3;
}

.view_authi .datelinetimes {
	height: 18px;
	line-height: 18px;
	display: block;
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.view_authi .view_floor {
	float: right;
	display: block;
	font-size: 12px;
	line-height: 18px;
}

.view_authi .view_floor sup {
	vertical-align: baseline;
	font-size: 12px;
}

.view_authi .view_floor a .vt-recadd {
	font-size: 15px;
	color: #888;
}

.view_authi .view_floor a:active .vt-recadd {
	color: #f60;
}

.view_authi .view_floor .review_support {
	margin-left: 5px;
}

.view_authi .dialog_ibtn {
	position: absolute;
	right: 0px;
	top: 6px;
}

.forumback {
	height: 56px;
	padding: 10px 7px;
	background: #fff;
	margin: 8px 0px;
}

.forumback a {
	height: 50px;
	line-height: 22px;
	padding: 3px;
	display: block;
	position: relative;
}

.forumback a img {
	float: left;
	height: 50px;
	border-radius: 8px;
	margin-right: 10px;
}

.forumback a h1 {
	height: 22px;
	font-size: 16px;
	margin: 4px 0px 2px;
	font-weight: 400;
	color: #3869AB;
}

.forumback a p {
	font-size: 14px;
	color: #999;
}

.forumback a span {
	color: #f90;
}

.forumback a:after {
	content: "\e011";
	font-family: "vtoo_mobile";
	width: 20px;
	height: 30px;
	display: block;
	line-height: 30px;
	color: #bbb;
	text-align: center;
	font-size: 22px;
	position: absolute;
	top: 13px;
	right: 4px;
}


.quote {
	padding: 8px 10px 5px 22px;
	margin: 10px 0;
	font-size: 14px;
	color: #999;
	background: #f7f7f7;
	border-radius: 4px;
	position: relative;
}

.quote blockquote {
	display: inline;
	margin: 0px;
	padding-right: 20px;
	position: relative;
}

.quote:after,.quote blockquote:after {
	font-family: "vtoo_mobile";
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-size: 18px;
	display: block;
	text-align: center;
	position: absolute;
	color: #888;
}

.quote:after {
	content: "\e119";
	top: 7px;
	left: 2px;
}

.quote blockquote:after {
	content: "\e118";
	bottom: -2px;
	right: 0px;
}

.quote img[src*="static/image/smiley"] {
	max-height: 16px;
	margin-top: -3px;
	vertical-align: middle !important;
}

.showhide {
	padding: 10px;
	margin: 10px 0px;
	border: 1px dashed #ff9a9a;
	font-size: 14px;
	background: #f9f9f9;
	overflow: hidden;
}

.showhide h4 {
	font-weight: 400;
	color: #f66;
	text-align: center;
	margin-bottom: 5px;
	font-size: 14px;
}

.warning {
	padding: 10px;
	border: 1px dashed #ff9a9a;
	font-size: 14px;
	background: #f9f9f9;
	overflow: hidden;
}

.warning a {
	color: #3869AB !important;
}

.rushreply {
	padding-bottom: 8px;
	margin: 10px 0px 14px;
	background: #f4f4f4;
	color: #777;
	font-size: 14px;
	overflow: hidden;
}

.rushreply .rushreply_titls {
	height: 36px;
	padding-left: 10px;
	line-height: 38px;
	color: #fff;
	background: #FFAD33;
	overflow: hidden;
}

.rushreply .rushreply_titls a {
	height: 36px;
	display: inline-block;
	color: #fff;
	float: right;
	padding: 0px 18px 0px 2px;
	margin-right: 5px;
	border-radius: 2px;
	position: relative;
}

.rushreply .rushreply_titls a:after {
	content: "\e035";
	font-family: "vtoo_mobile";
	width: 18px;
	height: 36px;
	display: block;
	line-height: 36px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top: 0px;
	right: 0px;
}

.rushreply .rushreply_over {
	background: #aaa;
}

.rushreply p {
	line-height: 26px;
	padding: 0px 10px;
}

.plc .pi .message ul li {
	list-style-type: disc;
	margin-left: 10px;
}

.plc .pi .message ul,ul.litype_1,ul.litype_2,ul.litype_3 {
	margin-left: 15px;
}

ul.litype_1 li {
	list-style-type: decimal !important;
	margin-left: 10px;
}

ul.litype_2 li {
	list-style-type: lower-alpha !important;
	margin-left: 10px;
}

ul.litype_3 li {
	list-style-type: upper-alpha !important;
	margin-left: 10px;
}

hr.l {
	display: block;
	clear: both;
	height: 1px;
	border: none;
	background: #ddd;
	color: #ddd;
	margin: 5px 0px;
}

i.view_warneds {
	padding: 5px 8px 4px;
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #f00;
	background: rgba(255,0,0,0.02);
	color: #f00;
	border-radius: 0px;
	position: absolute;
	top: 18px;
	right: 8px;
	z-index: 46;
	-webkit-transform: rotate(25deg);
	-moz-transform: rotate(25deg);
	transform: rotate(25deg);
	pointer-events: none;
	overflow: hidden;
}

.locked {
	margin: 10px 0;
	padding: 10px;
	border: 1px dashed #ff9a9a;
	background: #f9f9f9;
	font-size: 14px;
	overflow: hidden;
}

.hideview {
	overflow: hidden;
	position: relative;
}

.startreading {
	display: none;
	position: absolute;
	text-align: center;
	width: 100%;
	height: 120px;
	left: 0px;
	bottom: -2px;
	background: -moz-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
	background: -webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
	background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
}

.startreading a {
	display: inline-block;
	height: 34px;
	margin-top: 50px;
	line-height: 34px;
	font-size: 15px;
	padding: 0px 18px;
	background: #f90;
	color: #fff;
	border-radius: 17px;
	box-shadow: 0 0 6px rgba(0,0,0,0.1);
	overflow: hidden;
}

.startreading a i {
	margin-left: 2px;
	font-size: 12px;
	font-weight: 600;
}

.attach_list {
	padding: 5px 0px 15px;
}

.img_insert {
	padding: 7px 0px;
}

.img_insert a {
	display: inline-block;
	max-width: 100%;
	vertical-align: top;
	overflow: hidden;
}

.img_insert a img {
	vertical-align: top;
	max-width: 100%;
}

.img_describe {
	height: 16px;
	line-height: 16px;
	margin: 8px 0px -2px;
	font-size: 13px;
	color: #999;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.img_item {
	margin-top: 10px;
}

.img_item a {
	display: inline-block;
	text-align: center;
}

.img_item img {
	vertical-align: top;
	max-width: 100%;
}

.img_item .img_buy {
	text-align: left;
	margin-top: 0px;
}

.attach_item {
	margin-top: 10px;
	position: relative;
	padding: 7px 4px 7px 40px;
	font-size: 12px !important;
	background: #f7f7f7;
	border-radius: 4px;
	overflow: hidden;
}

.attach_item img {
	position: absolute;
	top: 9px;
	left: 8px;
	width: 24px;
}

.attach_item a {
	color: #333;
}

.attach_item .attach_names {
	line-height: 20px;
	margin-bottom: 2px;
}

.attach_item .attach_names a {
	color: #3869AB;
	font-weight: bold;
	display: inline-block;
}

.attach_item .attach_names a i {
	color: #6CB633;
	margin: 3px 0px 0px 6px;
	float: right;
	font-size: 14px;
}

.attach_item .attach_price a {
	font-weight: bold;
	color: #999;
	text-decoration: underline;
}

.attach_item .attach_price a.attachment_buy {
	color: #6CB633;
}

.threadstamp {
	position: absolute;
	left: 50%;
	top: 10px;
	z-index: 2;
	text-align: right;
}

.threadstamp img {
	width: 105px;
}

.fpselect {
	width: auto;
	float: left;
	border-radius: 5px;
	margin: -52px 0px 0px 5px;
	background: #fff;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
}

.fpselect select {
	width: auto;
	height: 36px;
	line-height: 34px;
	border-radius: 2px;
	padding-left: 6px;
	border: none;
}

.replybtn_one {
	background: #353b44;
	position: fixed;
	top: 55px;
	right: 4px;
	padding: 6px 5px;
	border-radius: 5px;
}

.replybtn_one:after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background: #353b44;
	position: absolute;
	top: -4px;
	right: 15px;
}

.replybtn_one li {
	width: 60px;
	text-align: center;
}

.replybtn_one a {
	color: #fff;
	display: block;
	padding: 4px 0px;
	font-size: 16px;
}

.viewvideo,.viewaudio {
	background: #fff;
	padding-bottom: 7px;
}

.viewmedia {
	width: 100%;
	padding-bottom: 52px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 60;
	background: #fff;
}

.viewmedia .view_authi {
	margin: 6px 10px;
}

.viewmedia .view_authi .dialog_ibtn {
	position: absolute;
	right: 0px;
	top: 5px;
}

.viewmedia_shadow {
	box-shadow: 0 1px 1px rgba(0,0,0,0.06);
}

.viewmedia_sd {
	padding-bottom: 52px;
}

.viewmedianoplay {
	line-height: 56.4vw;
	background: #000;
	text-align: center;
	color: #fff;
	overflow: hidden;
}

.viewmediapay {
	background: #000;
	overflow: hidden;
}

.viewmediapay .paymentrem {
	margin: 17vw 0px 0px;
	color: #fff;
	text-align: center;
}

.viewmediapay .mediasbuy {
	height: 36px;
	margin-bottom: 13px;
	text-align: center;
	overflow: hidden;
}

.viewmediapay .mediasbuy a {
	height: 36px;
	line-height: 38px;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	margin: 0px auto;
	background: #fff;
	color: #000;
	padding: 0px 20px;
	border-radius: 18px;
	overflow: hidden;
}

.viewmedia,.viewmedia .mediaplayer_video,.viewmedia .mediaplayer_video video,.viewmedia_sd,.viewmedianoplay,.viewmediapay {
	height: 56.4vw;
}

.viewvname {
	height: 26px;
	line-height: 26px;
	padding: 0px 30px 0px 10px;
	margin: 7px 0px 2px;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	overflow: hidden;
}

.viewvname:after {
	content: "";
	position: absolute;
	width: 0px;
	height: 0px;
	top: 8px;
	right: 10px;
	border-style: solid;
	border-width: 6px;
	border-color: #333 transparent transparent transparent;
	z-index: 1;
	pointer-events: none;
}

.viewvname_show {
	height: auto;
}

.viewvname_show:after {
	top: 1px;
	border-style: solid;
	border-width: 6px;
	border-color: transparent transparent #333 transparent;
}

.viewmusic {
	width: 100%;
	height: 52.8vw;
	position: relative;
	overflow: hidden;
}

.viewmusic .viewbgcover {
	width: 116%;
	height: 58.4vw;
	margin: -10px -8%;
	background-color: #333;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-ms-filter: blur(5px);
	-o-filter: blur(5px);
	filter: blur(5px);
}

.viewmusic .jAudio-thumb {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -52px 0px 0px -52px;
	border: 2px solid rgba(0,0,0,0.15);
	background-clip: padding-box;
	background-size: cover;
	background-position: 50% 50%;
	background-color: #333;
	border-radius: 50%;
}

.viewmusic .viewbgcd {
	width: 130px;
	height: 130px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -68px 0px 0px -66px;
	border: 1px solid #333;
	box-shadow: 0 0 4px rgba(0,0,0,0.4);
	background: -moz-linear-gradient(right top,#000,#666,#000);
	background: -webkit-linear-gradient(right top,#000,#666,#000);
	background: linear-gradient(right top,#000,#666,#000);
	border-radius: 50%;
}

.viewmusic .mediasbuy {
	height: 28px;
	margin: 20px 0px 13px;
	position: absolute;
	right: 15px;
	bottom: 20px;
	z-index: 10;
}

.viewmusic .mediasbuy a {
	height: 28px;
	line-height: 28px;
	display: inline-block;
	font-size: 15px;
	margin: 0px auto;
	background: rgba(255,255,255,0.8);
	color: #000;
	padding: 0px 14px;
	border-radius: 14px;
	overflow: hidden;
}

.viewsongname {
	width: 300px;
	height: 50px;
	margin: -20px 0px 0px -150px;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	display: none;
}

.viewsongname h1 {
	height: 28px;
	line-height: 28px;
	font-size: 18px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.viewsongname p {
	height: 22px;
	line-height: 22px;
	font-size: 14px;
}

@media all and (min-width:700px) {
	.viewsongname {
		width: 400px;
		height: 80px;
		margin: -30px 0px 0px -200px;
	}

	.viewsongname h1 {
		height: 38px;
		line-height: 38px;
		font-size: 24px;
	}
}

@media all and (max-width:320px) {
	.viewmusic .jAudio-thumb {
		width: 80px;
		height: 80px;
		margin: -42px 0px 0px -42px;
	}

	.viewmusic .viewbgcd {
		width: 110px;
		height: 110px;
		margin: -58px 0px 0px -56px;
	}
}

@media all and (min-width:393px) {
	.viewmusic .jAudio-thumb {
		width: 110px;
		height: 110px;
		margin: -57px 0px 0px -57px;
	}

	.viewmusic .viewbgcd {
		width: 140px;
		height: 140px;
		margin: -73px 0px 0px -71px;
	}
}

@media all and (min-width:403px) {
	.viewmusic .jAudio-thumb {
		width: 120px;
		height: 120px;
		margin: -62px 0px 0px -62px;
	}

	.viewmusic .viewbgcd {
		width: 150px;
		height: 150px;
		margin: -78px 0px 0px -76px;
	}
}

@media all and (min-width:700px) {
	.viewmusic .jAudio-thumb {
		width: 210px;
		height: 210px;
		margin: -107px 0px 0px -107px;
	}

	.viewmusic .viewbgcd {
		width: 260px;
		height: 260px;
		margin: -133px 0px 0px -131px;
	}

	.viewmusic .waves_top {
		background-size: 700px auto;
		-webkit-animation: wavebig 5s infinite linear;
		-moz-animation: wavebig 5s infinite linear;
		animation: wavebig 5s infinite linear;
	}

	.viewmusic .waves_bottom {
		background-size: 700px auto;
		-webkit-animation: wavebig 2.5s infinite linear;
		-moz-animation: wavebig 2.5s infinite linear;
		animation: wavebig 2.5s infinite linear;
	}

	.viewmusic .jAudio-thumb-paused {
		-webkit-animation-play-state: paused;
		-moz-animation-play-state: paused;
		animation-play-state: paused;
	}
}

@media all and (min-width:1000px) {
	.viewmusic .jAudio-thumb {
		width: 270px;
		height: 270px;
		margin: -137px 0px 0px -137px;
	}

	.viewmusic .viewbgcd {
		width: 340px;
		height: 340px;
		margin: -173px 0px 0px -171px;
	}
}

.musicheader {
	height: 48px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	line-height: 48px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 0px 50px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.musicheader a {
	color: rgba(255,255,255,0.7);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}

.musicheader .mm-openmenu,.musicheader .rback {
	width: 40px;
	height: 48px;
	display: block;
	position: absolute;
	top: 0px;
	line-height: 48px;
	text-align: center;
}

.musicheader .rback {
	text-align: left;
	text-indent: 1px;
	left: 2px;
}

.musicheader .mm-openmenu {
	right: 2px;
}

.wavesurfer {
	position: absolute;
	height: 26px;
	left: 44px;
	right: 44px;
	top: 5px;
	z-index: 2;
}

.wavesurfer canvas {
	background: #fff;
}

.wavesloading {
	position: absolute;
	height: 26px;
	left: 44px;
	right: 44px;
	top: 5px;
	z-index: 1;
	line-height: 26px;
	font-size: 12px;
	text-align: center;
	color: #ccc;
}

.wavesloading span {
	display: inline-block;
	padding: 0px 20px;
	background: #fff;
}

.wavesloading i {
	-webkit-animation: flash 1s infinite;
	-moz-animation: flash 1s infinite;
	animation: flash 1s infinite;
}

.viewvauthi {
	padding: 8px 0px;
	background: #f5f5f5;
}

.viewvauthi .view_authi .dialog_ibtn {
	position: absolute;
	right: 0px;
	top: 5px;
}

.viewforum {
	height: 37px;
	line-height: 36px;
	padding: 6px 8px 0px 5px;
	margin: 0px 0px;
	border-bottom: 1px solid #ededed;
	position: relative;
	background: #fff;
}

.viewforum span {
	height: 37px;
	display: block;
	padding: 0px 5px 1px;
	position: relative;
	float: left;
	margin-right: 7px;
}

.viewforum .on:after {
	content: "";
	position: absolute;
	width: 26px;
	height: 3px;
	border-radius: 1.5px;
	left: 50%;
	bottom: 0px;
	margin-left: -13px;
	-webkit-animation: beziersmall 0.4s ease-in forwards;
	-moz-animation: beziersmall 0.4s ease-in forwards;
	animation: beziersmall 0.4s ease-in forwards;
}

.viewforum a {
	display: block;
	float: right;
	color: #999;
	padding: 0px 14px 1px 5px;
	position: relative;
}

.viewforum a:after {
	content: "\e035";
	font-family: "vtoo_mobile";
	position: absolute;
	right: 0px;
	top: 0px;
	width: 12px;
	height: 36px;
	line-height: 34px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.viewcontent {
	padding: 0px 10px 5px;
	background: #fff;
	display: none;
}

.viewcontent,.viewcontent a {
	color: #999;
}

.viewcontent p {
	line-height: 22px;
}

.viewcontent p span {
	font-size: 10px;
	color: #ccc;
	vertical-align: top;
	margin: 0px 4px;
}

.viewcontent .viewpost a {
	float: left;
	margin: 0px 10px 0px 0px !important;
}

.viewcontent h1 {
	margin-top: 2px;
	line-height: 26px;
	font-size: 18px;
	color: #333;
}

.video_hot {
	margin-top: -3px;
	display: none;
}

.video_hot a.nopic {
	padding-left: 30px;
}

.video_hot a:after {
	content: "\e031";
	font-family: "vtoo_mobile";
	position: absolute;
	left: 10px;
	top: 14px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	font-size: 16px;
	text-align: center;
}

.music_hot a:after {
	content: "\e033";
}

.mmenus {
	position: fixed;
	left: 10px;
	right: 10px;
	bottom: 15px;
	background: rgba(0,0,0,0.8);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 4px;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.25);
	border-radius: 9px;
	-webkit-animation: rollslide 0.2s linear;
	-moz-animation: rollslide 0.2s linear;
	animation: rollslide 0.2s linear;
	overflow: hidden;
}

.mmenus li {
	float: left;
	width: 25%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 4px;
}

.mgbutton {
	display: block;
	background: #eee;
	color: #333 !important;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: none;
	border-radius: 3px;
	box-shadow: none;
}

.mdets_option {
	text-align: left;
}

.mdets_option input {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	line-height: 30px;
	font-size: 15px;
}

.mdetslabel span {
	display: inline-block;
	width: 50%;
}

.mdets_option .moveext {
	overflow: hidden;
}

.mdets_option .moveext li {
	float: left;
	width: 50%;
}

.select_date {
	height: 28px;
	text-align: center;
}

.select_date span {
	display: inline-block;
	width: 54px;
	margin-right: 8px;
	background: #f6f6f6;
	border-radius: 2px;
	line-height: 28px;
	font-size: 12px;
	color: #777;
}

.select_date span:last-child {
	margin-right: 0px;
}

.magicmenu li {
	width: 33.333333%;
}

.magicmenu .mgbutton {
	background: #fff;
}

.magicmenu .mgbutton img {
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	margin: 0px 5px 0px -3px;
}

.searchresult {
	background: #f9f9f9;
	padding: 10px 10px 8px;
	border-bottom: 1px solid #ededed;
	color: #f60;
}

.searchresult span {
	color: #f60;
}

.searchlist1 {
	padding: 0px;
	background: #fff;
}

.searchlist1 li {
	border-bottom: 1px solid #ededed;
}

.searchlist1 a {
	display: block;
	padding: 10px;
}

.searchlist1 h1 {
	line-height: 24px;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 8px;
}

.searchlist1 h1 strong {
	font-weight: 400;
}

.searchlist1 p {
	line-height: 16px;
	font-size: 12px;
	color: #aaa;
}

.searchlist1 p span {
	margin-left: 10px;
}

.searchlist1 p a {
	color: #bbb;
}

.searchlist2 {
	background: #fff;
}

.searchlist2 li {
	border-bottom: 1px solid #ededed;
}

.searchlist2 a {
	display: block;
	height: 48px;
	padding: 12px 10px 12px 68px;
	position: relative;
}

.searchlist2 img {
	width: 48px;
	height: 48px;
	position: absolute;
	top: 12px;
	left: 10px;
	background: #eee;
}

.searchlist2 h1 {
	line-height: 24px;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 8px;
}

.searchlist2 h1 strong {
	font-weight: 400;
}

.searchlist2 p {
	line-height: 16px;
	font-size: 12px;
	color: #aaa;
}

.searchlist2 p span {
	margin-left: 10px;
}

.searchlist3 {
	background: #fff;
	padding: 0px;
}

.searchlist3 li {
	border-bottom: 1px solid #ededed;
	position: relative;
}

.searchlist3 a {
	display: block;
	min-height: 75px;
	padding: 12px 10px 12px 120px;
	position: relative;
}

.searchlist3 .imgbox {
	width: 100px;
	height: 75px;
	display: block;
	position: absolute;
	top: 12px;
	left: 10px;
	background: #eee;
	overflow: hidden;
}

.searchlist3 .imgbox img {
	width: 100%;
	min-height: 75px;
}

.searchlist3 h1 {
	max-height: 48px;
	line-height: 24px;
	font-size: 16px;
	margin-bottom: 8px;
	font-weight: 400;
	overflow: hidden;
}

.searchlist3 h1 strong {
	font-weight: 400;
}

.searchlist3 .nopic {
	min-height: auto;
	padding: 10px;
}

.searchlist3 .nopic h1 {
	max-height: none;
}

.searchlist3 p {
	line-height: 16px;
	font-size: 12px;
	color: #aaa;
}

.searchlist3 p span {
	margin-left: 10px;
}

.searchhot {
	padding: 10px;
	background: #fff;
}

.searchhot p {
	padding: 6px 0px 7px;
	color: #999;
	font-weight: bold;
}

.searchhot a {
	display: inline-block;
	padding: 4px 10px 3px;
	margin: 0px 6px 10px 0px;
	border: 1px solid #ededed;
	border-radius: 4px;
	color: #999;
}

.reward {
	height: 50px;
	padding: 10px 10px 10px 70px;
	position: relative;
	margin: -10px -10px 14px;
	border-bottom: 1px solid #ededed;
	background: #fff;
}

.reward_icon {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 10px;
	left: 10px;
	text-align: center;
	box-shadow: 0 0 3px rgba(0,0,0,0.15);
}

.reward_icon_no .reward_icon {
	background: #EE5240 url(../image/reward.png) no-repeat 0px 0px;
	background-size: 50px auto;
}

.reward_icon_yes .reward_icon {
	background: #BABABA url(../image/reward.png) no-repeat 0px -50px;
	background-size: 50px auto;
	box-shadow: 0 0 3px rgba(0,0,0,0.05);
	color: #aaa;
}

.reward_credit {
	height: 30px;
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 10px;
	line-height: 30px;
	overflow: hidden;
}

.reward_credit strong {
	float: left;
	line-height: 28px;
	margin: 0px 5px;
	font-size: 24px;
	color: #f60;
	overflow: hidden;
}

.reward_credit span {
	float: left;
	font-size: 14px;
	color: #999;
}

.reward_icon_yes .reward_credit strong {
	color: #999;
}

.reward_thtl {
	height: 26px;
	margin: 2px 0px 4px;
	line-height: 26px;
	font-size: 18px;
	overflow: hidden;
}

.reward_acc {
	height: 18px;
	line-height: 18px;
	font-size: 13px;
	color: #999;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.reward_acc span {
	margin-right: 8px;
}

.reward_acc span:last-child {
	margin: 0px;
}

.reward_acc em {
	margin-right: 2px;
}

.reward_acc em.answercolor {
	color: #00AEE1;
}

.reward_stamp {
	width: 94px;
	height: 90px;
	line-height: 90px;
	font-size: 90px;
	color: #00AEE1;
	text-align: center;
	position: absolute;
	top: 40px;
	right: 10px;
	z-index: 1;
	pointer-events: none;
	overflow: hidden;
}

.reward_name {
	margin-bottom: 6px;
	line-height: 26px;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	overflow: hidden;
}

.reward_name a {
	color: #333;
}

.reward_name a span {
	color: #F55A44;
	margin-right: 4px;
}

.reward_name i {
	position: relative;
	top: 3px;
	left: -2px;
	font-size: 22px;
	margin-right: 1px;
	color: #F55A44;
	text-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

.reward_authi {
	height: 18px;
	margin-bottom: 12px;
	line-height: 18px;
	position: relative;
	padding: 0px 0px 1px 23px;
}

.reward_authi .avatar_small {
	top: 1px;
	left: 1px;
}

.reward_authi .avatar_small,.reward_authi .avatar_small img {
	width: 16px;
	height: 16px;
}

.reward_authi .view_author a {
	font-size: 14px;
	color: #777;
}

.reward_authi .datelinetimes {
	margin-left: 5px;
	color: #999;
	font-size: 14px;
}

.reward_bottom {
	height: 50px;
	padding-left: 60px;
	position: relative;
	margin: 20px 0px 15px;
	background: #f7f7f7;
}

.reward_bottom .reward_icon {
	left: 0px;
	top: 0px;
}

.reward_bottom .reward_credit {
	left: 62px;
	top: 12px;
	right: auto;
	background: #f7f7f7;
	z-index: 1;
}

.reward_bottom .reward_credit strong {
	font-size: 26px;
}

.reward_bottom .reward_acc {
	height: 50px;
	line-height: 50px;
	float: right;
	padding-right: 10px;
}

.reward_bottom .reward_acc em {
	font-size: 16px;
	color: #00AEE1;
	position: relative;
	top: 1px;
}

.reward_bottom .reward_acc em.orange {
	color: #f60;
}

.reward_bottom .reward_acc i {
	font-size: 12px;
	color: #ddd;
	margin: 0px 3px;
}

.reward_yes {
	margin: 0px 0px 15px;
	padding-bottom: 8px;
	background: #f4f4f4;
	color: #777;
	font-size: 14px;
	overflow: hidden;
}

.reward_yes .reward_yes_titls {
	height: 36px;
	padding-left: 10px;
	line-height: 38px;
	color: #fff;
	background: #00AEE1;
	overflow: hidden;
}

.reward_yes .reward_yes_titls a {
	height: 36px;
	display: inline-block;
	color: #fff;
	float: right;
	padding: 0px 18px 0px 2px;
	margin-right: 5px;
	border-radius: 2px;
	position: relative;
}

.reward_yes .reward_yes_titls a:after {
	content: "\e035";
	font-family: "vtoo_mobile";
	width: 18px;
	height: 36px;
	display: block;
	line-height: 36px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top: 0px;
	right: 0px;
}

.reward_user {
	padding: 10px 10px 0px 50px;
	position: relative;
}

.reward_user .avatar {
	top: 10px;
	left: 10px;
}

.reward_user .reward_author {
	color: #777;
}

.reward_user .reward_summary {
	line-height: 26px;
	font-size: 14px;
	color: #999;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.ss_data {
	height: 46px;
	padding: 10px 0px;
	background: #fff;
	text-align: center;
	margin: 10px 0px;
	display: table;
	table-layout: fixed;
	width: 100%;
}

.ss_data .ss_data_item {
	height: 40px;
	display: table-cell;
	border-right: 1px solid #eee;
	position: relative;
}

.ss_data span {
	height: 24px;
	line-height: 24px;
	color: #00c800;
	font-size: 24px;
	display: block;
	padding-bottom: 4px;
	white-space: nowrap;
	overflow: hidden;
}

.ss_data span.db_data_txt {
	color: #FF645C;
}

.ss_data span.ec_data_txt {
	color: #f60;
}

.ss_data p {
	height: 18px;
	line-height: 18px;
	color: #999;
	font-size: 14px;
}

.ss_data .ss_data_item:last-child {
	border: none;
}

.ss_line {
	height: 19px;
	line-height: 19px;
	font-size: 14px;
	text-align: center;
	color: #aaa;
	margin: 20px 0px 0px;
	position: relative;
}

.ss_line:after {
	content: "";
	height: 1px;
	position: absolute;
	top: 9px;
	left: 0px;
	right: 0px;
	background: #ededed;
}

.ss_line span {
	display: inline-block;
	padding: 0px 20px;
	background: #fff;
	position: relative;
	z-index: 2;
}

.debate_point {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin: 23px 0px 30px;
	font-size: 15px;
	color: #777;
}

.debate_point .point_item {
	display: table-cell;
	word-wrap: break-word;
	border-radius: 4px;
	line-height: 22px;
	overflow: hidden;
}

.debate_point .point_item:nth-child(1) {
	background: rgba(255,100,92,0.08);
}

.debate_point .point_item:nth-child(2) {
	width: 20px;
	background: #fff;
}

.debate_point .point_item:nth-child(3) {
	background: rgba(95,160,243,0.08);
}

.debate_point .point_item span {
	height: 26px;
	line-height: 26px;
	display: block;
	margin-bottom: 2px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}

.debate_point .affirmpoint {
	padding: 8px 10px;
	color: #FF645C;
}

.debate_point .negapoint {
	padding: 8px 10px;
	color: #5FA0F3;
}

.debate_votes_box {
	margin-bottom: 45px;
}

.debate_votes_txt {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.debate_votes_txt span {
	display: inline-block;
	color: #FF645C;
	font-size: 15px;
	float: left;
}

.debate_votes_txt span:nth-child(2) {
	float: right;
	color: #5FA0F3;
}

.debate_votes_chart {
	height: 8px;
	background: #eee;
	border-radius: 4px;
	border-left: 5px solid #FF645C;
	border-right: 5px solid #5FA0F3;
	overflow: hidden;
}

.debate_votes_chart span {
	display: inline-block;
	height: 8px;
	background: #FF645C;
	float: left;
	overflow: hidden;
}

.debate_votes_chart span:nth-child(2) {
	background: #5FA0F3;
	float: right;
}

.debate_btn {
	width: 92%;
	height: 80px;
	margin: 0px 4% 40px;
	overflow: hidden;
}

.debate_btn .point_item {
	float: left;
	width: 34%;
	height: 80px;
	text-align: center;
	border-radius: 4px;
	overflow: hidden;
}

.debate_btn .point_item:nth-child(2) {
	width: 32%;
	background: #fff url(../image/vs.png) no-repeat 50% 50%;
	background-size: 46px auto;
	overflow: hidden;
}

.debate_btn .point_item a {
	display: block;
	height: 80px;
	line-height: 40px;
	color: #FF645C;
	font-size: 24px;
	background: #eee;
	border-radius: 4px;
	overflow: hidden;
}

.debate_btn .point_item p {
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	background: #FF645C;
}

.debate_btn .nega_item a {
	color: #5FA0F3;
}

.debate_btn .nega_item p {
	background: #5FA0F3;
}

.debate_btn .point_item span {
	display: block;
	height: 40px;
	overflow: hidden;
}

.debate_btn .point_item i {
	display: inline-block;
	position: relative;
	padding-left: 25px;
}

.debate_btn .point_item i:after {
	content: "\e006";
	font-family: "vtoo_mobile";
	width: 22px;
	height: 40px;
	display: block;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	position: absolute;
	top: 0px;
	left: 2px;
}

.debate_avatr {
	height: 30px;
	display: table;
	width: 100%;
	margin: 20px 0px 25px;
	table-layout: fixed;
	overflow: hidden;
}

.debate_avatr .avatar_item {
	height: 30px;
	display: table-cell;
	word-wrap: break-word;
	vertical-align: top;
	overflow: hidden;
}

.debate_avatr .avatar_item a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}

.debate_avatr .avatar_item img {
	width: 26px;
	height: 26px;
	border: 2px solid #fff;
	border-radius: 50%;
	background: #f2f2f2;
}

.debate_avatr .avatar_item:nth-child(1) {
	padding-right: 20px;
	text-align: right;
}

.debate_avatr .avatar_item:nth-child(1) img {
	float: right;
	margin-right: -5px;
}

.debate_avatr .avatar_item:nth-child(2) {
	padding-left: 20px;
	text-align: left;
}

.debate_avatr .avatar_item:nth-child(2) img {
	float: left;
	margin-left: -5px;
}

.debate_note1,.debate_note2,.debate_note3,.debate_note4 {
	position: relative;
	padding-left: 24px;
	padding: 10px 0px 0px 20px;
	font-size: 14px;
	color: #777;
	line-height: 24px;
}

.debate_note1:after,.debate_note2:after,.debate_note3:after,.debate_note4:after {
	font-family: "vtoo_mobile";
	width: 18px;
	height: 24px;
	display: block;
	line-height: 24px;
	text-align: center;
	color: #777;
	font-size: 18px;
	position: absolute;
	top: 9px;
	left: -1px;
}

.debate_note1:after {
	content: "\e145";
}

.debate_note2:after {
	content: "\e123";
}

.debate_note3:after {
	content: "\e075";
}

.debate_note4:after {
	content: "\e024";
}

.debate_umpire,.debate_umpire_edit {
	height: 40px;
	padding: 0px 13px 0px 33px;
	position: fixed;
	left: 12px;
	bottom: 80px;
	z-index: 50;
	border-radius: 20px;
	line-height: 40px;
	font-size: 16px;
	color: #fff !important;
	border: none;
	background: #FF645C;
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
}

.debate_umpire:after,.debate_umpire_edit:after {
	content: "\e123";
	font-family: "vtoo_mobile";
	width: 20px;
	height: 20px;
	display: block;
	line-height: 20px;
	text-align: center;
	font-size: 20px;
	position: absolute;
	top: 10px;
	left: 10px;
}

.debate_umpire_edit:after {
	content: "\e052";
}

.poll_list {
	padding: 10px 0px;
	overflow: hidden;
}

.poll_img_list {
	padding: 10px 0px;
	margin: 0px -3px;
	overflow: hidden;
}

.poll_checkbox {
	display: block;
	width: 100%;
	height: 46vw;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background: transparent;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}

.poll_checkbox i {
	height: 26px;
	width: 26px;
	display: none;
	background: #00c800;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	left: 10px;
	overflow: hidden;
}

.poll_checkbox i:after {
	content: "";
	display: block;
	border-left: 4px solid #fff;
	border-bottom: 4px solid #fff;
	width: 10px;
	height: 6px;
	position: absolute;
	top: 6px;
	left: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	overflow: hidden;
}

.poll_checkbox input {
	opacity: 0;
	display: none;
}

.poll_checkbox input:checked + i {
	display: block;
}

.poll_img {
	float: left;
	width: 50%;
	padding: 13px 7px 10px 4px;
	font-size: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.poll_img:nth-child(2n) {
	padding: 13px 4px 10px 7px;
}

.poll_img .poll_box {
	background: #fff;
	box-shadow: 0 0 3px rgba(0,0,0,0.15);
	position: relative;
	border-radius: 2px;
	overflow: hidden;
}

.poll_img .poll_imginfo {
	width: 100%;
	height: 46vw;
	background-color: #f5f5f5;
	background-size: cover;
	background-position: 50% 50%;
	line-height: 46vw;
	text-align: center;
	font-size: 20px;
	color: #ccc;
	margin-bottom: 5px;
	overflow: hidden;
}

.poll_img .poll_op_name {
	height: 28px;
	padding: 0px 5px;
	line-height: 28px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.poll_img .poll_votes {
	height: 24px;
	padding: 2px 5px 8px;
	line-height: 24px;
}

.poll_img_small {
	height: 70px;
	padding: 0px 0px 10px 110px;
	margin: 10px 0px;
	position: relative;
	border-bottom: 1px solid #ededed;
	overflow: hidden;
}

.poll_img_small:first-child {
	margin-top: 12px;
}

.poll_img_small .poll_imginfo {
	width: 100px;
	height: 70px;
	background-color: #f5f5f5;
	background-size: cover;
	background-position: 50% 50%;
	line-height: 70px;
	border-radius: 2px;
	text-align: center;
	font-size: 16px;
	color: #ccc;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}

.poll_img_small .poll_op_name {
	height: 30px;
	padding: 0px 5px 5px 0px;
	margin-top: 16px;
	line-height: 30px;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.poll_img_small .poll_op_name span {
	float: right;
	margin-left: 10px;
}

.poll_img_small .poll_checkbox {
	width: 100%;
	height: 70px;
}

.poll_img_small .poll_checkbox i {
	top: 5px;
	left: 5px;
}

.poll_note1,.poll_note2,.poll_note3,.poll_note4 {
	position: relative;
	padding-left: 24px;
	padding: 10px 0px 0px 20px;
	font-size: 14px;
	color: #777;
	line-height: 24px;
}

.poll_note1:after,.poll_note2:after,.poll_note3:after,.poll_note4:after {
	font-family: "vtoo_mobile";
	width: 18px;
	height: 24px;
	display: block;
	line-height: 24px;
	text-align: center;
	color: #777;
	font-size: 18px;
	position: absolute;
	top: 9px;
	left: -1px;
}

.poll_note1:after {
	content: "\e144";
}

.poll_note2:after {
	content: "\e091";
}

.poll_note3:after {
	content: "\e123";
}

.poll_note4:after {
	content: "\e100";
}

.poll_stamp {
	width: 94px;
	height: 90px;
	position: absolute;
	top: -22px;
	right: 15px;
	line-height: 90px;
	font-size: 90px;
	color: #f90;
	text-align: center;
	z-index: 1;
	pointer-events: none;
	overflow: hidden;
}

.poll_btn {
	height: 40px;
	padding: 0px 13px 0px 33px;
	position: fixed;
	left: 10px;
	bottom: 80px;
	z-index: 50;
	border-radius: 20px;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	border: none;
	background: #00c800;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
}

.poll_btn:after {
	content: "\e144";
	font-family: "vtoo_mobile";
	width: 20px;
	height: 20px;
	display: block;
	line-height: 20px;
	text-align: center;
	font-size: 20px;
	position: absolute;
	top: 10px;
	left: 10px;
}

.poll_vote_select {
	padding: 0px 3px;
	background: #f9f9f9;
	border-bottom: 1px solid #ededed;
}

.poll_vote_select select {
	border: none;
	background: #f9f9f9;
	padding-left: 7px;
}

.poll_vote_select select:focus {
	box-shadow: none;
}

.poll_vote ul {
	padding: 10px 0px;
	background: #fff;
	overflow: hidden;
}

.poll_vote li {
	width: 50%;
	height: 60px;
	float: left;
	padding: 5px;
	line-height: 40px;
	font-size: 16px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.poll_vote li a {
	display: block;
	padding: 5px 5px 5px 55px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.poll_vote li a .avatars {
	top: 5px;
	left: 5px;
}

@media all and (min-width:700px) {
	.poll_vote li {
		width: 25%;
	}
}

.poll_vote .morelink,.poll_vote .allsreply {
	border-top: 1px solid #ededed;
}

.poll_text {
	height: 52px;
	margin: 5px 0px 30px;
	position: relative;
	overflow: hidden;
}

.poll_text:last-child {
	margin-bottom: 10px;
}

.poll_text .poll_op_name {
	height: 30px;
	padding: 0px 5px 4px 22px;
	line-height: 30px;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.poll_text .poll_op_name span {
	float: right;
	margin-left: 10px;
}

.poll_text .poll_done {
	padding-left: 0px;
}

.poll_bar {
	background: #eee;
}

.poll_bar,.poll_ct {
	height: 18px;
	box-shadow: 0 0 3px rgba(0,0,0,0.05) inset;
	border-radius: 0px 9px 9px 0px;
	overflow: hidden;
}

.poll_text label {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
	background: transparent;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}

.poll_text i {
	height: 12px;
	width: 12px;
	border-radius: 50%;
	border: 1px solid #ddd;
	display: block;
	position: absolute;
	top: 8px;
	left: 0px;
	background: transparent;
	overflow: hidden;
}

.poll_text i:after {
	content: "";
	display: block;
	background: #e3e3e3;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 1px;
	left: 1px;
}

.poll_text input {
	opacity: 0;
	display: none;
}

.poll_text input:checked + i:after {
	background: #00c800;
}

.activity {
	padding-top: 10px;
	margin-bottom: 15px;
}

.activity .activity_img {
	max-height: 60vw;
	background: #eee;
	overflow: hidden;
}

.activity .activity_img img {
	width: 100%;
	vertical-align: top;
}

.activity .activity_option {
	position: relative;
}

.activity table {
	width: 100%;
	font-size: 15px;
}

.activity table th,.activity table td {
	border: 1px solid #ededed !important;
	padding: 8px 10px !important;
	line-height: 26px;
}

.activity table th {
	width: 80px;
	background: #fcfcfc;
	text-align: center;
}

.activity_stamp {
	width: 94px;
	height: 90px;
	line-height: 90px;
	font-size: 90px;
	color: #ccc;
	text-align: center;
	position: absolute;
	top: 10px;
	right: 8px;
	z-index: 1;
	pointer-events: none;
	overflow: hidden;
}

.activity_list {
	background: #f4f4f4;
	padding-bottom: 5px;
	margin-bottom: 15px;
	overflow: hidden;
}

.activity_list .activity_list_titls {
	height: 36px;
	line-height: 36px;
	color: #fff;
	font-size: 15px;
	padding-left: 10px;
	margin-bottom: 10px;
	background: #00AEE1;
}

.activity_list .activity_list_titls a {
	height: 36px;
	display: inline-block;
	color: #fff;
	float: right;
	padding: 0px 18px 0px 2px;
	margin-right: 5px;
	border-radius: 2px;
	position: relative;
}

.activity_list .activity_list_titls a:after {
	content: "\e035";
	font-family: "vtoo_mobile";
	width: 18px;
	height: 36px;
	display: block;
	line-height: 36px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top: 0px;
	right: 0px;
}

.activity_list .activity_member {
	width: 20%;
	float: left;
	padding: 5px;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.activity_list .activity_member a {
	display: block;
	color: #777;
	font-size: 14px;
}

.activity_list .activity_member img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: top;
}

.activity_list .activity_member p {
	height: 22px;
	line-height: 22px;
	padding-top: 4px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.activity_form {
	width: 100%;
	position: absolute;
	top: 59px;
	left: 0px;
	bottom: 0px;
	overflow-x: hidden;
	padding: 5px 10px 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.activity_form dt {
	font-size: 14px;
	background: #f8f8f8;
	border-radius: 2px;
	padding: 5px 5px 5px 76px;
	margin-bottom: 5px;
	position: relative;
}

.activity_form dt input.px {
	width: 100%;
	height: 36px;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.activity_form dt div.rq,#activityjoin dt a.xi2 {
	display: none;
}

.activity_form dt span {
	position: absolute;
	top: 5px;
	left: 5px;
	display: inline-block;
	width: 66px;
	height: 36px;
	line-height: 38px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.activity_form dt.paytype p {
	height: 30px;
	padding: 3px 0px;
	line-height: 30px;
	overflow: hidden;
}

.activity_form dt.paytype p input {
	height: 18px;
}

.activity_form dt select {
	margin: 1px 0px;
	padding: 4px 4px 4px 4px;
	background-color: #fff;
	color: #777;
	height: 36px;
}

.activity_form dt textarea {
	width: 100%;
	padding: 5px;
	vertical-align: top;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.activity_form .paytype input {
	padding: 4px 5px;
}

.activity_form input,.activity_p textarea,.activity_p dt select {
	border: 1px solid #e4e4e4;
}

.activity_form .button {
	width: 100%;
	height: 42px;
	line-height: 42px;
	margin-top: 5px;
}

.activity_form_cancel {
	width: 280px;
	border-radius: 10px;
	background: #fff;
}

.activity_form_cancel .activity_form_txt {
	padding: 15px;
}

.activity_form_cancel textarea {
	width: 100%;
	vertical-align: top;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.activity_form_cancel .hm button {
	height: 50px;
	width: 100%;
	display: block;
	background: #f6f6f6;
	font-size: 16px;
	color: #555;
	border-radius: 0px 0px 10px 10px;
}

.activity_apply_btn {
	height: 40px;
	padding: 0px 13px 0px 33px;
	position: fixed;
	left: 10px;
	bottom: 80px;
	z-index: 50;
	border-radius: 20px;
	line-height: 40px;
	font-size: 16px;
	color: #fff !important;
	border: none;
	background: #00AEE1;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}

.activity_apply_btn:after {
	content: "\e153";
	font-family: "vtoo_mobile";
	width: 20px;
	height: 20px;
	display: block;
	line-height: 20px;
	text-align: center;
	font-size: 20px;
	position: absolute;
	top: 10px;
	left: 10px;
}

.activity_apply_cancel:after {
	content: "\e100";
}

.activity_manage {
	background: #fff;
	padding-bottom: 134px;
}

.activity_manage_box {
	padding: 20px 44px 0px 60px;
	position: relative;
}

.activity_manage_box .avatars {
	top: 20px;
	left: 10px;
}

.activity_manage_item {
	background: #f1f1f1;
	border-radius: 10px;
	overflow: hidden;
}

.activity_manage_key {
	padding: 10px 10px 8px;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.activity_manage_key li {
	height: 24px;
	line-height: 24px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.activity_manage_key li span {
	margin-right: 4px;
	color: #999;
}

.activity_manage_approval {
	color: #7BB121;
}

.activity_manage_key .vt-approval {
	width: 74px;
	height: 70px;
	line-height: 70px;
	font-size: 70px;
	color: #ccc;
	text-align: center;
	position: absolute;
	top: -10px;
	right: -5px;
	z-index: 1;
	overflow: hidden;
}

.activity_manage_keyct {
	padding: 7px 0px 6px;
	margin: 0px 10px;
	border-top: 1px dashed #e3e3e3;
}

.activity_manage_keyct li {
	line-height: 24px;
	color: #f96;
}

.activity_manage_mes {
	background: #f90;
	padding: 9px 10px 8px;
	border-top: 1px solid #e6e6e6;
	color: #fff;
	border-radius: 0px 0px 10px 10px;
}

.activity_manage_mes span {
	margin-right: 4px;
}

.activity_manage_cck {
	width: 16px;
	height: 16px;
	background: #eee;
	border-radius: 5px;
	padding: 4px;
	position: absolute;
	top: 25px;
	right: 11px;
}

.activity_manage_cck input {
	margin: 0px;
	vertical-align: top;
}

.activity_manage_footer {
	height: 114px;
	width: 100%;
	background: #fff;
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index: 50;
	box-shadow: 0 -1px 1px rgba(0,0,0,0.06);
}

.activity_manage_in {
	background: #fff;
	padding: 10px 44px 9px 10px;
	position: relative;
}

.activity_manage_in input {
	width: 100%;
	height: 42px;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.activity_manage_in label {
	width: 16px;
	height: 16px;
	background: #f4f4f4;
	border-radius: 5px;
	padding: 4px;
	position: absolute;
	top: 20px;
	right: 11px;
}

.activity_manage_in label input {
	margin: 0px;
	vertical-align: top;
}

.activity_manage_btn {
	background: #fff;
	padding: 1px 10px 10px;
	overflow: hidden;
}

.activity_manage_btn ul {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.activity_manage_btn li {
	padding: 0px 3px;
	display: table-cell;
	text-align: center;
}

.activity_manage_btn li:first-child {
	padding-left: 0px;
}

.activity_manage_btn li:last-child {
	padding-right: 0px;
}

.activity_manage_btn button {
	display: block;
	width: 100%;
	padding: 0px;
}

.trade_show {
	font-size: 15px;
}

.trade_show a {
	color: #333;
}

.trade_show .footer ul,.trade_show .footer li {
	margin: 0px !important;
}

.trade_show .trade_contact,.trade_show .trade_buy {
	width: 30%;
	height: 52px;
	font-size: 16px;
	color: #fff;
	padding: 0px;
	overflow: hidden;
}

.trade_show .trade_contact a,.trade_show .trade_buy a {
	width: 100%;
	height: 52px;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	line-height: 52px;
	color: #fff;
}

.trade_show .trade_contact a {
	background: #f90;
}

.trade_show .trade_buy a {
	background: #f00;
	display: none;
}

.trade_show .trade_buy a:first-child {
	display: block;
}

.trade_aboutcounter {
	display: block;
	height: 46px;
	margin-top: 10px;
	line-height: 46px;
	text-align: center;
	border: 1px dashed #ccc;
	color: #777 !important;
}

.trade_ess {
	margin: -11px -10px 0px;
}

.trade_ess_box {
	display: none;
}

.trade_ess_box:first-child {
	display: block;
}

.trade_ess_img {
	height: 80vw;
	width: 100%;
	background-color: #f5f5f5;
	background-size: cover;
	background-position: 50% 50%;
	position: relative;
	overflow: hidden;
}

.trade_ess_edit {
	height: 40px;
	width: 100%;
	line-height: 40px;
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 0px;
	overflow: hidden;
}

.trade_ess_edit a {
	float: right;
	display: block;
	width: 33%;
	font-size: 15px;
	color: #fff !important;
	background: rgba(0,0,0,0.5);
}

.trade_ess_edit a:nth-child(2) {
	margin: 0px 0.5%;
}

.trade_ess_wrap {
	height: 50px;
	position: relative;
	padding-right: 124px;
	overflow: hidden;
}

.trade_ess_wrap .trade_prices {
	height: 50px;
	line-height: 50px;
	color: #fff;
	background: -moz-linear-gradient(left,#F22C8F,#F23257);
	background: -webkit-linear-gradient(left,#F22C8F,#F23257);
	background: linear-gradient(left,#F22C8F,#F23257);
}

.trade_ess_wrap .trade_prices span {
	font-size: 24px;
	margin: 0px 10px;
}

.trade_ess_wrap .trade_prices em {
	font-size: 15px;
	text-decoration: line-through;
	color: rgba(255,255,255,0.8);
}

.trade_ess_wrap .trade_prices i {
	float: right;
	height: 24px;
	width: 24px;
	line-height: 24px;
	text-align: center;
	margin: 13px 6px 0px 0px;
	font-size: 24px;
}

.trade_ess_wrap .trade_times {
	width: 124px;
	height: 50px;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	color: #F23257;
	background: #FFEAE9;
	overflow: hidden;
}

.trade_ess_wrap .trade_times em {
	color: #fff;
	padding: 2px 3px 1px;
	background: #F23257;
	border-radius: 4px;
	margin: 0px 4px;
	font-size: 12px;
}

.trade_ess_wrap .trade_times em:first-child {
	margin-left: 0px;
}

.trade_ess_wrap .trade_times span {
	display: inline-block;
	line-height: 52px;
	font-size: 16px;
}

.trade_nes {
	margin: 0px -10px;
	padding-bottom: 10px;
	background: #f5f5f5;
}

.trade_nes h1 {
	padding: 10px 10px 8px;
	font-size: 18px;
	background: #fff;
}

.trade_nes_user {
	padding: 0px 10px 15px;
	height: 20px;
	line-height: 20px;
	background: #fff;
	position: relative;
	overflow: hidden;
}

.trade_nes_user .trade_nes_avatar {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	float: left;
	margin-right: 5px;
	color: #333;
}

.trade_nes_user .trade_nes_avatar img {
	height: 20px;
	width: 20px;
	border-radius: 50%;
}

.trade_nes_user a.y {
	display: inline-block;
}

.trade_nes_user a.y img {
	float: right;
	margin-top: 1px;
	max-height: 16px;
}

.trade_mod {
	background: #f5f5f5;
	padding-bottom: 10px;
	margin: 0px -10px;
}

.trade_mod p {
	height: 30px;
	line-height: 30px;
	background: #fff;
	padding: 10px;
}

.trade_mod p span {
	width: 44px;
	color: #999;
	display: inline-block;
}

.trade_mod a {
	display: inline-block;
	padding: 0px 10px;
	margin-right: 5px;
	background: #eee;
	border-radius: 15px;
}

.trade_mod_form {
	padding: 1px 10px;
	text-align: left;
}

.trade_mod_form table {
	width: 100%;
}

.trade_mod_form td,.trade_mod_form th {
	padding: 5px 0px;
	height: 32px;
	line-height: 32px;
	border-bottom: 1px solid #ededed;
}

.trade_mod_form td {
	width: 50px;
}

.trade_mod_form th {
	width: 110px;
}

.trade_mod_form th div {
	height: 32px;
	width: 110px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.trade_mod_form .trade_mod_ord {
	width: 22px;
	line-height: 32px;
	padding: 0px 5px;
}

.trade_mod_form .trade_mod_editbtn {
	text-align: right;
}

.trade_mod_form .trade_mod_editbtn a {
	color: #3869AB;
}

.trade_mod_list {
	max-height: 160px;
	margin-bottom: 10px;
	overflow-x: hidden;
}

.trade_des {
	margin: 0px -10px;
	padding-bottom: 10px;
	background: #f5f5f5;
}

.trade_des .trade_des_box {
	padding: 2px 10px;
	background: #fff;
	display: none;
}

.trade_des .trade_des_box:first-child {
	display: block;
}

.trade_des p span {
	width: 44px;
	color: #999;
	display: inline-block;
}

.trade_des p {
	line-height: 44px;
	border-bottom: 1px solid #ededed;
}

.trade_des p:last-child {
	border-bottom: none;
}

.trade_des .trade_sel {
	padding-right: 40px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.trade_des .trade_sel:after {
	content: "\e008";
	font-family: "vtoo_mobile";
	width: 24px;
	height: 44px;
	display: block;
	line-height: 44px;
	color: #999;
	text-align: center;
	font-size: 20px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.trade_des .trade_sel sup {
	margin-left: 2px;
}

.trade_des .trade_nosel {
	padding-right: 0px;
}

.trade_des .trade_nosel:after {
	content: none;
	display: none;
}

.trade_detail_t {
	font-size: 16px;
	font-weight: 400;
	border-bottom: 1px solid #ededed;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.trade_fly {
	width: 100%;
	height: 291px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.15);
	position: fixed;
	left: 0px;
	bottom: -292px;
	padding: 0px;
	background: #fff;
	z-index: 99;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	transform: translate(0,0);
	-webkit-transition: -webkit-transform 0.2s ease;
	-moz-transition: -moz-transform 0.2s ease;
	transition: transform 0.2s ease;
}

.trade_fly.infly {
	-webkit-transform: translate(0,-292px);
	-moz-transform: translate(0,-292px);
	transform: translate(0,-292px);
}

.trade_fly .namefly {
	height: 48px;
	margin: 0px 10px 10px;
	border-bottom: 1px solid #ededed;
	line-height: 48px;
	text-align: center;
	font-size: 18px;
	position: relative;
}

.trade_fly .namefly span {
	position: absolute;
	top: 0px;
	right: -10px;
	display: none;
	width: 48px;
	height: 26px;
	line-height: 26px;
	padding: 11px 0px;
	overflow: hidden;
}

.trade_tab {
	width: 100%;
	bottom: 0px;
	left: 0px;
	top: 59px;
	position: absolute;
	background: #fff;
	overflow-x: hidden;
}

.trade_tab ul {
	margin: 0px !important;
	padding: 0px 10px;
}

.trade_tab li {
	height: 60px;
	padding: 0px 30px 10px 70px;
	border-bottom: 1px solid #ededed;
	margin: 0px 0px 10px !important;
	position: relative;
	list-style: none !important;
}

.trade_tab li:last-child {
	border-bottom: none;
}

.trade_tab li .trade_tab_img {
	height: 60px;
	width: 60px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #f5f5f5;
	background-size: cover;
	background-position: 50% 50%;
	overflow: hidden;
}

.trade_tab li .trade_tab_name {
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	margin-bottom: 3px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.trade_tab li.on {
	position: relative;
}

.trade_tab li.on:after {
	content: "\e043";
	font-family: "vtoo_mobile";
	width: 24px;
	height: 60px;
	display: block;
	line-height: 60px;
	color: #f60;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.trade_tab li.on .trade_tab_name {
	color: #f60;
}

.trade_tab li p {
	line-height: 28px;
}

.trade_tab li p em {
	font-size: 16px;
	margin-right: 10px;
}

.trade_tab li p em:nth-child(2) {
	text-decoration: line-through;
	color: #999;
}

.trade_tab_detail {
	width: 100%;
	bottom: 0px;
	left: 0px;
	top: 59px;
	position: absolute;
	background: #fff;
	overflow-x: hidden;
}

.trade_tab_detail ul {
	margin: 0px !important;
	padding: 0px 10px;
}

.trade_tab_detail li {
	border-bottom: 1px solid #ededed;
	margin: 0px 0px 10px;
	padding-bottom: 10px;
}

.trade_tab_detail li:last-child {
	border-bottom: none;
}

.trade_tab_detail li a {
	height: 60px;
	display: block;
	padding: 0px 30px 0px 70px;
	position: relative;
}

.trade_tab_detail li .trade_tab_img {
	height: 60px;
	width: 60px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #f5f5f5;
	background-size: cover;
	background-position: 50% 50%;
	overflow: hidden;
}

.trade_tab_detail li .trade_tab_name {
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	margin-bottom: 3px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.trade_tab_detail li p {
	line-height: 28px;
}

.trade_tab_detail li p em {
	font-size: 16px;
	margin-right: 10px;
}

.trade_tab_detail li p em:nth-child(2) {
	text-decoration: line-through;
	color: #999;
}

.trade_comment_box {
}

.trade_comment_list {
	padding-top: 10px;
	background: #f5f5f5;
}

.trade_comment_list ul {
	background: #fff;
	padding: 10px;
}

.trade_comment_list h1 {
	font-size: 16px;
	font-weight: 400;
	border-bottom: 1px solid #ededed;
	padding-bottom: 10px;
	margin-bottom: 5px;
	background: #fff;
}

.trade_comment_list li {
	min-height: 50px;
	background: #fff;
	font-size: 16px;
	padding: 10px 0px 15px 40px;
	position: relative;
	border-bottom: 1px solid #ededed;
}

.trade_comment_list li:last-child {
	border-bottom: none;
}

.trade_comment_list .avatar {
	top: 10px;
	left: 0px;
}

.trade_comment_authi {
	height: 20px;
	line-height: 20px;
	margin-bottom: 6px;
}

.trade_comment_authi a {
	color: #777;
	font-weight: bold;
	font-size: 14px;
}

.trade_comment_authi em {
	float: right;
	color: #999;
	font-size: 12px;
}

.trade_comment_authi .delete_bt {
	position: static;
	margin: -2px -5px 0px 5px;
	border: none;
	color: #999;
}

.trade_log_select {
	padding: 0px 3px;
	background: #fff;
	border-bottom: 1px solid #ededed;
}

.trade_log_select .selectstyle select {
	border-radius: 0px;
	border: none;
	background: #fff;
	padding-left: 7px;
}

.trade_log_select .selectstyle select:focus {
	box-shadow: none;
}

.trade_order_titl {
	font-size: 16px;
	border-bottom: 1px solid #ededed;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.trade_view_btn .button5:nth-child(2) {
	margin-top: 10px;
	background: none;
	border: 1px solid #ddd;
	color: #777;
}

.trade_view_ecc {
	padding: 5px 0px;
}

.trade_view_ecc a {
	min-width: 70px;
	display: inline-block;
	text-align: center;
	border: 1px solid #ddd;
	line-height: 30px;
	border-radius: 3px;
}

.trade_order_pd {
	min-height: 80px;
	background: #fff;
	padding: 2px 0px 12px 90px;
	margin-bottom: 10px;
	font-size: 15px;
	position: relative;
	border-bottom: 1px solid #ededed;
}

.trade_order_pd h1 {
	height: 24px;
	line-height: 24px;
	padding-top: 2px;
	margin-bottom: 3px;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.trade_order_spvimg {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 2px;
	left: 0px;
	overflow: hidden;
}

.trade_order_spvimg a {
	height: 80px;
	display: block;
	overflow: hidden;
}

.trade_order_spvimg img {
	width: 80px;
	min-height: 80px;
}

.trade_order_list {
	font-size: 15px;
	width: 100%;
}

.trade_order_list th {
	width: 90px;
}

.trade_order_list th,.trade_order_list td {
	padding: 5px 0px;
}

.trade_order_list td label {
	width: 46%;
	display: inline-block;
	padding: 5px 0px;
}

.trade_order_btn {
	height: 52px;
	width: 100%;
	padding: 0px 10px 10px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 50;
	background: #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.trade_goods {
	padding: 5px;
	background: #f5f5f5;
	overflow: hidden;
}

.trade_goods li {
	float: left;
	width: 50%;
	padding: 5px;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.trade_goods .trade_goods_box {
	background: #fff;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.06);
	border-radius: 2px;
	overflow: hidden;
}

.trade_goods .trade_goods_img {
	display: block;
	background: #fff;
	position: relative;
	overflow: hidden;
}

.trade_goods .trade_goods_img img {
	width: 100%;
	height: 46vw;
	vertical-align: top;
}

.trade_goods .trade_goods_recmd {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../image/recmd.png) no-repeat 0px 0px;
	background-size: auto 50px;
}

.trade_goods i {
	display: block;
	padding: 1px 3px;
	line-height: 12px;
	font-size: 12px;
	background: rgba(0,0,0,0.2);
	color: #fff;
	position: absolute;
	top: 4px;
	right: 4px;
	z-index: 1;
	border-radius: 3px;
}

.trade_goods h1 {
	height: 36px;
	padding: 0px 7px;
	font-weight: 400;
	line-height: 38px;
	background: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.trade_goods h1 em {
	margin-left: 10px;
	float: right;
}

.trade_goods .trade_goods_authi {
	height: 26px;
	line-height: 28px;
	padding: 7px 2px 7px 7px;
	border-top: 1px dashed #ededed;
	color: #777;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.trade_goods .trade_goods_authi a {
	color: #777;
}

.trade_goods .trade_goods_authi img {
	float: left;
	height: 26px;
	width: 26px;
	border-radius: 50%;
	margin-right: 6px;
}

.trade_log {
	background: #fff;
}

.trade_log_list {
}

.trade_log_list li {
	padding-top: 8px;
	border-bottom: 1px solid #ededed;
}

.trade_log_list .trade_log_authi {
	height: 28px;
	padding: 0px 10px 0px 35px;
	line-height: 30px;
	position: relative;
	overflow: hidden;
}

.trade_log_list .trade_log_authi .avatar {
	width: 20px;
	height: 20px;
	top: 4px;
	left: 10px;
}

.trade_log_list .trade_log_authi .avatar img {
	width: 20px;
	height: 20px;
}

.trade_log_list .trade_log_ebtn {
	height: 28px;
	padding-top: 5px;
	overflow: hidden;
}

.trade_log_list .trade_log_ebtn a {
	float: right;
	height: 26px;
	line-height: 28px;
	display: inline-block;
	border: 1px solid #ddd;
	padding: 0px 8px;
	border-radius: 3px;
	overflow: hidden;
}

.trade_log_list .trade_log_ebtn a:nth-child(2) {
	margin-right: 10px;
}

.trade_log_list .trade_log_box {
	min-height: 80px;
	position: relative;
	padding: 10px 10px 10px 100px;
}

.trade_log_list .trade_log_img {
	display: block;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 10px;
	left: 10px;
}

.trade_log_list .trade_log_img img {
	width: 80px;
	height: 80px;
	border-radius: 2px;
}

.trade_eccredit {
	background: #fff;
	padding: 10px;
}

.trade_eccredit_list {
	padding: 5px 0px 25px;
}

.trade_eccredit_list table {
	width: 100%;
}

.trade_eccredit_list td {
	padding: 10px 0px;
	border-bottom: 1px solid #ededed;
	text-align: center;
}

.trade_eccredit_list .alt td {
	background: #f8f8f8;
	font-weight: bold;
	color: #777;
	border-top: 1px solid #ededed;
}

.trade_eccredit_list p {
	height: 24px;
	line-height: 24px;
	padding: 5px 0px;
	margin-bottom: 2px;
	position: relative;
	font-size: 16px;
}

.trade_eccredit_list p span {
	display: inline-block;
}

.trade_eccredit_list p img {
	float: right;
	margin-top: 3px;
	max-height: 16px;
}

.trade_eccredit_list .listlink {
	height: 24px;
	line-height: 24px;
	padding: 5px 0px 5px 22px;
	position: relative;
	font-size: 16px;
}

.trade_eccredit_list .listlink:after {
	content: "\e091";
	font-family: "vtoo_mobile";
	width: 20px;
	height: 24px;
	display: block;
	line-height: 24px;
	text-align: center;
	font-size: 18px;
	position: absolute;
	top: 5px;
	left: 0px;
}

.trade_eccredit_evaluate {
	background: #fff;
}

.trade_eccredit_evaluate li {
	padding: 10px 10px 10px 64px;
	position: relative;
	border-bottom: 1px solid #ededed
}

.trade_eccredit_evaluate .eccredit_result_score {
	display: inline-block;
	top: 12px;
	left: 10px;
	position: absolute;
}

.trade_eccredit_evaluate .eccredit_result_authi {
	color: #999;
	padding: 2px 0px;
}

.trade_eccredit_evaluate .eccredit_exp_btn {
	height: 24px;
	line-height: 24px;
	padding-top: 10px;
	overflow: hidden;
}

.trade_eccredit_evaluate .eccredit_exp_btn a {
	float: left;
	height: 24px;
	line-height: 26px;
	display: inline-block;
	background: #f4f4f4;
	color: #777;
	margin-right: 10px;
	padding: 0px 12px;
	border-radius: 12px;
	overflow: hidden;
}

.trade_eccredit_evaluate .eccredit_exp_reply {
	padding: 10px;
	position: relative;
	background: #f8f8f8;
	border-radius: 3px;
	color: #777;
}

.trade_eccredit_avatars {
	min-height: 40px;
	line-height: 20px;
	padding-left: 50px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}

.trade_eccredit_avatars p {
	margin-bottom: -2px;
	padding-top: 2px;
}

.trade_eccredit_avatars p a {
	color: #777;
	font-weight: bold;
}

.trade_eccredit_avatars span {
	font-size: 12px;
	color: #999;
}

.trade_eccredit_avatars .dialog_ibtn {
	position: absolute;
	right: 0px;
	top: 3px;
}

.credit_rating_lb label {
	display: inline-block;
	margin-right: 20px;
}

.credit_rating_lb label:last-child {
	margin: 0px;
}

.credit_rating_btn {
	height: 52px;
	width: 100%;
	padding: 0px 10px 10px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 50;
	background: #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.paylist_pay {
	padding: 10px 15px;
}

.paylist_pay table {
	width: 100%;
}

.paylist_pay td {
	width: 50%;
	padding: 8px 0px;
	border-bottom: 1px solid #ededed;
	word-break: break-all;
}

.paylist_pay tr:last-child td {
	border-bottom: none;
}

.paylist_view {
	padding: 0px 15px;
	margin-bottom: 20px;
	max-height: 180px;
	overflow: auto;
}

.paylist_view table {
	width: 100%;
}

.paylist_view th,.paylist_view td {
	padding: 10px 0px;
	border-bottom: 1px solid #ededed;
	word-break: break-all;
}

.paylist_view td:nth-child(1) {
	width: 35%;
}

.paylist_view td:nth-child(2) {
	width: 40%;
}

.paylist_view td:nth-child(3) {
	width: 25%;
}

.paylist_view tr:last-child td {
	border-bottom: none;
}

.paylist_view th {
	font-weight: bold;
}

.paylist_tt {
	margin: 0px 15px;
	padding: 10px 0px 6px;
	line-height: 30px;
	font-size: 16px;
	font-weight: 400;
	border-bottom: 1px solid #ededed;
	text-align: left;
}

.paylist_tt em {
	float: right;
	font-size: 14px;
}

.paylist_noajax {
	max-height: none;
	margin: 0px;
}

.portal_view p a img {
	display: inline-block;
	margin: 7px auto;
	vertical-align: middle;
}

.portal_view p a.attach {
	display: block;
	line-height: 26px;
	padding: 7px 10px 7px 40px;
	font-size: 12px !important;
	font-weight: bold;
	background: #f7f7f7 url(../image/filetype/attach.png) no-repeat 8px 8px;
	background-size: 24px auto;
	border-radius: 4px;
	margin: 10px auto;
	vertical-align: middle;
}

.portal_view img[src*="static/image/filetype"] {
	max-height: 22px;
	margin: 0px 5px;
}

.portal_nobug {
	border: none !important;
	padding: 0px !important;
}

.portal_list {
	background: #fff;
	padding: 0px 0px;
}

.portal_list li {
	border-bottom: 1px solid #ededed;
	position: relative;
}

.portal_list .portal_subject {
	display: block;
	min-height: 75px;
	padding: 12px 10px 12px 120px;
	position: relative;
}

.portal_list .nopic {
	min-height: auto;
	padding: 10px;
}

.portal_list .imgbox {
	width: 100px;
	height: 75px;
	display: block;
	position: absolute;
	top: 12px;
	left: 10px;
	background: #eee;
	overflow: hidden;
}

.portal_list .imgbox img {
	width: 100%;
	min-height: 75px;
}

.portal_list_title {
	max-height: 48px;
	line-height: 24px;
	font-size: 16px;
	margin-bottom: 6px;
	overflow: hidden;
}

.portal_list_time {
	line-height: 16px;
	font-size: 12px;
	color: #999;
	padding-top: 2px;
}

.portal_list_md {
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 8px;
}

.portal_list_md a {
	height: 16px;
	display: inline-block;
	line-height: 18px;
	color: #f60;
	font-size: 16px;
	padding: 5px;
	border-radius: 50%;
	background: rgba(255,255,255,1);
	box-shadow: 0 0 4px rgba(0,0,0,0.25);
	overflow: hidden;
}

.portal_list_md a:nth-child(2) {
	margin-left: 14px;
}

.portal_list_md i {
	height: 16px;
	width: 16px;
	text-align: center;
	line-height: 16px;
}

.portal_related {
	padding-bottom: 10px;
}

.portal_related li:last-child {
	border-bottom: none;
}

.portal_list_morerelated {
	display: none;
}

.portal_list_more {
	height: 36px;
	line-height: 36px;
	font-size: 15px;
	text-align: center;
	color: #777;
}

.portal_list_more span {
	display: inline-block;
	padding-right: 20px;
	position: relative;
}

.portal_list_more span:after {
	content: "\e013";
	font-family: "vtoo_mobile";
	width: 20px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
}

.portal_set {
	width: 100%;
	padding: 5px 10px 15px;
	position: absolute;
	left: 0px;
	top: 59px;
	bottom: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-x: hidden;
}

.portal_set li.articlesource {
	position: relative;
	padding: 0px 128px 0px 0px;
}

.portal_set li .fromcookie {
	width: 120px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.portal_set li:last-child {
	margin-bottom: 0px;
}

.portal_tag {
	position: relative;
	margin: -1px -1px 10px -1px;
	overflow: hidden;
}

.portal_tag h1 {
	padding: 10px 2px 0px;
	line-height: 30px;
	font-weight: 400;
	font-size: 15px;
	color: #777;
}

.portal_tag span {
	display: inline-block;
	float: left;
	width: 33.333333%;
	padding: 1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.portal_tag label {
	display: block;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}

.portal_tag em {
	height: 36px;
	display: block;
	padding: 0px 2px 0px 26px;
	line-height: 38px;
	color: #777;
	border-radius: 2px;
	position: relative;
	background: #f8f8f8;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.portal_tag em:after {
	content: "";
	display: block;
	border: 1px solid #ccc;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	top: 12px;
	left: 8px;
}

.portal_tag em:before {
	content: "";
	display: block;
	background: #e3e3e3;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 14px;
	left: 10px;
}

.portal_tag input {
	opacity: 0;
	display: none;
}

.portal_tag input:checked + em {
	color: #7BB121;
}

.portal_tag input:checked + em:before {
	background: #7BB121;
}

.portal_view_from_top {
	line-height: 16px;
	padding: 0px 0px 10px;
	color: #999;
	font-size: 12px;
}

.portal_view_from_top a,.portal_view_from_top span {
	margin-right: 10px;
	color: #999;
}

.portal_view_from {
	line-height: 24px;
	padding: 20px 0px 10px;
	color: #999;
	font-size: 15px;
}

.portal_view_summary {
	padding: 10px;
	margin: 3px 0px 10px;
	background: #f4f4f4;
	color: #777;
	border-radius: 2px;
}

.portal_view_summary span {
	display: inline-block;
	background: #f90;
	color: #fff;
	padding: 0px 4px;
	border-radius: 2px;
	margin-right: 8px;
	font-size: 12px;
	line-height: 18px;
}

.portal_viewarticle {
	display: block;
	width: 100%;
	height: 100%;
	background: transparent;
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	z-index: -1;
}

.portal_imglist li {
	margin-bottom: 26px;
}

.portal_imglist .attset_cover {
	width: 60px;
	height: 22px;
	position: absolute;
	left: 0px;
	bottom: -16px;
	line-height: 22px;
	font-size: 12px;
	overflow: hidden;
}

.portal_imglist .attset_cover label {
	display: block;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}

.portal_imglist .attset_cover em {
	height: 22px;
	display: block;
	padding-left: 15px;
	line-height: 22px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.portal_imglist .attset_cover em:after {
	content: "";
	display: block;
	border: 1px solid #ccc;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 6px;
	left: 1px;
	overflow: hidden;
}

.portal_imglist .attset_cover input {
	opacity: 0;
	display: none;
}

.portal_imglist .attset_cover input:checked + em {
	color: #7BB121;
}

.portal_imglist .attset_cover input:checked + em:before {
	content: "";
	display: block;
	background: #7BB121;
	border-radius: 50%;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 8px;
	left: 3px;
	overflow: hidden;
}

.portal_list_subs {
	height: 44px !important;
	line-height: 44px !important;
	background: #f7f7f7 !important;
	border-bottom: 1px solid #f3f3f3 !important;
}

.click_box {
	background: #fff;
}

.click_box table {
	margin: 0px auto;
}

.click_box td {
	padding: 30px 12px;
	text-align: center;
	vertical-align: bottom;
}

.click_box img {
	height: 22px;
	vertical-align: top;
	margin-bottom: 10px;
}

.click_box a {
	display: block;
	text-decoration: none;
	color: #999;
}

.click_box p {
	height: 13px;
	line-height: 13px;
	font-size: 13px;
}

.click_box .click_option {
	position: relative;
	margin: 0 auto 10px;
	width: 8px;
	height: 36px;
}

.click_box .click_option div {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 8px;
	box-shadow: 0 0 3px rgba(0,0,0,0.05) inset;
	border-radius: 4px;
	overflow: hidden;
}

.click_box .ac1 {
	background: #C30;
}

.click_box .ac2 {
	background: #0C0;
}

.click_box .ac3 {
	background: #F90;
}

.click_box .ac4 {
	background: #06F;
}

.articlemore {
	padding: 14px 15px 10px 10px;
	background: #fff;
}

.articlemore p {
	height: 22px;
	line-height: 22px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.articlemore p,.articlemore p a {
	color: #999;
}

.relateitem {
	background: #fff;
	padding-bottom: 10px;
}

.relateitem li {
	border-bottom: 1px solid #ededed;
}

.relateitem li:last-child {
	border-bottom: none;
}

.relateitem .relateitem_subject {
	display: block;
	min-height: 75px;
	padding: 12px 10px 12px 120px;
	position: relative;
}

.relateitem .relateitem_title {
	max-height: 48px;
	line-height: 24px;
	font-size: 16px;
	margin-bottom: 6px;
	overflow: hidden;
}

.relateitem .relateitem_time {
	line-height: 16px;
	font-size: 12px;
	color: #999;
	padding-top: 2px;
}

.relateitem .nopic {
	min-height: auto;
	padding: 10px;
}

.relateitem .imgbox {
	width: 100px;
	height: 75px;
	display: block;
	position: absolute;
	top: 12px;
	left: 10px;
	background: #eee;
	overflow: hidden;
}

.relateitem .imgbox img {
	width: 100%;
	min-height: 75px;
}

.relateitem .relateitem_morerelated {
	display: none;
}

.relateitem .relateitem_more {
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	text-align: center;
	color: #777;
	background: #fff;
}

.relateitem .relateitem_more span {
	display: inline-block;
	padding: 0px 18px 0px 3px;
	position: relative;
}

.relateitem .relateitem_more span:after {
	content: "\e013";
	font-family: "vtoo_mobile";
	width: 18px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	display: block;
	text-align: center;
	position: absolute;
	top: 0px;
	right: 0px;
}

.titls {
	height: 24px;
	line-height: 26px;
	padding: 10px 10px 10px 20px;
	background: #fff;
	color: #555;
	border-bottom: 1px solid #ededed;
	position: relative;
	overflow: hidden;
}

.titls:after {
	content: "";
	width: 3px;
	height: 14px;
	position: absolute;
	bottom: 15px;
	left: 10px;
	background: #f90;
}

.titls span {
	font-weight: bold;
}

.titls .vpost_sort {
	float: right;
	padding-left: 15px;
	display: block;
	position: relative;
	font-weight: 400;
	color: #bbb;
	font-size: 14px;
}

.titls .vpost_sort:after {
	content: "\e142";
	font-family: "vtoo_mobile";
	width: 14px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	display: block;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
}

.titls .vpost_descview:after {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	transform: rotateX(180deg);
	top: -1px;
}

.titls_view {
	height: 24px;
	line-height: 26px;
	padding: 5px 0px;
	background: #fff;
	color: #555;
	border-bottom: 1px solid #ededed;
	overflow: hidden;
}

.signs_show {
	margin-top: 40px;
	padding: 15px 0px 5px;
	border-top: 1px dotted #ddd;
	min-height: 20px;
	position: relative;
	font-size: 13px;
	color: #777;
}

.signs_show img {
	max-width: 100%;
}

.signs_show img[src*="static/image/smiley"] {
	max-height: 16px;
}

.signs_show a {
	color: #777;
}

.signs_show .mysign {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding-right: 12px;
	font-size: 14px;
	position: absolute;
	top: -15px;
	left: 0px;
	background: #fff;
	color: #aaa;
	text-align: left;
	font-style: italic;
}

.viewpost {
	height: 26px;
	margin-top: 10px;
}

.viewpost a {
	width: 26px;
	height: 26px;
	float: right;
	line-height: 26px;
	display: inline-block;
	margin-left: 10px;
	text-align: center;
	background: #f7f7f7;
	border-radius: 13px;
	overflow: hidden;
}

.viewpost a.btn_support,.viewpost a.btn_rate {
	background: #fff;
}

.viewpost a i {
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 16px;
	color: #888;
	border-radius: 50%;
}

.viewpost a.btn_support:active i {
	color: #f60;
}

.viewpost a.popon i {
	background: #444;
	color: #fff;
}

.viewpost a.btn_rate i {
	color: #f60;
}

.viewpost a.rewardset {
	width: auto;
	text-align: center;
	color: #888;
	padding: 0px 10px;
	font-size: 12px !important;
}

.viewpost a.bestanswer {
	background: rgba(0,174,225,0.07);
	color: #00AEE1;
}

.viewpost a.stand_1 {
	background: rgba(255,100,92,0.07);
	color: #FF645C;
}

.viewpost a.stand_2 {
	background: rgba(95,160,243,0.07);
	color: #5FA0F3;
}

.viewpost span.popup {
	width: 26px;
	height: 26px;
	float: left;
	margin-right: 10px;
	line-height: 26px;
	display: inline-block;
	text-align: center;
	background: #f7f7f7;
	border-radius: 13px;
	overflow: hidden;
}

.viewpost span.popup i {
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 16px;
	border-radius: 50%;
	color: #f90;
	background: rgba(255,153,0,0.05);
}

.viewpost span.magicpost {
	float: right;
	margin: 0px 0px 0px 10px;
}

.viewpost span.magicpost i {
	background: #f7f7f7;
	color: #888;
}

.viewpost span.mmagic {
	float: left;
	margin: 0px 10px 0px 0px;
}

.viewpost .review_support {
	float: right;
	display: inline-block;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	padding-right: 5px;
	color: #999;
}

.viewpost .insuccess {
	-webkit-animation: insuccess 0.4s linear;
	-moz-animation: insuccess 0.4s linear;
	animation: insuccess 0.4s linear;
}

.viewpost .threadviewnums {
	float: right;
	display: inline-block;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	color: #999;
	background: #f7f7f7;
	padding: 0px 10px;
	border-radius: 13px;
}

@-webkit-keyframes insuccess {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes insuccess {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}
}

@keyframes insuccess {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}
}

.menups {
	position: absolute;
	bottom: 45px;
	right: 5px;
	background: #444;
	width: 60px;
	padding: 2px 8px;
	border-radius: 6px;
	z-index: 52;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
}

.menups:after {
	content: "";
	display: inline-block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 8px 8px 8px;
	border-color: #444 transparent transparent transparent;
	position: absolute;
	right: 10px;
	bottom: -15px;
}

.menups li {
	height: 32px;
	border-bottom: 1px dotted #666;
	line-height: 32px;
	overflow: hidden;
}

.menups li:last-child {
	border-bottom: none;
}

.menups li a {
	height: 32px;
	padding-left: 5px;
	display: block;
	color: #fff;
	overflow: hidden;
}

.menups li i {
	margin-right: 4px;
	vertical-align: middle;
}

.report_box {
	font-size: 15px;
}

.report_option {
	padding: 15px 20px 20px;
	text-align: left;
}

.report_option span {
	display: inline-block;
	width: 50%;
	color: #999;
	margin-top: 5px;
}

.report_option p:last-child {
	margin-bottom: 0px;
}

.report_txt {
	margin-top: 10px;
}

.report_txt textarea {
	width: 100%;
	padding: 5px;
	vertical-align: top;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.tagtitle {
	height: 42px;
	padding: 0px 10px;
	line-height: 44px;
	background: #f9f9f9;
	border-bottom: 1px solid #ededed;
	overflow: hidden;
}

.tagtitle em {
	margin-left: 6px;
	color: #999;
}

.taglist {
	padding: 16px 4px 4px 14px;
	background: #fff;
}

.taglist a {
	display: inline-block;
	margin: 0px 8px 12px 0px;
	padding: 4px 16px 3px;
	border-radius: 4px;
	color: #777;
	border: 1px solid #ededed;
}

.taglist a.tag0 {
	background: #EDF8F8;
	border: 1px solid #A9DADC;
}

.taglist a.tag1 {
	background: #EFFAD8;
	border: 1px solid #C6D99F;
}

.taglist a.tag2 {
	background: #F6F6F6;
	border: 1px solid #DBDBDB;
}

.taglist a.tag3 {
	background: #F2F1FC;
	border: 1px solid #D9D8EF;
}

.taglist a.tag4 {
	background: #FCF1F2;
	border: 1px solid #FECBD0;
}

.tagmore {
	background: #fff;
}

.tagmore a {
	height: 42px;
	line-height: 44px;
	display: block;
	text-align: center;
	color: #999;
	overflow: hidden;
}

#extra_tag_c table {
	width: 100%
}

#extra_tag_c p {
	padding: 0px;
}

#extra_tag_c p span {
	color: #555;
}

.tagview {
	line-height: 24px;
	padding-left: 20px;
	color: #999;
	position: relative;
	overflow: hidden;
}

.tagview a {
	display: inline-block;
	background: #fff;
	color: #3869AB;
	font-size: 15px;
}

.tagview:after {
	content: "\e029";
	display: block;
	width: 18px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 18px;
	color: #777;
	position: absolute;
	left: -2px;
	top: 0;
	font-family: "vtoo_mobile";
}

.posttype,.posttype_node .message,.posttype_node .message_other {
	padding-left: 50px !important;
}

.posttype_viewpost a {
	float: left;
	margin: 0px 10px 0px 0px;
}

.posttype_viewpost span.popup {
	margin: 0px 0px 0px -50px;
}

.posttype_viewpost span.magicpost {
	float: left;
	margin: 0px 10px 0px 0px;
}

.posttype_viewpost .review_support {
	padding: 0px 0px 0px 4px;
}

.posttype_viewpost .btn_support {
	float: right;
	margin: 0px -4px 0px 0px;
}

.posttype_menups {
	right: 0px;
	left: 35px;
}

.posttype_menups:after {
	left: 30px;
	right: 0px;
}

.posttype .videostyles,.posttype_node .videostyles {
	height: 47vw !important;
}

.page {
	height: 36px;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	margin: 11px 0px 12px;
}

.page a {
	height: 36px;
	line-height: 36px;
	margin: 0px 8px;
	padding: 0px 15px;
	display: inline-block;
	border-radius: 18px;
	background: #fff;
	color: #888;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
}

.page a.grey {
	color: #ddd;
}

.page a#select_a {
	position: relative;
	padding: 0px 29px 0px 13px;
	min-width: 50px;
	text-align: center;
}

.page a#select_a:after {
	content: "";
	position: absolute;
	width: 0px;
	height: 0px;
	top: 50%;
	right: 13px;
	margin-top: -4px;
	border-style: solid;
	border-width: 8px 6px 8px;
	border-color: #999 transparent transparent transparent;
	z-index: 2;
	pointer-events: none;
}

.page select {
	height: 36px;
	width: 100%;
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	border: none;
}

a.morelink {
	height: 56px;
	display: block;
	line-height: 56px;
	font-size: 15px;
	color: #888;
	text-align: center;
	background: #fff;
	overflow: hidden;
}

a.morelink span.listload {
	display: inline-block;
	position: relative;
	padding-left: 18px;
}

a.morelink .rotation {
	display: inline-block;
	width: 12px;
	height: 12px;
	-moz-animation: rotates 0.5s linear infinite;
	-webkit-animation: rotates 0.5s linear infinite;
	animation: rotates 0.5s linear infinite;
	position: absolute;
	top: 22px;
	left: 0px;
	overflow: hidden;
}

a.morelink .rotation:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 0px;
	left: 0px;
	border: 1px solid;
	border-color: transparent #bbb;
	border-radius: 50%;
	z-index: 1;
}

.pg {
	display: none;
}

.home_header {
	height: 288px;
	background: #fff;
	position: relative;
	overflow: hidden;
}

.home_data_header {
	height: 268px;
	background: #fff;
	position: relative;
	overflow: hidden;
}

.home_bg {
	height: 188px;
	padding-top: 60px;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-size: auto 248px !important;
	background-color: #eee;
	position: relative;
	overflow: hidden;
}

.home_bg.r1 {
	background-image: url('/img/user_bg/1.jpg');
}

.home_bg.r2 {
	background-image: url('/img/user_bg/2.jpg');
}

.home_bg.r3 {
	background-image: url('/img/user_bg/3.jpg');
}

.home_bg.r4 {
	background-image: url('/img/user_bg/4.jpg');
}

.home_bg.r5 {
	background-image: url('/img/user_bg/5.jpg');
}

.home_bg.r6 {
	background-image: url('/img/user_bg/6.jpg');
}

.home_bg.r7 {
	background-image: url('/img/user_bg/7.jpg');
}
.home_bg.r8 {
	background-image: url('/img/user_bg/8.jpg');
}

.home_bg.r9 {
	background-image: url('/img/user_bg/9.jpg');
}

.home_bg.r10 {
	background-image: url('/img/user_bg/10.jpg');
}

.home_user {
	height: 75px;
	padding: 0px 12px 0px 100px;
	position: relative;
}

.home_user .home_avatar {
	display: block;
	width: 50px;
	height:50px;
	padding: 2px;
	border-radius: 50%;
	background: rgba(255,255,255,0.2);
	position: absolute;
	top: -2px;
	left: 15px;
	margin-top:30px;

}

.home_user .home_avatar img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	vertical-align: top;
}

.home_user .userverify {
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	position: absolute;
	top: 58px;
	left: 50px;
	z-index: 5;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #FAD141;
	border: 2px solid #f5f5f5;
}

.home_user .userverify:after {
	content: "\e187";
	font-family: "vtoo_mobile";
	width: 18px;
	height: 18px;
	line-height: 18px;
	position: absolute;
	left: 0px;
	top: 0px;
}

.home_user .qlink {
	height: 32px;
	position: absolute;
	top: 21px;
	right: 12px;
}

.home_user .qlink a {
	float: right;
	display: block;
	margin-left: 8px;
	border-radius: 4px;
	overflow: hidden;
}

.home_user .home_user_i {
	width: 32px;
	height: 32px;
	background: rgba(204,204,204,0.5);
	overflow: hidden;
}

.home_user .home_user_i i {
	display: block;
	width: 32px;
	height: 32px;
	line-height: 34px;
	text-align: center;
	font-size: 22px;
	color: #fff;
	overflow: hidden;
}

.home_user .home_user_add {
	color: #fff;
	height: 32px;
	line-height: 34px;
	position: relative;
	padding: 0px 10px 0px 26px;
	background: rgba(255,153,0,0.8);
}

.home_user .home_user_add:after {
	content: "\e035";
	font-family: "vtoo_mobile";
	width: 14px;
	height: 14px;
	line-height: 14px;
	position: absolute;
	left: 9px;
	top: 9px;
}

.home_user_data {
	padding: 12px 0px 0px 20px;
}

.home_user_data .usernames {
	height: 28px;
	line-height: 28px;
	margin-bottom: 4px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.home_user_data .usernames span {
	font-weight: bold;
	font-size: 18px;
	color: #fff;
}

.home_user_data .usernames span a {
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

.home_user_data .usernames i {
	padding: 3px 6px 2px;
	margin-left: 12px;
	position: relative;
	top: -2px;
	border-radius: 8px;
	line-height: 11px;
	font-size: 11px;
	font-style: italic;
	display: inline-block;
	background: rgba(0,0,0,0.25);
}

.home_user_data .usernames i,.home_user_data .usernames i font {
	color: #fff;
}

.home_user_data .home_sign {
	height: 20px;
	line-height: 20px;
	margin-right: 25px;
	position: relative;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.home_user_data .home_sign i {
	position: relative;
	top: 1px;
	margin-right: 2px;
	font-size: 15px;
}

.home_user_data .home_sign a {
	color: #fff;
}

.home_user_data .adhomerm {
	/* margin-right: 120px; */
}

.home_user .oluser {
	-webkit-animation: oluser 0.5s infinite;
	-moz-animation: oluser 0.5s infinite;
	animation: oluser 0.5s infinite;
}

@-webkit-keyframes oluser {
	0% {
		background: rgba(255,255,255,.2);
	}

	50% {
		background: rgba(0,204,255,.45);
	}

	100% {
		background: rgba(255,255,255,.2);
	}
}

@-moz-keyframes oluser {
	0% {
		background: rgba(255,255,255,.2);
	}

	50% {
		background: rgba(0,204,255,.45);
	}

	100% {
		background: rgba(255,255,255,.2);
	}
}

@keyframes oluser {
	0% {
		background: rgba(255,255,255,.2);
	}

	50% {
		background: rgba(0,204,255,.45);
	}

	100% {
		background: rgba(255,255,255,.2);
	}
}

.home_menu {
	height: 70px;
	position: absolute;
	bottom: -1px;
	left: 0px;
	right: 0px;
	z-index: 3;
	background: #fff;
	border-radius: 0px 0px 0px 0px;
	padding: 8px 10px 0px;
	box-shadow: 0px -1px 2px rgba(0,0,0,0.1);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.home_menu ul {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.home_menu li {
	padding: 0px 5px;
	display: table-cell;
	text-align: center;
	position: relative;
}

.home_menu li a {
	height: 46px;
	padding: 5px 0px 3px;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.home_menu li a span {
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #44B39F;
	margin-bottom: 5px;
	overflow: hidden;
}

.home_menu li a p {
	height: 20px;
	line-height: 20px;
	color: #999;
	overflow: hidden;
}

.home_menu li a p.new {
	color: #f60;
}

.home_menu li:nth-child(1) a span {
	color: #32A0D3;
}

.home_menu li:nth-child(2) a span {
	color: #44B39F;
}

.home_menu li:nth-child(3) a span {
	color: #E16F81;
}

.home_menu li:nth-child(4) a span {
	color: #BF9DEC;
}

.home_data_header .tabequal {
	height: 48px;
	line-height: 48px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 3;
	border-radius: 6px 6px 0px 0px;
	box-shadow: 0px -1px 2px rgba(0,0,0,0.1);
}

.home_data_header .tabequal li a {
	height: 48px;
}

.adhomecenter,.adhomedata {
	position: absolute;
	right: 0px;
	z-index: 2;
	padding: 0px 10px;
}

.adhomecenter img,.adhomedata img {
	max-width: 100%;
}

.adhomecenter {
	bottom: 67px;
}

.adhomedata {
	bottom: 47px;
}

.user_box {
	background: #fff;
	padding: 3px 20px;
}

.user_box li {
	min-height: 22px;
	line-height: 22px;
	border-bottom: 1px solid #ededed;
	padding: 12px 8px 12px 100px;
	font-size: 15px;
	color: #555;
	position: relative;
	overflow: hidden;
}

.user_box li:last-child {
	border-bottom: none;
}

.user_box li span {
	max-width: 92px;
	line-height: 22px;
	display: block;
	color: #999;
	position: absolute;
	top: 12px;
	left: 2px;
	white-space: nowrap;
	overflow: hidden;
}

.user_box li p.bbbb {
	text-align: left;
}

.user_box li a {
	color: #999;
}

.user_box li .medal_list {
	display: inline-block;
	line-height: 22px;
	white-space: normal;
}

.user_box li .medal_list img {
	height: 22px;
	vertical-align: middle;
}

.user_box_data {
	background: #fff;
	padding: 10px 0px 1px;
	overflow: hidden;
}

.user_box_data li {
	float: left;
	width: 25%;
	height: 93px;
	padding: 10px 5px;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.user_box_data li a {
	display: block;
}

.user_box_data li i {
	height: 42px;
	width: 42px;
	display: inline-block;
	line-height: 42px;
	font-size: 24px;
	border-radius: 50%;
	background: #f5f5f5;
	margin-bottom: 5px;
}

.user_box_data li p {
	height: 26px;
	display: block;
	line-height: 26px;
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.user_box_data .vt-subject {
	background: rgba(50,160,211,.1);
	color: #32A0D3;
}

.user_box_data .vt-pencil {
	background: rgba(153,204,0,.1);
	color: #99CC00;
}

.user_box_data .vt-friend {
	background: rgba(191,157,236,.1);
	color: #BF9DEC;
}

.user_box_data .vt-heart {
	background: rgba(255,153,0,.1);
	color: #f90;
}

.user_box_data .vt-footprint {
	background: rgba(225,111,129,.1);
	color: #E16F81;
}

.user_box_data .vt-blogs {
	background: rgba(68,179,159,.1);
	color: #44B39F;
}

.user_box_data .vt-album {
	background: rgba(255,102,0,.1);
	color: #f60;
}

.user_box_data .vt-gift {
	background: rgba(236,189,0,.1);
	color: #ECBD00;
}

.user_menu {
	padding: 0px 0px;
	overflow: hidden;
}

.user_menu ul {
	padding: 15px 10px;
	background: #fff;
	overflow: hidden;
}

.user_menu li {
	float: left;
	width: 33.3333%;
	height: 110px;
	padding: 10px 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.user_menu li a {
	height: 85px;
	padding-top: 5px;
	display: block;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.user_menu li a i {
	height: 50px;
	width: 50px;
	display: inline-block;
	line-height: 50px;
	font-size: 30px;
	border-radius: 50%;
	background: #f5f5f5;
	margin-bottom: 5px;
}

.user_menu li a span {
	height: 30px;
	display: block;
	line-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.user_menu li a span.new {
	color: #f60;
}

.user_menu .vt-email {
	background: rgba(255,153,0,.1);
	color: #f90;
}

.user_menu .vt-remind {
	background: rgba(255,153,0,.1);
	color: #f90;
}

.user_menu .vt-friend {
	background: rgba(191,157,236,.1);
	color: #BF9DEC;
}

.user_menu .vt-trends {
	background: rgba(50,160,211,.1);
	color: #32A0D3;
}

.user_menu .vt-blogs {
	background: rgba(68,179,159,.1);
	color: #44B39F;
}

.user_menu .vt-talk {
	background: rgba(225,111,129,.1);
	color: #E16F81;
}

.user_menu .vt-album {
	background: rgba(255,102,0,.1);
	color: #f60;
}

.user_menu .vt-medal {
	background: rgba(236,189,0,.1);
	color: #ECBD00;
}

.user_menu .vt-magic {
	background: rgba(191,157,236,.1);
	color: #BF9DEC;
}

.user_menu .vt-wall {
	background: rgba(68,179,159,.1);
	color: #44B39F;
}

.user_menu .vt-task {
	background: rgba(50,160,211,.1);
	color: #32A0D3;
}

.user_menu .vt-footprint {
	background: rgba(225,111,129,.1);
	color: #E16F81;
}

.user_menu .vt-subject {
	background: rgba(50,160,211,.1);
	color: #32A0D3;
}

.user_menu .vt-favempty {
	background: rgba(255,153,0,.1);
	color: #f90;
}

.user_menu .vt-profile {
	background: rgba(153,204,0,.1);
	color: #99CC00;
}

.user_menu .vt-vinfo {
	background: rgba(153,204,0,.1);
	color: #99CC00;
}

.user_menu .vt-heads {
	background: rgba(191,157,236,.1);
	color: #BF9DEC;
}

.user_menu .vt-lock {
	background: rgba(254,112,88,.1);
	color: #FE7058;
}

.user_menu .vt-editprofile {
	background: rgba(68,179,159,.1);
	color: #44B39F;
}

.user_menu .vt-privacy {
	background: rgba(68,179,159,.1);
	color: #44B39F;
}

.user_menu .vt-gift {
	background: rgba(236,189,0,.1);
	color: #ECBD00;
}

.user_menu .vt-usergroup {
	background: rgba(50,160,211,.1);
	color: #32A0D3;
}

.user_menu .vt-credit {
	background: rgba(255,153,0,.1);
	color: #f90;
}

.user_menu .vt-promotion {
	background: rgba(255,102,0,.1);
	color: #f60;
}

.user_menu .vt-computer {
	background: rgba(51,153,255,.1);
	color: #3399FF;
}

.user_menu .vt-signout {
	background: rgba(0,140,0,.1);
	color: #008C00;
}

.user_menu .vt-warning {
	background: rgba(255,51,0,.1);
	color: #f30;
}

.breathing {
	-webkit-animation: flash 0.5s infinite;
	-moz-animation: flash 0.5s infinite;
	animation: flash 0.5s infinite;
}

@media all and (min-width:700px) {
	.user_menu li {
		width: 25%;
	}
}

.home_favorite li {
	padding: 11px 10px;
	background: #fff;
	font-size: 16px;
	border-bottom: 1px solid #ededed;
}

.home_favorite li p {
	height: 26px;
	line-height: 26px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.home_favorite li img {
	height: 15px;
	vertical-align: top;
	margin-top: 5px;
}

.home_favorite li .delete_bt {
	float: right;
	margin: 0px -1px 0px 10px;
	position: static;
}

.pmbox {
	padding: 0px;
	background: #fff;
}

.pmbox li {
	min-height: 64px;
	border-bottom: 1px solid #ededed;
	background: #fff;
	overflow: hidden;
}

.pmbox li .pmtxt {
	min-height: 46px;
	display: block;
	padding: 11px 10px 7px 70px;
	position: relative;
}

.pmbox li .avatars {
	width: 46px;
	height: 46px;
	left: 12px;
	top: 9px;
}

.pmbox li .pmmes {
	line-height: 22px;
	color: #999;
}

.pmbox li .pmmes p {
	height: 22px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.pmbox li .pmnum {
	padding-right: 40px;
}

.pmbox li .num {
	position: absolute;
	bottom: 8px;
	right: 6px;
	background: #f60;
	color: #FFF;
	border: 4px solid #fff;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	padding: 2px 5px 1px;
	border-radius: 11.5px;
}

.pm_authi {
	height: 20px;
	line-height: 20px;
	margin-bottom: 3px;
	overflow: hidden;
}

.pm_authi .name {
	font-weight: bold;
	color: #777;
}

.pm_authi .time {
	float: right;
	color: #bbb;
	line-height: 18px;
	font-size: 12px;
}

.pmlist {
	background: #fff;
	padding: 20px 0px 10px;
}

.friend_msg,.self_msg {
	position: relative;
	background: #fff;
	font-size: 15px;
	line-height: 150%;
	overflow: hidden;
}

.friend_msg {
	padding: 0px 45px 20px 60px;
}

.self_msg {
	padding: 0px 60px 20px 45px;
}

.friend_msg .avatars {
	top: 0px;
	left: 10px;
}

.self_msg .avatars {
	top: 0px;
	right: 10px;
	left: auto;
}

.friend_msg .date,.self_msg .date {
	color: #999;
	line-height: 12px;
	font-size: 12px;
	margin-bottom: 7px;
}

.friend_msg .date .msgfrom_msg {
	margin-right: 6px;
	color: #555;
	font-weight: 600;
}

.self_msg .date {
	text-align: right;
}

.dialog_white,.dialog_green {
	padding: 10px;
	border-radius: 6px;
	position: relative;
	word-break: break-all;
}

.dialog_white {
	float: left;
	background: #f1f1f1;
}

.dialog_green {
	float: right;
	background: #B5E547;
}

.dialog_white a,.dialog_green a {
	color: #3869AB;
	text-decoration: underline;
}

.dialog_white:after,.dialog_green:after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 6px;
}

.dialog_white:after {
	background: #f1f1f1;
	left: -4px;
}

.dialog_green:after {
	background: #B5E547;
	right: -4px;
}

.dialog_white img,.dialog_green img {
	max-width: 100% !important;
	height: auto !important;
	vertical-align: middle;
}

.dialog_green .quote,.dialog_white .quote {
	background: rgba(255,255,255,0.3);
	margin: 8px 0px;
	border-radius: 4px;
	color: #777;
}

.dialog_green .blockcode,.dialog_white .blockcode {
	background: rgba(255,255,255,0.3);
	margin: 8px 0px;
	padding: 6px;
	border-radius: 4px;
	color: #777;
}

.pmpage {
	height: 50px;
	padding: 0px;
	position: fixed;
	bottom: 69px;
	left: 13%;
	right: 13%;
	z-index: 1;
}

.pmpage .page {
	height: 42px;
	background: none;
	margin: 0px;
	padding: 4px;
	font-family: "vtoo_mobile";
}

.pmpage .page a {
	height: 42px !important;
	width: 38%;
	line-height: 300px !important;
	background: rgba(255,255,255,0.9);
	border: none;
	border-radius: 21px;
	padding: 0px;
	margin: 0px;
	position: relative;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
	overflow: hidden;
}

.pmpage .page a:last-child {
	margin-left: 24%;
}

.pmpage .page a:after {
	content: "\e012";
	width: 24px;
	height: 24px;
	line-height: 24px;
	display: block;
	font-size: 24px;
	text-align: center;
	position: absolute;
	top: 9px;
	left: 50%;
	margin-left: -12px;
	color: #777;
}

.pmpage .page a:last-child:after {
	content: "\e013";
}

.pmpage .page a.grey:after {
	color: #ddd;
}

.pmpageline {
	height: 19px;
	line-height: 19px;
	font-size: 12px;
	text-align: center;
	color: #aaa;
	margin: 5px 10px 25px;
	position: relative;
}

.pmpageline:after {
	content: "";
	height: 1px;
	position: absolute;
	top: 9px;
	left: 0px;
	right: 0px;
	background: #ededed;
}

.pmpageline span {
	display: inline-block;
	padding: 0px 20px;
	background: #fff;
	position: relative;
	z-index: 2;
}

a.morelink_pm {
	height: 40px;
	display: block;
	line-height: 40px;
	font-size: 12px;
	color: #bbb;
	text-align: center;
	background: #fff;
	overflow: hidden;
}

a.morelink_pm span {
	display: inline-block;
	position: relative;
	padding-left: 15px;
}

a.morelink_pm span .vt-time {
	display: inline-block;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 14px;
	left: 0px;
	overflow: hidden;
}

a.morelink_pm .rotation {
	display: inline-block;
	width: 10px;
	height: 10px;
	-moz-animation: rotates 0.5s linear infinite;
	-webkit-animation: rotates 0.5s linear infinite;
	animation: rotates 0.5s linear infinite;
	position: absolute;
	top: 15px;
	left: 0px;
	overflow: hidden;
}

a.morelink_pm .rotation:after {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	top: 0px;
	left: 0px;
	border: 1px solid;
	border-color: transparent #bbb;
	border-radius: 50%;
	z-index: 1;
}

.addusers {
	position: relative;
}

.addusers input {
	padding: 5px 64px 5px 5px;
}

.addusers .addusers_btn {
	display: block;
	width: 54px;
	height: 32px;
	line-height: 34px;
	font-size: 14px;
	text-align: center;
	position: absolute;
	top: 5px;
	right: 5px;
	background: #f6f6f6;
	color: #bbb;
	border-radius: 2px;
	cursor: pointer;
	overflow: hidden;
}

.addusers .addusers_btn_on {
	background: rgba(255,153,0,0.1);
	color: #f90;
}

.participant {
	margin: 0px -2px;
	position: relative;
	overflow: hidden;
}

.participant span {
	float: left;
	width: 33.33333%;
	padding: 2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.participant span.joinername {
	cursor: pointer;
}

.participant i {
	display: block;
	height: 32px;
	padding: 0px 22px 0px 10px;
	line-height: 34px;
	background: #f3f3f3;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.participant i:after {
	content: "\e034";
	font-family: "vtoo_mobile";
	width: 20px;
	height: 32px;
	padding-right: 2px;
	line-height: 32px;
	display: block;
	font-size: 14px;
	text-align: center;
	position: absolute;
	top: 0px;
	right: 0px;
	color: #777;
}

.friend {
}

.friend li {
	height: 64px;
	padding: 0px 0px;
	border-bottom: 1px solid #ededed;
	background: #fff;
}

.friend .locker {
	width: 100%;
	height: 64px;
	padding-right: 220px;
	position: relative;
	left: 0px;
	-webkit-transition: -webkit-transform 0.4s ease;
	-moz-transition: -moz-transform 0.4s ease;
	transition: transform 0.4s ease;
	display: block;
	background: #fff;
}

.friend .lockeropen {
	-webkit-transform: translate(-220px,0);
	-moz-transform: translate(-220px,0);
	transform: translate(-220px,0);
}

.friend .locker .olfriend {
	width: 10px;
	height: 10px;
	border: 1px solid #fff;
	background: #0CF;
	border-radius: 50%;
	position: absolute;
	top: 9px;
	left: 12px;
	-webkit-animation: olfriend 0.4s infinite;
	-moz-animation: olfriend 0.4s infinite;
	animation: olfriend 0.4s infinite;
}

@-webkit-keyframes olfriend {
	0% {
		background: #0CF;
	}

	50% {
		background: #fff;
	}

	100% {
		background: #0CF;
	}
}

@-moz-keyframes olfriend {
	0% {
		background: #0CF;
	}

	50% {
		background: #fff;
	}

	100% {
		background: #0CF;
	}
}

@keyframes olfriend {
	0% {
		background: #0CF;
	}

	50% {
		background: #fff;
	}

	100% {
		background: #0CF;
	}
}

.friend .friendavatar {
	float: left;
	width: 46px;
	height: 46px;
	margin: 9px 12px;
	display: block;
	overflow: hidden;
}

.friend .friendavatar img {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	vertical-align: middle;
}

.friend .friendset {
	width: 18px;
	height: 18px;
	padding: 23px 11px;
	margin-left: 20px;
	float: right;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}

.friend .friendset i {
	width: 18px;
	height: 18px;
	font-size: 18px;
	color: #bbb;
}

.friend .lockeropen .friendset i {
	display: none;
}

.friend h1 {
	height: 26px;
	line-height: 26px;
	font-size: 16px;
	font-weight: 400;
	padding: 8px 0px 1px;
}

.friend p {
	height: 22px;
	line-height: 22px;
	color: #999;
	font-size: 13px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.friend p .remarks {
	color: #9C0;
}

.friend p img {
	height: 16px !important;
	margin-bottom: 3px;
}

.friend .lockerclose {
	position: absolute;
	height: 64px;
	top: 0px;
	left: 0px;
	right: 220px;
	z-index: 10;
	display: none;
	background: transparent;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}

.friend .lockerclose:after {
	content: "\e034";
	font-family: "vtoo_mobile";
	font-size: 18px;
	width: 18px;
	height: 18px;
	padding: 6px;
	line-height: 18px;
	color: #bbb;
	background: #fff;
	display: inline-block;
	position: absolute;
	right: 5px;
	top: 17px;
	border-radius: 50%;
}

.friend .lockeropen .lockerclose {
	display: block;
}

.friend_mg {
	width: 220px;
	height: 64px;
	position: absolute;
	right: 0px;
	top: 0px;
}

.friend_mg ul {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.friend_mg li {
	height: 64px;
	padding: 0px;
	background: #fff;
	border: none;
	display: table-cell;
	text-align: center;
}

.friend_mg li a {
	height: 64px;
	display: block;
	color: #fff;
	line-height: 64px;
	background: #f90;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.friend_mg li.reop a {
	background: #ddd;
}

.friend_mg li.editnote a {
	background: #9C0;
}

.friend_mg li.editgroup a {
	background: #FF8040;
}

.friend_mg li.addfollow a {
	background: #E16F81;
}

.friend_mg li.frienddel a {
	background: #FF3A31;
}

.friend_mg li.friendadd a {
	background: #BF9DEC;
}

.friend_mg li.sayhi a {
	background: #A2B5F4;
}

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

.friend_add li {
	float: left;
	width: 50%;
	text-align: left;
	padding: 5px 0px;
}

.fctmore .locker {
	padding-right: 300px;
}

.fctmore .lockeropen {
	-webkit-transform: translate(-300px,0);
	-moz-transform: translate(-300px,0);
	transform: translate(-300px,0);
}

.fctmore .lockerclose {
	right: 300px;
}

.fctmore .friend_mg {
	width: 300px;
}

.fctmore_m .locker {
	padding-right: 260px;
}

.fctmore_m .lockeropen {
	-webkit-transform: translate(-260px,0);
	-moz-transform: translate(-260px,0);
	transform: translate(-260px,0);
}

.fctmore_m .lockerclose {
	right: 260px;
}

.fctmore_m .friend_mg {
	width: 260px;
}

.home_feed {
	background: #fff;
}

.home_feed_time {
	height: 25px;
	line-height: 25px;
	padding: 10px 0px 0px;
	margin-bottom: 5px;
	position: relative;
}

.home_feed_time span {
	text-align: center;
	height: 24px;
	line-height: 24px;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #666;
	background: #fff;
	padding: 0px 12px;
	margin-left: 47px;
	position: relative;
	z-index: 1;
}

.home_feed_time:after {
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	top: 21px;
	left: 0px;
	background: #ededed;
}

.home_feed_item li:first-child .home_feed_time {
	height: 10px;
	overflow: hidden;
}

.home_feed_item li:first-child .home_feed_time span,.home_feed_item li:first-child .home_feed_time:after {
	display: none;
}

.home_feed_ecs {
	padding: 0px 10px 40px 60px;
	position: relative;
}

.home_feed_ecs .avatars {
	top: 10px;
	left: 10px;
}

.home_feed_c {
	border-bottom: 1px dashed #e8e8e8;
}

.home_feed_c .delete_bt {
	float: right;
	margin: -3px -1px 0px 10px;
	position: static;
}

.home_feed_item {
	padding: 0px 0px 1px;
	color: #777;
	overflow: hidden;
}

.home_feed_item img {
	max-width: 100%;
}

.home_feed_item .home_mess {
	margin-bottom: 14px;
}

.home_feed_item .home_mess b {
	font-weight: 400;
}

.home_feed_item .home_mess a {
	color: #3869AB;
}

.home_feed_title {
	padding: 10px 0px;
}

.home_feed_title p {
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.home_feed_title p a {
	font-weight: bold;
	color: #777;
}

.home_feed_title span {
	margin-left: 10px;
	color: #bbb;
}

.doing {
	padding: 5px 0px 0px;
	background: #fff;
}

.doing .dolist {
	min-height: 50px;
	padding: 10px 10px 10px 60px;
	position: relative;
	background: #fff;
	border-bottom: 1px solid #ededed;
}

.doing .dolist .avatars {
	top: 10px;
	left: 10px;
}

.doing_authi {
	margin: 1px 0px 10px;
}

.doing_authi a {
	font-weight: bold;
	color: #777;
}

.doing_authi .doing_time {
	float: right;
	color: #bbb;
	font-size: 12px;
	margin-top: 2px;
}

.doing_tls {
	background: #f8f8f8;
	position: relative;
	padding: 5px 10px;
	border-radius: 3px;
	margin: 15px 0px 15px;
}

.doing_tls:after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background: #f8f8f8;
	position: absolute;
	left: 20px;
	top: -5px;
}

.doing_rc {
	line-height: 22px;
	padding: 5px 0px;
	color: #777;
	position: relative;
	word-break: break-all;
}

.doing_rc span {
	color: #bbb;
	font-size: 12px;
	margin-left: 10px;
}

.doing_rc:last-child {
	border: none;
}

.doing_rc .doing_del,.doing_rc .doing_reply {
	float: right;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	line-height: 24px;
	text-align: center;
	font-size: 14px;
	color: #777;
	display: inline-block;
	margin: -1px -5px 0px 13px;
	vertical-align: middle;
	background: #fff;
	overflow: hidden;
}

.doing_rc .doing_del {
}

.doing_rc img[src*="static/image/smiley"] {
	max-height: 14px;
	margin-top: -2px;
	vertical-align: middle !important;
}

.doing_tls .dtls {
	padding-left: 15px;
}

.doing_tls .dtll {
	padding-left: 30px;
}

.doing_tls .dtls:after,.doing_tls .dtll:after {
	content: "";
	width: 10px;
	height: 4px;
	border-left: 1px dotted #bbb;
	border-bottom: 1px dotted #bbb;
	position: absolute;
	top: 12px;
	left: 1px;
}

.doing_tls .dtll:after {
	left: 16px;
}

.blog {
}

.blog li {
	padding: 10px 10px 10px 60px;
	background: #fff;
	border-bottom: 1px solid #ededed;
	position: relative;
}

.blog li .avatars {
	top: 10px;
	left: 10px;
}

.blog_authi {
	margin: 1px 0px 5px;
}

.blog_authi a {
	color: #777;
	font-weight: bold;
}

.blog_authi em {
	float: right;
	color: #bbb;
	font-size: 12px;
}

.blog_title {
	line-height: 24px;
	font-size: 16px;
	margin-bottom: 6px;
}

.blog_txt {
	line-height: 20px;
	overflow: hidden;
}

.blog_txt p {
	max-height: 80px;
	overflow: hidden;
}

.blog_img {
	width: 100px;
	height: 75px;
	display: block;
	float: left;
	margin: 2px 10px 0px 0px;
	overflow: hidden;
}

.blog_img img {
	width: 100%;
	min-height: 75px;
}

.blog_me {
	height: 18px;
	line-height: 20px;
	padding-top: 8px;
	margin-bottom: -3px;
	font-size: 12px;
	overflow: hidden;
}

.blog_me a {
	color: #999;
}

.blog_me span a {
	display: inline-block;
	padding: 0px 5px;
	margin-left: 5px;
	font-size: 14px;
}

.blog_me span a .vt-bottom {
	color: #6CB633;
}

.blog_me span a .vt-hot {
	color: #f90;
}

.blog_attsort {
	height: 26px;
	line-height: 26px;
	margin: 0px 10px 10px;
	font-size: 15px;
}

.blog_attsort .blog_editsort {
	float: right;
	display: inline-block;
	color: #999;
	font-size: 12px;
	line-height: 18px;
	padding: 0px 7px;
	margin-top: 3px;
	border: 1px solid #ccc;
	border-radius: 11px;
	font-weight: 400;
}

.blog_attsort .orange {
	color: #f60;
	border: 1px solid #f60;
}

.blog_sort {
	position: absolute;
	left: 0px;
	top: 95px;
	bottom: 0px;
	width: 100%;
	overflow-x: hidden;
}

.blog_sort_friend {
	top: 64px;
}

.blog_sort ul {
	padding: 0px 5px 10px;
	overflow: hidden;
}

.blog_sort li {
	float: left;
	width: 25%;
	height: 50px;
	padding: 0px 5px 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.blog_sort li .blog_sortnm {
	display: block;
	line-height: 40px;
	text-align: center;
	background: #f4f4f4;
	border-radius: 3px;
	padding: 0px 2px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.blog_sort li .a {
	color: #f60;
}

.blog_sortedit {
	display: none;
	position: absolute;
	top: 0px;
	left: 5px;
	right: 5px;
	height: 22px;
	padding: 9px 0px;
	border-radius: 4px;
	text-align: center;
	background: rgba(244,244,244,0.6);
	z-index: 1;
}

.blog_sortedit a {
	display: inline-block;
	width: 12px;
	height: 12px;
	padding: 5px;
	line-height: 14px;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	background: rgba(0,0,0,0.5);
	font-size: 12px;
	font-weight: bold;
	margin: 0px 5px;
}

.blog_set {
	width: 100%;
	padding: 5px 10px 15px;
	position: absolute;
	left: 0px;
	top: 59px;
	bottom: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-x: hidden;
}

.blog_set li.mesort {
	position: relative;
	padding: 0px 50px 0px 0px;
}

.blog_set li .labelnm {
	color: #666;
	display: block;
	position: absolute;
	left: 0px;
	top: 9px;
}

.blog_set li .addoptions {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0px;
	right: 0px;
	border: 1px solid #ededed;
	background: #fff;
	border-radius: 2px;
	text-align: center;
	overflow: hidden;
}

.blog_set li .addoptions i {
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	color: #ccc;
}

.blog_set li.blog_set_ck {
	margin: -1px -1px 10px -1px;
	overflow: hidden;
}

.blog_set li.blog_set_ck span {
	display: inline-block;
	float: left;
	width: 33.333333%;
	padding: 1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.blog_set li.blog_set_ck label {
	display: block;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}


.blog_set li.blog_set_ck em {
	height: 36px;
	display: block;
	padding: 0px 2px 0px 26px;
	line-height: 38px;
	color: #777;
	border-radius: 2px;
	position: relative;
	background: #f8f8f8;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.blog_set li.blog_set_ck em:after {
	content: "";
	display: block;
	border: 1px solid #ccc;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	top: 12px;
	left: 8px;
}

.blog_set li.blog_set_ck em:before {
	content: "";
	display: block;
	background: #e3e3e3;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 14px;
	left: 10px;
}

.blog_set li.blog_set_ck input {
	opacity: 0;
	display: none;
}

.blog_set li.blog_set_ck input:checked + em {
	color: #7BB121;
}

.blog_set li.blog_set_ck input:checked + em:before {
	background: #7BB121;
}

.blog_set li.blog_set_ck a {
	display: block;
	height: 36px;
	line-height: 36px;
	padding-left: 27px;
	position: relative;
	color: #777;
	background: #f8f8f8;
}

.blog_set li.blog_set_ck a:after {
	content: "\e121";
	display: block;
	line-height: 36px;
	position: absolute;
	top: 0px;
	left: 6px;
	font-family: "vtoo_mobile";
	font-size: 16px;
	color: #999;
}

.blog_set li:last-child {
	margin-bottom: 0px;
}

.blog_view_from {
	line-height: 24px;
	padding: 20px 0px 10px;
	color: #999;
	font-size: 15px;
}

.blog_view_from a {
	margin-right: 10px;
	color: #3869AB;
}

.blog_view_from_top {
	line-height: 16px;
	padding: 0px 0px 8px;
	color: #999;
	font-size: 12px;
}

.blog_view_from_top a,.blog_view_from_top span {
	margin-right: 10px;
	color: #999;
}

.blog_view_from_top i {
	font-size: 14px;
	vertical-align: middle;
	margin-top: -3px;
	display: inline-block;
}

.blog_view p a img {
	display: block !important;
	margin: 10px auto;
	vertical-align: middle;
}

.album {
	padding: 5px;
	background: #f5f5f5;
	overflow: hidden;
}

.album li {
	float: left;
	width: 50%;
	padding: 5px;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.album li .picbox {
	background: #fff;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.06);
	border-radius: 2px;
	overflow: hidden;
}

.album li .album_img {
	display: block;
	background: #fff;
	position: relative;
	overflow: hidden;
}

.album li .album_img img {
	width: 100%;
	height: 46.4vw;
	vertical-align: top;
}

.album li p {
	width: 100%;
	height: 32px;
	line-height: 34px;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.1));
	background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.1));
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.1));
	color: #fff;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.album li i {
	display: block;
	padding: 1px 3px;
	line-height: 12px;
	font-size: 12px;
	background: rgba(0,0,0,0.2);
	color: #fff;
	position: absolute;
	top: 4px;
	right: 4px;
	z-index: 1;
	border-radius: 3px;
}

.album li h1 {
	height: 36px;
	padding: 0px 7px;
	font-weight: 400;
	line-height: 38px;
	background: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.album li .album_authi {
	height: 26px;
	line-height: 28px;
	padding: 7px 2px 7px 7px;
	border-top: 1px dashed #ededed;
	color: #777;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.album li .album_authi a {
	color: #777;
}

.album li .album_authi img {
	float: left;
	height: 26px;
	width: 26px;
	border-radius: 50%;
	margin-right: 6px;
}

.album li .album_authi .album_edit {
	width: 26px;
	height: 26px;
	display: block;
	float: right;
	color: #777;
	text-align: center;
	overflow: hidden;
}

.album li .album_default_edit {
	display: block;
	height: 30px;
	width: 50px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 36%;
	left: 50%;
	margin: -15px 0px 0px -25px;
	border-radius: 3px;
	overflow: hidden;
}

.album_relevance {
	background: #fff;
	padding: 5px;
}

.album_relevance li {
	width: 33.33333333%;
}

.album_relevance li .album_img img {
	background: #eee;
	height: 30vw;
}

.album_view {
	padding: 5px;
	background: #f5f5f5;
	overflow: hidden;
}

.album_view li {
	float: left;
	width: 50%;
	padding: 5px;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.album_view li .picbox {
	background: #fff;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.06);
	border-radius: 2px;
	overflow: hidden;
}

.album_view li a {
	display: block;
}

.album_view li .album_img {
	width: 100%;
	height: 0px;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
}

.album_view li .album_img img {
	width: 100%;
	min-height: 100%;
	vertical-align: top;
	position: absolute;
}

.album_view li .album_ttl {
	height: 36px;
	padding: 0px 7px;
	line-height: 36px;
	background: #fff;
	font-size: 12px;
	overflow: hidden;
}

.album_view li .album_ttl p {
	width: 70%;
	height: 36px;
	float: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.album_view li .album_ttl i {
	float: right;
	margin: 13px -2px 0px 0px;
	color: #bbb;
}

.album_view li .album_ttl i.orange {
	color: #f60;
}

.album_view li .album_authi {
	height: 26px;
	line-height: 28px;
	padding: 7px 2px 7px 7px;
	border-top: 1px dashed #ededed;
	color: #777;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.album_view li .album_authi a {
	display: inline;
	color: #777;
}

.album_view li .album_authi img {
	float: left;
	height: 26px;
	width: 26px;
	border-radius: 50%;
	margin-right: 6px;
}

.album_view li .album_authi .album_edit {
	width: 26px;
	height: 26px;
	display: block;
	float: right;
	color: #777;
	text-align: center;
	overflow: hidden;
}

.album_sort {
	position: absolute;
	left: 0px;
	top: 64px;
	bottom: 0px;
	width: 100%;
	overflow-x: hidden;
}

.album_sort ul {
	padding: 0px 5px 10px;
	overflow: hidden;
}

.album_sort li {
	float: left;
	width: 25%;
	height: 50px;
	padding: 0px 5px 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.album_sort li a {
	display: block;
	line-height: 40px;
	text-align: center;
	background: #f4f4f4;
	border-radius: 3px;
	padding: 0px 2px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.album_sort li .a {
	color: #f60;
}

.album_pic {
	padding: 0px 0px 1px;
	background: #fff;
	position: relative;
	overflow: hidden;
}

.album_pic img {
	width: 100%;
	vertical-align: top;
	background: #eee;
}

.album_pic .gotoup,.album_pic .gotodown {
	width: 25%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	overflow: hidden;
	text-indent: -9999px;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0.0);
	tap-highlight-color: rgba(0,0,0,0.0);
}

.album_pic .gotoup {
	left: 0px;
}

.album_pic .gotodown {
	right: 0px;
}

.album_pic i {
	display: block;
	padding: 2px 3px;
	line-height: 12px;
	font-size: 12px;
	background: rgba(0,0,0,0.2);
	color: #fff;
	position: absolute;
	top: 5px;
	right: 4px;
	z-index: 2;
	border-radius: 3px;
}

.album_pic span {
	display: inline-block;
	height: 28px;
	position: absolute;
	top: 5px;
	left: 4px;
	z-index: 2;
}

.album_pic span a {
	display: inline-block;
	height: 28px;
	line-height: 30px;
	padding: 0px 8px;
	margin-right: 1px;
	background: rgba(0,0,0,0.3);
	color: #fff;
	border-radius: 3px;
	overflow: hidden;
}

.album_pic span a.examine {
	background: #f00;
	color: #fff;
}

.album_pic .album_title {
	position: absolute;
	left: 10px;
	bottom: 10px;
	right: 10px;
	padding: 7px 8px;
	background: rgba(0,0,0,0.18);
	font-size: 13px;
	color: #fff;
}

.album_editimg {
	background: #fff;
}

.editimg_list {
	padding-bottom: 5px;
}

.editimg_list li {
	height: 90px;
	padding: 5px 10px 5px 120px;
	position: relative;
}

.editimg_img {
	width: 100px;
	height: 90px;
	position: absolute;
	top: 5px;
	left: 10px;
	border-radius: 2px;
	background: #eee;
	overflow: hidden;
}

.editimg_img img {
	width: 100px;
	min-height: 90px;
	vertical-align: top;
}

.editimg_img i {
	height: 16px;
	width: 16px;
	padding: 3px;
	background: #fff;
	top: 4px;
	left: 4px;
	position: absolute;
	z-index: 2;
	border-radius: 6px;
}

.editimg_img i input {
	margin: 0px;
	vertical-align: top;
}

.editimg_img a {
	display: block;
	width: 100px;
	height: 30px;
	padding-top: 60px;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.editimg_img a p {
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
	background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.1));
	background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.1));
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.1));
	overflow: hidden;
}

.editimg_txt {
	width: 100%;
	height: 90px;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.editimg_setup {
	width: 100%;
	height: 52px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 51;
	background: #fff;
	padding: 8px 10px 8px 242px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0 -1px 1px rgba(0,0,0,0.06);
}

.editimg_setup .editimg_btns {
	position: absolute;
	top: 8px;
	left: 12px;
	width: 228px;
}

.editimg_setup .editimg_btns button:last-child {
	margin: 0px;
}

.editimg_setup label {
	float: left;
	height: 16px;
	width: 16px;
	background: #f4f4f4;
	padding: 4px;
	margin: 6px 12px 6px 0px;
	border-radius: 5px;
}

.editimg_setup label input {
	margin: 0px;
	vertical-align: top;
}

.editimg_setup .editimg_btn {
	float: left;
	height: 36px;
	line-height: 38px;
	color: #555;
	background: none;
	border: 1px solid #e7e7e7;
	padding: 0px 7px;
	margin-right: 10px;
	border-radius: 2px;
	background: -moz-linear-gradient(#f9f9f9,#f0f0f0);
	background: -webkit-linear-gradient(#f9f9f9,#f0f0f0);
	background: linear-gradient(#f9f9f9,#f0f0f0);
	overflow: hidden;
}

.editimg_setup select {
	max-width: 100%;
	height: 36px;
	line-height: 36px;
	color: #999;
	background: #fff;
	padding: 0px 5px;
	margin: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.album_editbtn {
	padding: 10px 0px;
	overflow: hidden;
}

.album_editbtn .button4 {
	float: right;
	width: 48%;
	padding: 0px;
	text-align: center;
}

.album_editbtn a {
	float: left;
	width: 48%;
	height: 42px;
	line-height: 42px;
	text-align: center;
	background: #eee;
}

.album_imglist {
	background: #fff;
}

.album_imglist li {
	height: 60px;
	padding: 0px 0px 0px 69px;
	position: relative;
}

.album_imglist .imgdel {
	width: 22px;
	height: 22px;
	position: absolute;
	left: -5px;
	top: -5px;
	z-index: 1;
}

.album_imglist .imgdel a {
	width: 18px;
	height: 18px;
	display: block;
	overflow: hidden;
	border-radius: 50%;
	background: #f60;
	border: 1px solid #fff;
	position: relative;
}

.album_imglist .imgdel a:after {
	content: "\e034";
	font-family: "vtoo_mobile";
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
}

.album_imglist .post_img {
	width: 56px;
	height: 56px;
	padding: 1px;
	background: #fff;
	border: 1px solid #ddd;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}

.album_imglist .post_img a {
	display: block;
	width: 56px;
	height: 56px;
	overflow: hidden;
}

.album_imglist .post_img img {
	width: 56px;
	min-height: 56px;
	vertical-align: top;
}

.album_imglist .album_imglist_txt {
	height: 60px;
	line-height: 25px;
}

.album_uptips {
	height: 58px;
	margin-bottom: 10px;
	text-align: center;
	border-radius: 2px;
	border: 1px dashed #ddd;
	color: #aaa;
	line-height: 60px;
	font-size: 14px;
}

.cmtlist {
	min-height: 50px;
	padding: 10px 10px 10px 60px;
	position: relative;
	background: #fff;
	border-bottom: 1px solid #ededed;
}

.cmtlist .avatars {
	top: 10px;
	left: 10px;
}

.cmtlist_authi {
	margin: 1px 0px 10px;
}

.cmtlist_authi a {
	font-weight: bold;
	color: #777;
}

.cmtlist_authi .cmtlist_time {
	float: right;
	color: #bbb;
	font-size: 12px;
}

.homemessage .quote {
	margin-top: 5px;
}

.notice {
}

.notice .notice_item {
	padding: 10px 10px 10px 60px;
	position: relative;
	background: #fff;
	border-bottom: 1px solid #ededed;
}

.notice .notice_item img {
	max-width: 100% !important;
	height: auto !important;
}

.notice .notice_item .avatars {
	top: 10px;
	left: 10px;
}

.notice .notice_item .avatars img {
	width: 40px;
	height: 40px !important;
}

.notice .delete_bt {
	float: right;
	position: static;
	margin: -3px -3px 0px 0px;
}

.notice_time {
	color: #999;
	font-size: 12px;
	margin-bottom: 3px;
}

.notice_note {
	color: #999;
}

.poke_avatar {
	height: 40px;
	font-size: 16px;
	color: #999;
	line-height: 40px;
	padding: 5px 0px 10px;
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
}

.poke_avatar .avatars {
	float: left;
	margin-right: 10px;
	position: static;
}

.poke_kv {
	position: relative;
	overflow: hidden;
}

.poke_kv li {
	float: left;
	width: 50%;
	padding: 0px 5px;
	text-align: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.poke_view {
	min-height: 46px;
	padding: 13px 10px 13px 66px;
	position: relative;
	background: #fff;
	overflow: hidden;
}

.poke_view .poke_view_avatar {
	width: 46px;
	height: 46px;
	display: block;
	position: absolute;
	top: 13px;
	left: 10px;
}

.poke_view .poke_view_avatar img {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	vertical-align: middle;
}

.poke_view li {
	border-bottom: 1px dashed #e8e8e8;
	padding-bottom: 7px;
	margin-bottom: 8px;
}

.poke_view .poke_view_name img {
	height: 14px !important;
}

.poke_view .poke_view_name a {
	color: #777;
	font-weight: bold;
}

.poke_view .poke_view_name span {
	float: right;
	color: #999;
	font-size: 12px;
}

.credit_h {
	line-height: 30px;
	padding: 4px 10px;
	border-bottom: 1px solid #ededed;
	background: #f8f8f8;
}

.credit_rule {
	background: #fff;
	width: 100%;
}

.credit_rule th {
	padding: 12px 0px 8px 10px;
	border-bottom: 1px solid #ededed;
	font-weight: bold;
}

.credit_rule td {
	padding: 10px 0px 10px 10px;
	font-size: 12px;
	line-height: 170%;
	border-bottom: 1px solid #ededed;
}

.credit_rule .logtime {
	font-size: 11px;
	padding-right: 10px;
}

.credit_buy {
	width: 100%;
	background: #fff;
}

.credit_buy th {
	width: 64px;
	text-align: right;
}

.credit_buy th,.credit_buy td {
	padding: 10px;
}

.credit_buy .credit_ot {
	padding: 5px;
	border-radius: 4px;
}

.long-logo {
	width: 100% !important;
}

.long-logo li {
	float: none !important;
	width: 100% !important;
	margin: 0px 0px 10px 0px !important;
}

.long-logo label {
	border-radius: 4px;
	margin-left: 10px;
}

.credit_tf {
	width: 100%;
	background: #fff;
}

.credit_tf th,.credit_tf td {
	padding: 10px;
}

.credit_tf th {
	width: 65px;
	text-align: left;
	padding: 10px 0px 10px 12px;
}

.credit_tf input {
	height: 42px;
	float: left;
	padding: 5px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.credit_tf select {
	height: 42px;
	float: left;
	padding: 5px;
	background: #fff;
}

.credit_tf .credit_input {
	margin-right: 10px;
}

.credit_tf .credit_span {
	float: left;
	display: inline-block;
	height: 42px;
	line-height: 42px;
	padding: 0px 10px;
}

.usergroupatt {
	padding: 2px 0px 4px;
	background: #fff;
	overflow: hidden;
}

.usergroupatt td,.usergroupatt .usergroupname th,.usergroupform th,.usergroupform td,.usergroupdt th {
	height: 26px;
	padding: 7px 0px 6px 10px;
	border-bottom: 1px solid #ededed;
}

.usergroupdata {
	float: left;
	width: 50%;
}

.usergroupdata2 {
	float: left;
	width: 33.333333%;
}

.usergroupexp {
	padding: 10px 10px 20px;
	background: #fff;
}

.usergroupform {
	background: #fff;
	width: 100%;
}

.usergroupform .usergroupalt,.usergroupatt .usergroupalt {
	background: #f8f8f8;
}

.usergroupatt tr.usergroupname {
	background: #fff;
}

.usergroupform th a {
	font-weight: bold;
	color: #f60;
}

.usergroupform th.forumtype a {
	font-weight: 400;
	color: #333;
}

.usergroupform th .userforumname {
	width: 100px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.usergroupform td {
	padding: 7px 5px 6px;
	text-align: center;
}

.usergroupdt {
	width: 100%;
	background: #fff;
}

.usergroupdt th {
	background: #f8f8f8;
	padding: 7px 0px 6px 10px;
	font-weight: bold;
}

.usergroupdt td {
	padding: 15px 0px 15px 10px;
	border-bottom: 1px solid #ededed;
}

.usergroupmod {
	padding: 12px 0px !important;
	position: relative;
	text-align: center;
}

.usergroupmod:after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 0px 0px 1px 1px;
	border-color: #ededed;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	background: -moz-linear-gradient(45deg,#ededed 0%,#fff 60%);
	background: -webkit-linear-gradient(45deg,#ededed 0%,#fff 60%);
	background: linear-gradient(45deg,#ededed 0%,#fff 60%);
	position: absolute;
	left: 50%;
	top: -6px;
	margin-left: -5px;
}

.usergroupmod a {
	margin: 0px 5px;
	padding: 0px 35px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	color: #fff;
}

.usergroupmod a.button5 {
	margin: 0px 12px;
	padding: 0px;
	width: auto;
	display: block;
}

.usergroupbuy {
	padding: 11px 15px;
	border-bottom: 1px solid #ededed;
	font-size: 16px;
}

.usergrouplist {
	padding: 5px 15px;
	background: #fff;
}

.usergrouplist table {
	width: 100%;
}

.usergrouplist td,.usergrouplist th {
	padding: 4px 0px;
}

.usergrouplist input {
	padding: 5px;
	border-radius: 4px;
}

.usergrouplist .userexplain br {
	display: none;
}

@media all and (max-width:320px) {
	.usergroupdt .max320 {
		font-size: 13px;
	}

	.usergroupmod a {
		padding: 0px 28px;
	}
}

.data_valid,.data_invalid {
	width: 14px;
	height: 14px;
	display: inline-block;
	position: relative;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.data_valid:after {
	content: "";
	display: block;
	border-left: 3px solid #7BB121;
	border-bottom: 3px solid #7BB121;
	width: 8px;
	height: 4px;
	position: absolute;
	top: 4px;
	left: 2px;
	overflow: hidden;
}

.data_invalid:after {
	content: "";
	display: block;
	width: 13px;
	height: 3px;
	background: #f60;
	position: absolute;
	top: 7px;
	left: -1px;
	overflow: hidden;
}

.data_invalid:before {
	content: "";
	display: block;
	width: 3px;
	height: 13px;
	background: #f60;
	position: absolute;
	top: 2px;
	left: 4px;
	overflow: hidden;
}

.task {
	padding: 1px 0px 0px;
	background: #fff;
}

.task_list {
	width: 100%;
}

.task_list td,.task_list th {
	padding: 10px;
	border-bottom: 1px solid #ededed;
}

.task_list th {
	width: 80px;
	text-align: right;
}

.task_list th img {
	vertical-align: middle;
	height: 24px;
}

.task_list h1,.taskdt h1 {
	font-weight: 400;
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 24px;
	position: relative;
}

.task_list h1 sup,.taskdt h1 sup {
	height: 16px;
	min-width: 8px;
	padding: 0px 4px;
	display: inline-block;
	color: #fff;
	background: #f60;
	line-height: 16px;
	font-size: 12px;
	border-radius: 8px;
	text-align: center;
	position: relative;
	top: 3px;
}

.task_list .description {
	font-size: 13px;
	color: #999;
}

.tasksp {
	height: 12px;
	background: #eee;
	position: relative;
	margin-top: 10px;
	box-shadow: 0 0 3px rgba(0,0,0,0.05) inset;
}

.tasksp div {
	background: #5aaf4a;
	height: 12px;
	box-shadow: 0 0 3px rgba(0,0,0,0.05) inset;
}

.tasksp span {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 4px;
	height: 12px;
	line-height: 16px;
	font-size: 10px;
	overflow: hidden;
}

.taskrd {
	font-size: 12px;
	margin-top: 5px;
}

.taskdt {
	width: 100%;
}

.taskdt td,.taskdt th {
	padding: 10px;
}

.taskdt td {
	border-bottom: 1px solid #ededed;
}

.taskdt th img {
	vertical-align: middle;
	height: 34px;
}

.tasknt {
	padding: 5px 10px;
	margin: 10px 10px 0px;
	border-radius: 4px;
	border: 1px dashed #ff9a9a;
	background: #f8f8f8;
}

a.taskbtn,a.taskbtn_no {
	height: 40px;
	width: 80px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	background: #f90;
	color: #fff;
	border-radius: 2px;
	font-size: 15px;
}

a.taskbtn_no {
	background: #ddd;
}

.taskviewbtn {
	height: 40px;
	padding: 20px 0px 50px;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.taskviewbtn ul {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.taskviewbtn li {
	display: table-cell;
}

.taskcsc_no li:nth-child(1) {
	padding-right: 5px;
}

.taskcsc_no li:nth-child(2) {
	padding-left: 5px;
}

.taskviewbtn a {
	width: 100%;
}

.medal {
	background: #fff;
	padding: 0px;
	overflow: hidden;
}

.medallist {
	background: #fff;
	overflow: hidden;
}

.medallist li {
	float: left;
	width: 50%;
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.medallist li:nth-child(even) {
	border-right: none;
}

.medallist .medal_box {
	background: #fff;
	position: relative;
}

.medallist .medal_icon {
	height: 40px;
	padding: 25px 0px 18px;
	overflow: hidden;
}

.medallist .medal_icon img {
	height: 40px;
	vertical-align: top;
}

.medallist .medal_name {
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	font-weight: bold;
}

.medallist .medal_obtain {
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	padding: 2px 0px 10px;
	color: #999;
	overflow: hidden;
}

.medallist .medalcmg {
	height: 40px;
	line-height: 40px;
	background: #f6f6f6;
	border-top: 1px solid #ededed;
	overflow: hidden;
}

.medallist .medalcmg a {
	display: block;
	color: #f60;
}

.medallist .description {
	width: 100%;
	height: 144px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background: rgba(255,255,255,0.9);
	display: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	font-size: 16px;
	color: #f90;
	overflow: hidden;
}

.medallist .description p {
	max-height: 104px;
	overflow: hidden;
}

.mymedals {
	background: #fff;
	padding-bottom: 10px;
	overflow: hidden;
}

.mymedals li {
	float: left;
	width: 33.333333%;
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.mymedals li:nth-child(3n) {
	border-right: none;
}

.mymedals .medal_icon {
	height: 40px;
	padding: 25px 0px 18px;
	overflow: hidden;
}

.mymedals .medal_icon img {
	height: 40px;
	vertical-align: top;
}

.mymedals .medal_name {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 25px;
}

.medallogs li {
	padding: 14px 10px 16px;
	position: relative;
}

.medallogs li:after {
	content: "";

	width: 1px;
	height: auto;
	border-left: 1px #ddd dashed;
	background: none;
	position: absolute;
	left: 14px;
	top: 0px;
	bottom: 0px;
	overflow: hidden;
}

.medallogs li:nth-child(1):after {
	top: 13px;
}

.medallogs li p {
	padding-left: 17px;
	font-size: 15px;
}

.medallogs li span {
	color: #f90;
}

.medallogs li .medallogtime {
	height: 24px;
	line-height: 24px;
	padding-left: 17px;
	margin-bottom: 2px;
	color: #bbb;
	position: relative;
}

.medallogs li .medallogtime:after {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #bbb;
	position: absolute;
	left: 0px;
	top: 7px;
	z-index: 1;
	overflow: hidden;
}

.medalfloatitem {
	padding: 30px 20px;
}

.medalfloatitem table {
	width: 100%;
}

.medalfloatitem th {
	width: 50px;
	text-align: center;
	padding-right: 10px;
	vertical-align: top;
}

.medalfloatitem th img {
	max-height: 40px;
	margin-top: 2px;
}

.medalfloatitem .medalfname {
	color: #f60;
	font-size: 18px;
}

.promotion {
	padding: 1px 0px;
	background: #fff;
}

.promotionnt {
	padding: 25px 15px 25px 100px;
	margin: 15px 0px 6px;
	color: #999;
	background: url(../image/promotion.png) no-repeat 5px 50%;
	background-size: auto 100px;
	font-size: 12px;
}

.promotionnt p {
	max-width: 320px;
}

.promotionnt p:nth-child(1) {
	padding-left: 10px;
	text-indent: -10px;
}

.promotionnt p:nth-child(2) {
	text-indent: 10px;
}

@media all and (max-width:320px) {
	.promotionnt {
		padding: 25px 10px 25px 90px;
		background: url(../image/promotion.png) no-repeat 0px 50%;
		background-size: auto 100px;
	}
}

.promotionnt .xi1 {
	color: #f60;
}

.promotion .modes {
	height: 40px;
	margin: 0px 12px 6px;
	background: #fff;
	text-align: center;
	position: relative;
}

.promotion .modes:after {
	content: "";
	width: 100%;
	height: 1px;
	background: #ededed;
	position: absolute;
	left: 0px;
	top: 19px;
	overflow: hidden;
}

.promotion .modes i {
	height: 40px;
	width: 40px;
	padding: 0px 20px;
	display: inline-block;
	position: relative;
	z-index: 1;
	background: #fff;
	color: #777;
}

.promotion .modes i:after {
	content: "\e018";
	font-family: "vtoo_mobile";
	font-size: 22px;
	width: 40px;
	height: 40px;
	line-height: 43px;
	text-align: center;
	color: #f60;
	background: rgba(255,102,0,.12);
	display: block;
	position: absolute;
	left: 20px;
	top: 0px;
	border-radius: 50%;
	overflow: hidden;
}

.promotionmode {
	padding: 12px;
}

.promotionmode p {
	line-height: 24px;
	margin-bottom: 5px;
}

.promotionmode input {
	width: 100%;
	height: 42px;
	margin-bottom: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	border: 1px solid #ededed;
}

.promotionmode .urlbox {
	padding: 20px 0px;
}

.promotionmode .urltxt {
	display: none;
	width: 100%;
	height: 44px;
	line-height: 34px;
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #ededed;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.rank_list {
}

.rank_listtime {
	padding: 6px 12px;
	color: #999;
	background: #f6f6f6;
}

.rank_box {
	display: none;
}

.rank_thread {
	background: #fff;
}

.rank_thread li {
	height: 50px;
	border-bottom: 1px solid #ededed;
	font-size: 16px;
	line-height: 50px;
}

.rank_thread li a {
	display: block;
	padding: 0px 12px 0px 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.rank_thread li i {
	display: inline-block;
	width: 28px;
	text-align: center;
	margin-right: 5px;
	color: #999;
}

.rank_thread li i.rank_hot {
	color: #f60;
	font-size: 18px;
	font-weight: bold;
}

.rank_thread li em {
	float: right;
	position: relative;
	margin-left: 20px;
	color: #999;
	font-size: 12px;
}

.rank_thread li span.threadhot {
	width: 18px;
	height: 18px;
	position: relative;
	line-height: 18px;
	text-align: center;
	display: inline-block;
	border-radius: 3px;
	float: right;
	margin: 16px 0px 0px 40px;
	color: #fff;
	font-size: 12px;
	background: #f60;
	overflow: hidden;
}

.rank_thread li span.subjectnum {
	margin-left: 10px;
	font-size: 13px;
	display: inline-block;
	color: #bbb;
}

.rank_member {
	background: #fff;
}

.rank_member li {
	min-height: 70px;
	border-bottom: 1px solid #ededed;
	position: relative;
	padding-left: 70px;
}

.rank_member li .rankavatar {
	display: block;
	width: 46px;
	height: 46px;
	position: absolute;
	top: 12px;
	left: 12px;
	overflow: hidden;
}

.rank_member li .rankavatar img {
	width: 46px;
	height: 46px;
	border-radius: 50%;
}

.rank_member li h1 {
	height: 26px;
	line-height: 26px;
	font-size: 16px;
	font-weight: 400;
	padding: 11px 0px 3px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.rank_member li .shownote {
	line-height: 22px;
	color: #999;
	font-size: 13px;
	padding: 0px 10px 7px 0px;
}

.rank_member li p {
	height: 22px;
	line-height: 22px;
	color: #999;
	font-size: 13px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.rank_member li p a {
	color: #999;
}

.rank_member li p .spacing {
	margin-right: 15px;
}

.rank_member li p .editunitprice {
	display: inline-block;
	position: relative;
	top: 1px;
	color: #f90;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}

.rank_member li i.olmember {
	width: 10px;
	height: 10px;
	border: 1px solid #fff;
	background: #0CF;
	border-radius: 50%;
	position: absolute;
	top: 11px;
	left: 13px;
	z-index: 1;
	-webkit-animation: olfriend 0.4s infinite;
	-moz-animation: olfriend 0.4s infinite;
	animation: olfriend 0.4s infinite;
}

.rank_member li em {
	float: right;
	display: inline-block;
	width: 28px;
	text-align: center;
	margin: 23px 8px 0px 20px;
	color: #ccc;
	font-size: 16px;
}

.rank_member li em.rank_one {
	color: #FFCD6E;
	font-size: 18px;
	line-height: 28px;
}

.rank_member li em.rank_two {
	color: #C6D3E2;
	font-size: 18px;
	line-height: 28px;
}

.rank_member li em.rank_three {
	color: #F6A86E;
	font-size: 18px;
	line-height: 28px;
}

.rank_picture {
	background: #fff;
}

.rank_picture li {
	height: 99px;
	border-bottom: 1px solid #ededed;
	position: relative;
	padding-left: 124px;
}

.rank_picture li .rankpic {
	display: block;
	width: 100px;
	height: 75px;
	position: absolute;
	top: 12px;
	left: 12px;
	background: #eee;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
	overflow: hidden;
}

.rank_picture li .rankpic img {
	width: 100px;
	min-height: 75px;
	position: absolute;
	left：0;right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.rank_picture li h1 {
	height: 26px;
	line-height: 26px;
	font-size: 16px;
	font-weight: 400;
	padding: 12px 10px 5px 0px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.rank_picture li .rankpicuser {
	height: 18px;
	line-height: 18px;
}

.rank_picture li .rankpicuser a {
	display: inline-block;
	color: #999;
}

.rank_picture li .rankpicuser img {
	float: left;
	margin-right: 5px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
}

.rank_picture li p {
	height: 22px;
	line-height: 22px;
	color: #999;
	font-size: 13px;
	padding-right: 20px;
	margin: -3px 0px 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.rank_picture li p.rankpictitle {
}

.rank_picture li i {
	float: right;
	display: none;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-size: 16px;
	margin: 35px 6px 0px 0px;
	color: #999;
}

.rank_picture li i.rank_hot {
	color: #f60;
	font-size: 18px;
	font-weight: bold;
}

.avatitem {
	background: #fff;
}

.avatarme {
	padding: 40px;
	text-align: center;
}

.avatarme #image {
	max-width: 100%;
	height: 144px;
	width: 144px;
	border-radius: 50%;
	padding: 6px;
	vertical-align: top;
	background: rgba(224,224,203,0.4);
}

.imgupbutton {
	width: 84px;
	height: 84px;
	border: 5px solid;
	border-color: transparent rgba(0,102,102,0.08);
	border-radius: 50%;
	position: fixed;
	left: 50%;
	top: 273px;
	z-index: 2;
	margin-left: -47px;
	background: transparent;
	color: #fff;
	-webkit-animation: flash 0.6s infinite;
	-moz-animation: flash 0.6s infinite;
	animation: flash 0.6s infinite;
}

.imgupbutton input {
	width: 84px;
	height: 84px;
	border: none;
	background: none;
	opacity: 0;
	display: block;
}

.atbtn,.abbtn {
	width: 100%;
	height: 46px;
	position: fixed;
	left: 0px;
	z-index: 100;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}

.atbtn {
	top: 8px;
	padding: 4px 10px;
}

.atbtn span,.atbtn a {
	float: right;
	display: block;
	width: 46px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	border-radius: 50%;
	background: #eee;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.25);
	font-size: 16px;
	cursor: pointer;
	overflow: hidden;
}

.atbtn .avatargoback {
	float: left;
	position: relative;
}

.atbtn .avatargoback:after {
	content: "\e010";
	font-family: "vtoo_mobile";
	font-size: 24px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	display: block;
	position: absolute;
	left: 10px;
	top: 11px;
	overflow: hidden;
}

.abbtn {
	bottom: 11px;
	padding: 0px 7px;
	overflow: hidden;
}

@media all and (min-width:415px) and (max-width:480px) {
	.abbtn {
		padding: 0px 12%;
	}
}

@media all and (min-width:481px) {
	.abbtn {
		padding: 0px 25%;
	}
}

.abbtn ul {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.abbtn li {
	padding: 0px 3px;
	display: table-cell;
	text-align: center;
}

.abbtn li span {
	display: block;
	height: 46px;
	line-height: 46px;
	color: #fff;
	background: rgba(0,0,0,0.6);
	border-radius: 8px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.abbtn .rotateleft:after,.abbtn .rotateright:after,.abbtn .scalexr:after,.abbtn .scalexl:after,.abbtn .scaleyb:after,.abbtn .scaleyt:after,.abbtn .resetall:after {
	font-family: "vtoo_mobile";
	font-size: 26px;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	display: block;
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -13px;
}

.abbtn .rotateleft:after {
	content: "\e109";
}

.abbtn .rotateright:after {
	content: "\e110";
}

.abbtn .scalexr:after,.abbtn .scalexl:after {
	content: "\e111";
}

.abbtn .scaleyb:after,.abbtn .scaleyt:after {
	content: "\e112";
}

.abbtn .resetall:after {
	content: "\e108";
}

.cropper-container {
	width: 100%;
	height: 100%;
	position: fixed !important;
	background: #fff;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 90;
}

.cropper-container {
	-webkit-animation: fadein 0.3s forwards;
	-moz-animation: fadein 0.3s forwards;
	animation: fadein 0.3s forwards;
}

@-webkit-keyframes fadein {
	0% {
		opacity: 0.3;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadein {
	0% {
		opacity: 0.3;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadein {
	0% {
		opacity: 0.3;
	}

	100% {
		opacity: 1;
	}
}

.avataruploading {
	position: fixed !important;
	z-index: 110;
}

.bubble1,.bubble2,.bubble3,.bubble4,.bubble5,.bubble6,.bubble7,.bubble8,.bubble9,.bubble10,.bubble11,.bubble12,.bubble13,.bubble14,.bubble15 {
	display: block;
	position: fixed;
	left: 50%;
	border-radius: 50%;
	border: 1px solid #fff;
	padding: 0px;
	z-index: 1;
}

.bubble1 {
	width: 80px;
	height: 80px;
	top: 271px;
	margin-left: -49px;
	border: 9px solid #fff;
	background: #CCE0E0;
}

.bubble1:after {
	content: "\e003";
	font-family: "vtoo_mobile";
	font-size: 30px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	display: block;
	position: absolute;
	left: 25px;
	top: 25px;
	overflow: hidden;
}

.bubble2 {
	width: 60px;
	height: 60px;
	top: 390px;
	margin-left: -31px;
	background: #FFE0CC;
}

.bubble3 {
	width: 40px;
	height: 40px;
	top: 485px;
	margin-left: -21px;
	background: #E0E0CC;
}

.bubble4 {
	width: 30px;
	height: 30px;
	top: 560px;
	margin-left: -16px;
	background: #CCE0FF;
}

.bubble5 {
	width: 24px;
	height: 24px;
	top: 625px;
	margin-left: -13px;
	background: #D6CCD1;
}

.bubble6 {
	width: 16px;
	height: 16px;
	top: 685px;
	margin-left: -9px;
	background: #D6E0CC;
}

.bubble7 {
	width: 10px;
	height: 10px;
	top: 740px;
	margin-left: -6px;
	background: #E0CCCC;
}

.bubble8 {
	width: 10px;
	height: 10px;
	top: 790px;
	margin-left: -6px;
	background: #CCCCCC;
}

.bubble9 {
	width: 10px;
	height: 10px;
	top: 840px;
	margin-left: -6px;
	background: #CCE0E0;
}

.bubble10 {
	width: 10px;
	height: 10px;
	top: 890px;
	margin-left: -6px;
	background: #CCE0E0;
}

.bubble11 {
	width: 8px;
	height: 8px;
	top: 940px;
	margin-left: -5px;
	background: #CCE0E0;
}

.bubble12 {
	width: 6px;
	height: 6px;
	top: 990px;
	margin-left: -4px;
	background: #CCE0E0;
}

.bubble13 {
	width: 4px;
	height: 4px;
	top: 1040px;
	margin-left: -3px;
	background: #CCE0E0;
}

.bubble14 {
	width: 300px;
	height: 300px;
	left: -160px;
	bottom: -80px;
	background: rgba(51,102,0,0.035);
	z-index: 0;
}

.bubble15 {
	width: 400px;
	height: 400px;
	left: auto;
	right: -256px;
	bottom: -60px;
	background: rgba(102,51,204,0.035);
	z-index: 0;
}

@media all and (min-width:760px) {
	.bubble14 {
		width: 500px;
		height: 500px;
		left: -250px;
		bottom: -180px;
	}

	.bubble15 {
		width: 700px;
		height: 700px;
		right: -380px;
		bottom: -200px;
	}
}

.passwordemail .xi1 {
	color: #F90;
}

.passwordemail a.xi2 {
	color: #39F;
}

.passwordlabel li {
	position: relative;
	padding: 0px 0px 0px 72px;
}

.passwordlabel .labelname {
	color: #666;
	display: block;
	position: absolute;
	left: 0px;
	top: 9px;
}

.privacy_feed {
	padding: 12px 9px;
	background: #fff;
	position: relative;
}

.privacy_feed h1 {
	min-height: 26px;
	line-height: 26px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.privacy_feed ul {
	overflow: hidden;
}

.privacy_feed li {
	display: inline-block;
	float: left;
	width: 50%;
	padding: 1px;
	margin: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.privacy_feed li label {
	display: block;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}

.privacy_feed li em {
	height: 38px;
	display: block;
	padding: 0px 2px 0px 26px;
	line-height: 40px;
	color: #777;
	border-radius: 2px;
	position: relative;
	background: #f8f8f8;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.privacy_feed li em:after {
	content: "";
	display: block;
	border: 1px solid #ccc;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	top: 13px;
	left: 8px;
}

.privacy_feed li em:before {
	content: "";
	display: block;
	background: #e3e3e3;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 15px;
	left: 10px;
}

.privacy_feed li input {
	opacity: 0;
	display: none;
}

.privacy_feed li input:checked + em {
	color: #7BB121;
}

.privacy_feed li input:checked + em:before {
	background: #7BB121;
}

.profile {
	width: 100%;
}

.profile table {
	width: 100%;
}

.profile td,.profile th {
	vertical-align: top;
	padding: 5px 0px 5px;
	line-height: 24px;
	border-bottom: 1px solid #ededed;
}

.profile td img {
	max-width: 150px !important;
}

.profile input[type="text"],.profile textarea,.profile select {
	height: 38px;
	padding: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	border: none;
}

.profile input:focus,.profile textarea:focus,.profile select:focus {
	box-shadow: none;
	transition: none;
}

.profile .valuetitle {
	width: 80px;
	padding: 12px 8px 0px 0px;
}

.profile .valuetxta {
	min-height: 38px;
}

.profile .vllh {
	line-height: 38px;
}

.profile .valuetxta .rq {
	display: none;
}

.profile .txt_birthcity,.profile .txt_residecity {
	padding: 7px 0px;
	min-height: 24px;
}

.profile .privacy {
	width: 44px;
	padding-left: 15px;
}

.profile .valuetitle,.profile td {
	font-size: 15px;
}

.profile .txt_residecity a,.profile .txt_birthcity a {
	color: #999;
}

.profile .valuetitle span {
	color: #666;
}

.profile .valuetitle em {
	color: #f60;
}

.profile .valuetxta .checkbox {
	padding-top: 5px;
	display: inline-block;
}

.profile select {
	width: 100%;
	color: #999;
	background: none;
	padding: 0px 5px 0px 1px;
	margin: 0px;
	font-size: 15px;
}

.profile .privacy select {
	height: 26px;
	margin-top: 6px;
	border-radius: 15px;
	background: #f6f6f6;
	color: #999;
	border: none;
	text-align: center;
	padding-left: 10px;
	font-size: 12px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
}

.profile #birthyear,.profile #birthmonth,.profile #birthday {
	width: 27%;
}

@media all and (max-width:320px) {
	.profile #birthyear,.profile #birthmonth,.profile #birthday {
		width: 29%;
	}
}

.profile #birthdistrictbox,.profile #residedistrictbox {
	line-height: 0px;
}

.profile #birthdistrictbox select,.profile #residedistrictbox select {
	background: #f9f9f9;
	height: 28px;
	padding: 0px 8px;
	float: left;
	margin-bottom: 5px;
}

.profile #birthdistrictbox select:first-child,.profile #residedistrictbox select:first-child {
	margin: 0px;
}

.profile #birthdistrictbox select:nth-child(2),.profile #residedistrictbox select:nth-child(2) {
	margin: 5px 0px;
}

.profile p.d,.profile p .xi2 {
	color: #999;
	font-size: 13px;
}

.profile td textarea {
	min-height: 88px;
	padding-top: 8px;
}

.profile label.lb {
	margin-right: 14px;
}

.profile .pt {
	background: #fff;
}

.profile .txt_qq p {
	display: none;
}

.profile .flex span {
	line-height: 38px;
}

.profile .txt_birthcity .flex span,.profile .txt_residecity .flex span {
	line-height: 24px;
}

.follow {
	padding: 5px 0px 30px;
	background: #fff;
}

.follow li.follow_item:first-child {
	margin-top: 0px;
}

.follow .segt {
	margin-top: 30px;
}

.follow_item {
	padding: 0px 10px 0px 60px;
	background: #fff;
	position: relative;
}

.follow_item .follow_box {
	padding: 10px 0px 12px;
	background: #fff;
	border-bottom: 1px dashed #e8e8e8;
}

.follow_item .follow_title {
	padding-bottom: 5px;
}

.follow_item .follow_title a {
	color: #3869AB;
}

.follow_item img {
	max-width: 100%;
	height: auto;
}

.follow_item .avatars {
	top: 10px;
	left: 10px;
}

.follow_item .name {
	font-size: 14px;
}

.follow_item .name a {
	color: #777;
	font-weight: bold;
}

.follow_item .name span {
	margin-left: 10px;
	color: #bbb;
}

.follow_item .delete_bt {
	top: 7px;
	right: 9px;
}

.follow_stats {
	padding: 10px;
	background: #fff;
	border-bottom: 1px solid #ededed;
	position: relative;
	z-index: 1;
}

.follow_stats a {
	color: #999;
}

.follow_stats span {
	margin: 0px 10px;
	color: #ddd;
}

.follow_stats:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-style: solid;
	border-width: 0px 0px 1px 1px;
	border-color: #ededed;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background: #fff;
	position: absolute;
	left: 23px;
	bottom: -4px;
}

.follower_mutual {
	font-size: 12px;
	color: #bbb;
	margin-left: 6px;
}

.follower_m .locker {
	padding-right: 74px;
}

.follower_m .lockeropen {
	-webkit-transform: translate(-74px,0);
	-moz-transform: translate(-74px,0);
	transform: translate(-74px,0);
}

.follower_m .lockerclose {
	right: 74px;
}

.follower_m .friend_mg {
	width: 74px;
}

.follow_c iframe,.follow_c video {
	height: 46vw !important;
}

.follow_c a {
	color: #999;
	font-size: 14px;
}

.follow_c a.morereading {
	display: inline-block;
	padding: 2px 6px 1px;
	margin-bottom: 8px;
	background: #f2f2f2;
	border-radius: 2px;
}

.follow_quote {
	padding: 5px 6px 3px 7px;
	margin: 10px 0;
	border-left: 1px solid #9C0;
	font-size: 14px;
	background: #f9f9f9;
}

.flw_attach {
	padding-top: 10px;
}

.flw_attach li {
	height: 36px;
	line-height: 36px;
	margin-bottom: 5px;
	font-size: 12px;
	border: 1px solid #ddd;
	border-radius: 3px;
	background: -moz-linear-gradient(#f3f3f3 0%,#fff 100%);
	background: -webkit-linear-gradient(#f3f3f3 0%,#fff 100%);
	background: linear-gradient(#f3f3f3 0%,#fff 100%);
}

.flw_attach a {
	display: block;
	padding: 0px 5px 0 30px;
	height: 36px;
	position: relative;
	color: #3869AB;
}

.flw_attach a:after {
	width: 20px;
	height: 20px;
	line-height: 20px;
	content: "\e143";
	font-family: "vtoo_mobile";
	font-size: 18px;
	text-align: center;
	display: block;
	position: absolute;
	top: 9px;
	left: 5px;
	color: #6CB633;
}

.flw_attach a.flw_attach_price:after {
	content: "\e087";
	color: #f90;
}

.flw_attach a:hover {
	text-decoration: none;
	background-color: #EDF1F4;
}

.flw_attach strong {
	float: left;
	width: 66%;
	font-weight: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.flw_attach span {
	float: right;
	color: #999;
	text-align: right;
	font-size: 12px;
	overflow: hidden;
}

.flw_video,.flw_music {
	margin: 10px 0;
}

.flw_video img {
	display: inline;
}

.announcement {
	padding: 0px 0px 15px;
	background: #fff;
}

.announcement .ann {
	padding: 5px 10px;
	border-bottom: 1px solid #ededed;
}

.announcement .ann:last-child {
	border: none;
}

.announcement .ann_hl {
	background: #fbfbfb;
}

.announcement .ann_title {
	line-height: 26px;
	padding: 10px 0px 10px 25px;
	font-size: 16px;
	position: relative;
}

.announcement .ann_title b {
	font-weight: 400;
}

.announcement .ann_title font {
	color: #333;
}

.announcement .ann_title u {
	text-decoration: none;
}

.announcement .ann_title:after {
	width: 20px;
	height: 20px;
	line-height: 20px;
	content: "\e103";
	font-family: "vtoo_mobile";
	font-size: 18px;
	text-align: center;
	display: block;
	position: absolute;
	top: 14px;
	left: 0px;
}

.announcement .ann_hl .ann_title:after {
	color: #f60;
}

.announcement .ann_hl .ann_title,.announcement .ann_hl .ann_title font {
	color: #f60;
}

.announcement .ann_content {
	color: #777;
	border-top: 1px dashed #e2e2e2;
	padding: 12px 0px 7px;
	margin-left: 25px;
	display: none;
}

.announcement .ann_content a {
	color: #777;
}

.announcement .ann_author {
	height: 20px;
	line-height: 20px;
	margin-top: 8px;
	font-size: 12px;
	overflow: hidden;
}

.announcement .ann_author a {
	color: #aaa;
}

.announcement .ann_author span {
	margin-left: 10px;
	color: #aaa;
}

.rate {
	padding: 10px 15px 15px;
	text-align: left;
}

.rate table {
	width: 100%;
	margin-bottom: 7px;
}

.rate table th,.rate table td {
	padding: 7px 0px 0px;
}

.rate .rate_tt th,.rate .rate_tt td {
	padding: 2px 0px 6px;
	font-weight: bold;
	border-bottom: 1px solid #ededed;
}

.rate table td {
	padding-left: 10px !important;
}

.rate table td:last-child,.rate table td:nth-last-child(2) {
	font-size: 13px;
	text-overflow: ellipsis;
	word-break: break-all;
	overflow: hidden;
}

.rate .rate_select {
	width: 70px;
	height: 36px;
	position: relative;
}

.rate .rate_select input {
	width: 70px;
	height: 36px;
	padding: 5px;
	background: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.rate .rate_select a {
	display: block;
	width: 27px;
	height: 36px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}

.rate .rate_select a:after {
	content: "";
	position: absolute;
	width: 0px;
	height: 0px;
	top: 50%;
	right: 8px;
	margin-top: -4px;
	border: 8px solid #ccc;
	border-width: 8px 6px 8px;
	border-color: #ccc transparent transparent transparent;
	z-index: 2;
	pointer-events: none;
}

.rate .rate_select ul {
	position: absolute;
	top: 0px;
	padding: 3px 5px;
	overflow: auto;
	max-height: 166px;
	background: #fff;
	border: 1px solid #ededed;
	border-radius: 2px;
	z-index: 99;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.rate .rate_select ul li {
	width: 50px;
	height: 32px;
	line-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.rate .explain_select,.rate .rate_select input,.rate .rate_select ul,.rate .rate_select ul li {
	width: 100%;
}

.rate_reward {
	padding: 10px 15px 15px;
	text-align: left;
}

.rate_reward table {
	width: 100%;
	margin-bottom: 7px;
}

.rate_reward table th,.rate_reward table td {
	padding: 5px 0;
	border-bottom: 1px solid #ededed;
}

.rate_reward table td {
	padding-left: 10px !important;
}

.rate_reward .rate_select {
	width: 100%;
	height: 36px;
	position: relative;
}

.rate_reward .rate_select input {
	height: 36px;
	background: none;
	border: none;
	color: #999;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.rate_reward .rate_select a {
	display: block;
	width: 27px;
	height: 36px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	background: #fff;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}

.rate_reward .rate_select a:after {
	content: "";
	position: absolute;
	width: 0px;
	height: 0px;
	top: 50%;
	right: 8px;
	margin-top: -4px;
	border: 8px solid #ccc;
	border-width: 8px 6px 8px;
	border-color: #ccc transparent transparent transparent;
	z-index: 2;
	pointer-events: none;
}

.rate_reward .rate_select ul {
	position: absolute;
	top: 0px;
	padding: 3px 5px;
	overflow: auto;
	max-height: 166px;
	background: #fff;
	border: 1px solid #ededed;
	border-radius: 2px;
	z-index: 99;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.rate_reward .rate_select ul li {
	width: 50px;
	height: 32px;
	line-height: 30px;
	cursor: pointer;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.rate_reward .explain_select input {
	color: #333;
}

.rate_reward .explain_select,.rate_reward .rate_select input,.rate_reward .rate_select ul,.rate_reward .rate_select ul li {
	width: 100%;
}

.rate_reward .rate_select input:focus {
	box-shadow: none;
	transition: none;
}

.view_reward {
	padding: 40px 0 30px;
}

.view_reward .reward_btn {
	display: block;
	width: 66px;
	height: 66px;
	margin: 0 auto;
	border-radius: 50%;
	line-height: 68px;
	text-align: center;
	font-size: 30px;
	background: #f90;
	color: #fff;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
	overflow: hidden;
}

.view_reward .reward_num {
	font-size: 14px;
	color: #bbb;
	text-align: center;
	margin-top: 15px;
}

.view_reward .reward_people {
	text-align: center;
	padding: 0px;
	margin-top: 20px;
}

.view_reward .reward_people a {
	display: inline-block;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}

.view_reward .reward_people img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin: 3px;
	vertical-align: top;
}

.view_reward .reward_people span {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 32px;
	text-align: center;
	border-radius: 50%;
	margin: 3px;
	background: #f4f4f4;
	overflow: hidden;
}

.rate_re {
	padding: 1px 15px 10px;
	max-height: 180px;
	overflow: auto;
	text-align: left;
}

.rate_re_tt {
	margin: 0px 15px;
	padding: 10px 0px 6px;
	line-height: 30px;
	font-size: 16px;
	font-weight: 400;
	border-bottom: 1px solid #ededed;
	text-align: left;
}

.rate_re_tt em {
	float: right;
	font-size: 14px;
}

.rate_re table {
	width: 100%;
}

.rate_re th,.rate_re td {
	padding: 10px 0px 10px 10px;
	border-bottom: 1px solid #ededed;
}

.rate_re th {
	font-weight: bold;
}

.rate_re th:first-child,.rate_re td:first-child {
	padding-left: 0px;
}

.rate_re_explain {
	padding: 4px 15px 0px;
	text-align: left;
}

.rate_re_explain input {
	width: 100%;
	line-height: 30px;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.rate_view {
	max-height: 180px;
	overflow: auto;
	padding: 0px 15px;
	text-align: left;
}

.rate_view table {
	width: 100%;
}

.rate_view th,.rate_view td {
	padding: 10px 0px 10px 10px;
	border-bottom: 1px solid #ededed;
}

.rate_view th:first-child,.rate_view td:first-child {
	padding-left: 0px;
}

.rate_view th {
	font-weight: bold;
}

.rate_view_buttom {
	padding: 11px 15px 14px;
	text-align: left;
	color: #777;
}

.reply_comment {
	padding: 15px 15px 5px;
	text-align: left;
}

.reply_comment textarea {
	width: 100%;
	padding: 5px;
	min-height: 120px;
	margin-bottom: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
}

.reply_comment .sec_code {
	padding-top: 4px;
}

.ratelist_noajxa {
	max-height: none;
}

.threadcomment {
	padding: 15px 0px 10px;
	background: #fff;
}

.threadcomment li {
	position: relative;
	padding: 7px 7px 7px 40px;
	border-bottom: 1px solid #ededed;
}

.threadcomment li:last-child {
	border-bottom: none;
}

.threadcomment .delete_bt {
	position: static;
	margin: -3px -6px 0px 6px;
	border: none;
}

.threadcomment .avatar {
	top: 7px;
	left: 0px;
}

.view_psti {
	display: block;
}

.view_psti p {
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	margin: 2px 0px;
}

.view_psti p span a {
	color: #777;
}

.view_psti .postcomment {
	color: #999;
}

.view_psti p em {
	float: right;
	font-size: 12px;
	color: #999;
}

.magic {
	background: #fff;
	overflow: hidden;
}

.magic .mgcl {
	background: #fff;
	overflow: hidden;
}

.magic .mgcl li {
	float: left;
	width: 50%;
	border: 1px solid #ededed;
	border-top: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.magic .mgcl li:nth-child(odd) {
	border-left: none;
}

.magic .mgcl li:nth-child(even) {
	border-left: none;
	border-right: none;
}

.magic .mgcl .mg_car {
	background: #fff;
	text-align: center;
	position: relative;
}

.magic .mgcl .mg_img {
	height: 50px;
	padding: 20px 0px 15px;
	overflow: hidden;
}

.magic .mgcl .mg_img img {
	height: 50px;
	vertical-align: top;
}

.magic .mgcl .mg_name {
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	font-weight: bold;
}

.magic .mgcl .mg_obtain {
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	padding: 2px 0px 8px;
	color: #999;
}

.magic .mgcl .magicmg {
	height: 40px;
	line-height: 40px;
	background: #f6f6f6;
	border-top: 1px solid #ededed;
	overflow-y: hidden;
	overflow-x: auto;
}

.magic .mgcl .magicmg p {
	white-space: nowrap;
	display: inline;
}

.magic .mgcl .magicmg a {
	display: inline-block;
	padding: 0px 5px;
	margin: 0px 5px;
	color: #666;
}

.magic .mgcl .description {
	width: 100%;
	height: 144px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background: rgba(255,255,255,0.9);
	display: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	font-size: 16px;
	color: #f90;
	overflow: hidden;
}

.magic .mgcl .description p {
	max-height: 104px;
	overflow: hidden;
}

.magic .mgcl .discount {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(../image/discount.png) no-repeat 0px 0px;
	background-size: auto 50px;
}

.magic .magiclog {
	background: #fff;
	overflow: hidden;
}

.magic .magiclog li,.magic .magiclog .logtitle {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #ededed;
	font-size: 12px;
	overflow: hidden;
}

.magic .magiclog .logtitle {
	font-weight: bold;
	background: #fff;
}

.magic .magiclog em {
	float: left;
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.magic .magiclog em:nth-child(1) {
	width: 27%;
	padding-left: 11px;
}

.magic .magiclog em:nth-child(2) {
	width: 34%;
}

.magic .magiclog em:nth-child(3) {
	width: 15%;
}

.magic .magiclog em:nth-child(4) {
	width: 24%;
}

.magic .magiclog .uselog em:nth-child(1) {
	width: 34%;
	padding-left: 11px;
}

.magic .magiclog .uselog em:nth-child(2) {
	width: 40%;
}

.magic .magiclog .uselog em:nth-child(3) {
	width: 26%;
}

.magic .magiclog th {
	background: #f6f6f6;
	font-weight: bold;
}

.magic .magiclog th,.magic .magiclog td {
	padding: 8px 5px;
	border-bottom: 1px solid #ededed;
	font-size: 12px;
}

.magic .maxmagicsweight {
	height: 46px;
	line-height: 46px;
	border-bottom: 1px solid #ededed;
	text-align: center;
}

.magicprt {
	padding: 20px;
	border-bottom: 1px solid #ededed;
}

.magicprt table {
	width: 100%;
}

.magicprt td {
	padding: 5px 0px;
}

.magicprt .mg_img {
	height: 50px;
	line-height: 50px;
	margin-bottom: 5px;
	font-size: 18px;
	overflow: hidden;
}

.magicprt .mg_img img {
	float: left;
	height: 50px;
	margin-right: 15px;
	vertical-align: top;
}

.magicprt input,.magicprt textarea {
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.magicprt p {
	padding: 2px 0px;
}

.magicprt p.mtm {
	margin-top: 0px !important;
}

.magicprt p input {
	height: 26px;
	line-height: 26px;
}

.magicprt .p_fre {
	width: 100%;
}

.magicprt td input,.magicprt td textarea {
	width: 100%;
	vertical-align: top;
}

.magicprt .selectstyle,.magicprt .selectstyle select {
	width: 100%;
	height: 33px;
	line-height: 33px;
}

.slide_scroll {
	width: 100%;
	background: #333;
	position: relative;
	overflow: hidden;
}

.slide_scroll ul {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.slide_scroll li {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
}

.slide_scroll a,.slide_scroll img {
	width: 100%;
	display: block;
}

.slide_scroll,.slide_scroll li,.slide_scroll img {
	height: 56vw;
}

.slide_scroll_title {
	width: 100%;
	height: 36px;
	line-height: 36px;
	padding: 0px 100px 0px 10px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #fff;
	font-size: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));
	background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.slide_pagination {
	height: 8px;
	padding: 1px 0px;
	line-height: 8px;
	font-size: 0px;
	position: absolute;
	bottom: 13px;
	right: 10px;
	z-index: 10;
	overflow: hidden;
}

.slide_pagination span {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-left: 6px;
	background: rgba(255,255,255,0.4);
	cursor: pointer;
	overflow: hidden;
}

.slide_pagination span.swiper-pagination-bullet-active {
	background: #fff;
}

.userbox {
	background: #fff;
	padding: 30px;
}

.userplus {
	margin-bottom: 15px;
}

.userplus h1 {
	line-height: 150%;
	font-size: 30px;
	font-weight: 400;
}

.userplus p {
	line-height: 150%;
	font-size: 16px;
}

.userplus,.userplus a {
	color: #777;
}

.userfrom li {
	color: #777;
	border-bottom: 1px solid #ededed;
	padding-left: 25px;
	position: relative;
}

.userfrom li:after {
	content: "\e100";
	font-family: "vtoo_mobile";
	width: 20px;
	height: 20px;
	line-height: 20px;
	display: block;
	text-align: center;
	font-size: 20px;
	position: absolute;
	top: 14px;
	left: 0px;
}

.userfrom li.username_m:after {
	content: "\e065";
}

.userfrom li.password_m:after {
	content: "\e066";
}

.userfrom li.email_m:after {
	content: "\e067";
}

.userfrom li.ask_m:after {
	content: "\e125";
}

.userfrom li.answer_m:after {
	content: "\e126";
}

.userfrom input {
	width: 100%;
	height: 48px;
	line-height: 20px;
	font-size: 15px;
	padding: 10px 5px;
	border-radius: 0px;
	border: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 0px 0px 9999px #fff inset !important;
}

.userfrom input:focus,.userfrom textarea:focus,.userfrom select:focus {
	box-shadow: none;
	transition: none;
	outline: none;
}

.userfrom .questionli {
	height: 20px;
	padding: 14px 5px 14px 30px;
	font-size: 15px;
	line-height: 20px;
	position: relative;
}

.userfrom .questionli:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-color: #bbb;
	border-style: solid;
	border-width: 0px 0px 1px 1px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	right: 6px;
	bottom: 23px;
}

.userfrom .questionli select {
	font-size: 15px;
}

.userfrom_sec .sec_code,.userfrom_sec .sec_qaa {
	min-height: 30px;
	padding: 9px 5px 9px 1px;
	color: #777;
	border-bottom: 1px solid #ededed;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.userfrom_sec .mbm {
	margin-bottom: 0px !important;
}

.userfrom_sec .sec_code img {
	height: 30px;
	border-radius: 2px;
}

.userfrom_sec .sec_code .sectxt {
	border-bottom: none;
}

.login_select {
	display: block;
	position: relative;
}

.login_select select {
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 2;
	cursor: pointer;
	height: 20px;
	left: 0;
	opacity: 0.0001;
	background: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.register_select {
	display: block;
	position: relative;
}

.register_select select {
	width: 100%;
	cursor: pointer;
	height: 20px;
	background: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	color: #777;
}

.register_select .fieldname {
	position: absolute;
	top: 0px;
	right: 20px;
	color: #bbb;
}

.register_select select#birthyear,.register_select select#birthmonth,.register_select select#birthday {
	width: 55px;
	margin-right: 5px;
	float: left;
}

.userfrom .btn_login,.userfrom .btn_register {
	margin: 20px 0px;
}

.userfrom .button5 {
	height: 44px;
	line-height: 44px;
}

.reg_link {
	height: 14px;
	line-height: 14px;
}

.login_plus {
	margin-top: 35px;
	background: #fff;
	text-align: center;
	overflow: hidden;
}

.login_plus .login_plus_name {
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	color: #999;
	margin-bottom: 25px;
	position: relative;
}

.login_plus .login_plus_name:before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #e6e6e6;
	position: absolute;
	top: 15px;
	left: 0px;
	z-index: 1;
}

.login_plus .login_plus_name span {
	line-height: 30px;
	background: #fff;
	padding: 0px 15px;
	position: relative;
	z-index: 2;
}

.qqlogin,.weixinlogin {
	display: inline-block;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	position: relative;
	margin: 0px 10px;
	text-indent: -9999px;
	overflow: hidden;
}

.qqlogin {
	background: #42ABED;
}

.weixinlogin {
	background: #71c228;
}

.qqlogin:after,.weixinlogin:after {
	width: 52px;
	height: 52px;
	line-height: 52px;
	display: block;
	font-size: 30px;
	text-align: center;
	text-indent: 0px;
	color: #fff;
	font-family: "vtoo_mobile";
	position: absolute;
	top: 0px;
	left: 0px;
}

.qqlogin:after {
	content: "\e062";
}

.weixinlogin:after {
	content: "\e060";
}

.password_tips1,.password_tips2 {
	display: none;
	margin: 8px 0px 0px !important;
	padding: 2px 0px 2px 25px !important;
	border-radius: 2px;
	background: rgba(255,102,102,0.1);
	color: #f60 !important;
}

.password_tips1:after,.password_tips2:after {
	left: 4px !important;
	top: 3px !important;
}

.password_username {
	height: 28px;
	line-height: 28px;
	padding: 10px 5px;
	color: #333;
	font-weight: bold;
}

.coll_list {
	background: #FFF;
	margin: 10px;
	border: 1px solid #DDD;
	padding: 0 10px;
}

.coll_list li {
	border-bottom: 1px solid #DDD;
	line-height: 45px;
}

.coll_list li a {
	display: block;
	font-size: 16px;
	padding: 0 0 0 10px;
}

.jump_c {
	padding: 100px 25px;
	font-size: 16px;
	text-align: center;
	background: #fff;
	border-bottom: 1px solid #ededed;
}

.jump_c a {
	font-size: 14px;
	color: #2782BA !important;
}

footer,.footer {
	height: 52px;
}

.footer {
	background: #fff;
	text-align: center;
	font-size: 12px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 0px;
	position: fixed;
	z-index: 50;
	bottom: 0;
	left: 0;
	box-shadow: 0 -1px 1px rgba(0,0,0,0.06);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.footer ul {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.footer li {
	height: 52px;
	padding: 0px 5px;
	display: table-cell;
	text-align: center;
	position: relative;
}

.footer li a {
	height: 40px;
	line-height: 20px;
	padding: 8px 0px 4px;
	display: block;
	-webkit-tap-highlight-color: rgba(0,0,0,0.04);
	tap-highlight-color: rgba(0,0,0,0.04);
}

.footer li a i {
	height: 20px;
	display: block;
}

.footer li i.new {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	position: absolute;
	top: 6px;
	left: 50%;
	margin-left: 5px;
	background: #F60;
	overflow: hidden;
}

.footer li i.allreply {
	display: block;
	height: 11px;
	min-width: 8px;
	position: absolute;
	top: 5px;
	left: 62%;
	line-height: 11px;
	font-size: 11px;
	font-weight: bold;
	color: #f60;
	padding: 0px 3px;
	border-radius: 4px;
	background: #fff;
	pointer-events: none;
}

.footer li .btn_plus {
	width: 46px;
	height: 46px;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -30px;
	padding: 7px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0px -2px 1px rgba(0,0,0,0.07);
}

.footer li .btn_plus a {
	display: block;
	width: 46px;
	height: 46px;
	line-height: 46px;
	border-radius: 50%;
	padding: 0px;
	margin: 0px;
}

.footer li .btn_plus a i {
	width: 46px;
	height: 46px;
	line-height: 46px;
	font-size: 24px;
	text-align: center;
	color: #fff;
}

.footer li .btn_plus a.nofunction {
	background: #ddd;
}

.scroll_plus,.scroll_openmenu {
	position: fixed;
	right: 10px;
	bottom: 80px;
	width: 40px;
	z-index: 50;
	font-family: "vtoo_mobile";
	font-size: 22px;
	-webkit-transition: -webkit-transform 0.5s ease;
	-moz-transition: -moz-transform 0.5s ease;
	transition: transform 0.5s ease;
}

.scroll_plus a,.scroll_openmenu {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(0,0,0,0.6);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
	overflow: hidden;
}

.scroll_plus a {
	position: relative;
	margin-top: 7px;
}

.scroll_plus a.scroll_ranklist,.scroll_plus a.scroll_rankfilter {
	background: rgba(255,153,0,0.95);
}

.scroll_notice i {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin: 6px 0px 0px 25px;
	background: #f60;
	font-size: 1px;
	overflow: hidden;
}

.scroll_plus a:after,.scroll_openmenu:after {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #fff;
}

.scroll_openmenu:after {
	content: "\e058";
	top: 1px;
}

.scroll_notice:after {
	content: "\e014";
}

.scroll_forum:after {
	content: "\e019";
}

.scroll_group:after {
	content: "\e098";
}

.scroll_home:after {
	content: "\e004";
}

.scroll_post:after {
	content: "\e021";
}

.scroll_add:after {
	content: "\e035";
}

.scroll_sort:after {
	content: "\e039";
}

.scroll_ranklist:after {
	content: "\e188";
}

.scroll_rankfilter:after {
	content: "\e039";
}

.scroll_plus_btn:after {
	content: "\e035";
}

.scroll_camera:after {
	content: "\e003";
}

.scroll_mg:after {
	content: "\e094";
	font-size: 24px;
}

.scroll_del:after {
	content: "\e026";
}

.scroll_goback:after {
	content: "\e181";
}

.scroll_text {
	line-height: 40px;
	text-align: center;
	font-size: 13px;
	color: #fff !important;
	font-weight: bold;
}

.scroll_fav {
}

.scroll_fav i {
	display: block;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	position: absolute;
	top: 9px;
	left: 9px;
	color: #fff;
}

.scroll_hide {
	-webkit-transform: translateX(70px);
	-moz-transform: translateX(70px);
	transform: translateX(70px);
}

.menus_popup {
	width: 100%;
	display: none;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 71;
	box-shadow: 0px -1px 1px rgba(0,0,0,0.06);
	background: #fff;
	overflow: hidden;
}

.menus_popup_ad {
	max-height: 120px;
	padding: 10px;
	border-bottom: 1px solid #f5f5f5;
	overflow: hidden;
}

.menus_popup_ad a {
	display: block;
}

.menus_popup_ad img {
	max-height: 120px;
	max-width: 100%;
	vertical-align: top;
}

.menus_popup_link {
	padding: 22px 10px 2px;
	overflow: hidden;
}

.menus_popup_link li {
	width: 25%;
	margin-bottom: 8px;
	float: left;
	text-align: center;
}

.menus_popup_link a {
	display: block;
	max-width: 70px;
	margin: 0px auto;
	padding: 5px 0px 1px;
	-webkit-tap-highlight-color: rgba(0,0,0,0.04);
	tap-highlight-color: rgba(0,0,0,0.04);
}

.menus_popup_link img {
	width: 50px;
	height: 50px;
	margin-bottom: 6px;
	border-radius: 50%;
	vertical-align: top;
}

.menus_popup_link span {
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #666;
}

.menus_popup_close {
	height: 38px;
	line-height: 30px;
	text-align: center;
	font-size: 26px;
	color: #888;
}

.tabequal {
	height: 46px;
	line-height: 46px;
	padding: 0px 5px;
	background: #fff;
	border-bottom: 1px solid #ededed;
	position: relative;
	z-index: 1;
}

.tabequal ul {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.tabequal li {
	padding: 0px 5px;
	font-size: 15px;
	display: table-cell;
	text-align: center;
}

.tabequal li a {
	display: block;
	height: 46px;
	padding: 0px 0px 1px;
	color: #555;
	position: relative;
	-webkit-tap-highlight-color: rgba(0,0,0,0.04);
	tap-highlight-color: rgba(0,0,0,0.04);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.tabequal li.a a:after,.tabequal li.on a:after {
	content: "";
	position: absolute;
	width: 28px;
	height: 3px;
	border-radius: 1.5px;
	left: 50%;
	bottom: 4px;
	margin-left: -14px;
	-webkit-animation: bezier 0.4s ease-in forwards;
	-moz-animation: bezier 0.4s ease-in forwards;
	animation: bezier 0.4s ease-in forwards;
}

.tabequal li.a a.new:after {
	background: #f60 !important;
}

.tabequal li a.new {
	color: #f60 !important;
}

.tabequal_2 {
	height: 46px;
	line-height: 46px;
	padding: 0px 5px;
	background: #fff;
	border-bottom: 1px solid #ededed;
	position: relative;
}

.tabequal_2 li {
	float: left;
	padding: 0px 5px;
	font-size: 15px;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.tabequal_2 li a {
	display: block;
	height: 46px;
	padding: 0px 0px 1px;
	color: #555;
	position: relative;
	-webkit-tap-highlight-color: rgba(0,0,0,0.04);
	tap-highlight-color: rgba(0,0,0,0.04);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.tabequal_2 li.a a:after {
	content: "";
	position: absolute;
	width: 28px;
	height: 3px;
	border-radius: 1.5px;
	left: 50%;
	bottom: 4px;
	margin-left: -14px;
	-webkit-animation: bezier 0.4s ease-in forwards;
	-moz-animation: bezier 0.4s ease-in forwards;
	animation: bezier 0.4s ease-in forwards;
}

.tabequal_3 {
	background: #f7f7f7 !important;
	border-bottom: 1px solid #f3f3f3 !important;
}

.tabnum_1 li {
	width: 25%;
}

.tabnum_2 li {
	width: 20%;
}

.tabnum_3 li {
	width: 20%;
}

.hidebox,.hidebox2 {
	display: none;
}

.showbox {
	display: block;
}

.sortmenubox {
	height: 47px;
}

.sortmenus {
	-webkit-transition: -webkit-transform 0.4s ease;
	-moz-transition: -moz-transform 0.4s ease;
	transition: transform 0.4s ease;
}

.sortmenu_float {
	position: fixed;
	left: 0px;
	right: 0px;
	top: 48px;
	background: #fff;
	z-index: 48;
}

.sortmenu_top {
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	background: #fff;
	z-index: 50;
}

.r-block,.no-reply {
	text-align: center;
	font-size: 15px !important;
	border-bottom: 1px solid #ededed;
	color: #999;
}

.r-block {
	padding: 40px 10px;
	background: #fff;
}

.no-reply {
	padding: 10px;
	background: #F5F5F5;
}

.pt {
	height: 46px;
	padding: 0px 10px;
	line-height: 46px;
	font-size: 15px;
	border-bottom: 1px solid #ededed;
	background: #f8f8f8;
	position: relative;
}

.pt,.pt a {
	color: #777;
}

.pt p {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.pt span {
	margin: 0px 5px;
	color: #aaa;
}

.pt em {
	margin: 0px 2px;
	color: #aaa;
}

.browsershare {
	position: fixed;
	left: 10px;
	right: 10px;
	bottom: -100px;
	z-index: 71;
}

.weixinshare {
	width: 234px;
	height: 115px;
	background: url(../image/weinxin_share.png) no-repeat 0px 0px;
	background-size: 234px auto;
	position: fixed;
	right: 5px;
	top: 0px;
	z-index: 71;
}

.weixinmini {
	margin-right: 50px;
}

.sharelist {
	height: 44px;
	padding: 10px 0px;
	text-align: center;
}

.sharelist span {
	width: 44px;
	height: 44px;
	border-radius: 22px;
	margin: 0px 10px;
	line-height: 44px;
	display: inline-block;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.15);
	font-size: 24px;
	font-family: "vtoo_mobile";
	position: relative;
	overflow: hidden;
}

.sharelist span:after {
	display: block;
	width: 44px;
	line-height: 44px;
	text-align: center;
	border-radius: 22px;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #fff;
}

.sharelist .weixin:after {
	content: "\e060";
	background: #6CC630;
}

.sharelist .weixin_timeline:after {
	content: "\e061";
	background: #41C266;
}

.sharelist .qq:after {
	content: "\e062";
	background: #42ABED;
}

.sharelist .qzone:after {
	content: "\e063";
	background: #F9B931;
}

.sharelist .weibo:after {
	content: "\e064";
	background: #E55F5E;
}

.sharelist .more:after {
	content: "\e008";
	background: #8E9AAA;
}

.share_browser {
	display: none;
	width: 220px;
	height: 80px;
	padding: 10px 0px;
	margin: -50px 0px 0px -110px;
	position: fixed;
	z-index: 71;
	top: 50%;
	left: 50%;
	border-radius: 8px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0);
	background: rgba(0,0,0,0.8);
	color: #fff;
	font-size: 16px;
	text-align: center;
}

.share_browser p {
	margin: 3px 0px 9px;
	line-height: 22px;
}

.share_browser img {
	height: 18px;
}

.openshare {
	-webkit-animation: bounce1 0.4s linear;
	-moz-animation: bounce1 0.4s linear;
	animation: bounce1 0.4s linear;
	bottom: 20px;
}

.onlypage {
	right: -99999px;
	display: none;
}

.nopost {
	color: #bbb;
}

.ftpost {
	width: 100%;
	background: #fff;
	padding: 10px 7px 0px 10px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 71;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px -1px 1px rgba(0,0,0,0.06);
}

.ftpost table {
	width: 100%;
	margin-bottom: 10px;
}

.ftpost table th {
	width: 50px;
	padding-left: 6px;
}

.ftpost .replymsg {
	width: 100%;
	height: 36px;
	padding: 5px 12px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 20px;
	overflow: hidden;
}

.ftpost .nofocus {
	border-color: #f4f4f4;
	background: #f4f4f4;
	box-shadow: none;
}

.ftpost .ftbtn {
	height: 32px;
	width: 50px;
	line-height: 34px;
	background: none;
	font-size: 18px;
	text-align: center;
	overflow: hidden;
}

.ftpost .fteditor {
	display: none;
}

.ftpost .editor {
	padding: 0px 3px;
}

.fastbtn {
	width: 55%;
}

.supportbtn {
	width: 45%;
}

.commentbtn {
	width: 69.666666%;
}

.fastreply {
	display: block;
	background: #f4f4f4;
	color: #666;
	padding: 0px 35px 0px 15px;
	height: 36px;
	line-height: 34px !important;
	border-radius: 18px;
	position: absolute;
	top: 8px;
	left: 10px;
	right: 8px;
	text-align: left;
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.fastreply:before {
	display: block;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	position: absolute;
	right: 7px;
	top: 7px;
	color: #999;
	font-size: 22px;
}

.ftbox {
	height: 52px;
	background: #fff;
}

.ftbox2 {
	height: 56px;
	background: #fff;
}

.ftpost .onlytxt {
	padding-right: 34px;
}

.ftpost .onlysmi {
	width: 26px;
	height: 26px;
	position: absolute;
	top: 15px;
	right: 68px;
	padding: 0px;
}

.ftpost .onlysmi a {
	margin: 0px;
}

.ftpost .onreply {
	height: 36px;
	line-height: 38px;
	padding: 0px 34px 0px 12px;
	background: #f4f4f4;
	color: #777;
	border-radius: 20px;
	overflow: hidden;
}

.ftpost .falsesmi {
	position: relative;
}

.ftpost .falsesmi:after {
	content: "\e030";
	font-family: "vtoo_mobile";
	font-size: 22px;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	color: #999;
	display: block;
	position: absolute;
	right: 5px;
	top: 5px;
	overflow: hidden;
}

.postbox {
	width: 100%;
	display: none;
	background: #fff;
	padding: 11px 0px 0px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 71;
	box-shadow: 0px -1px 1px rgba(0,0,0,0.08);
}

.postbox .postboxtext {
	padding: 0px 10px;
}

.postbox .postboxtext textarea {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	line-height: 26px;
	font-size: 16px;
	vertical-align: top;
}

.postbox .ftpost {
	position: static;
	box-shadow: none;
}

.warningmessage {
	line-height: 18px;
	font-size: 12px !important;
	color: #999;
	padding-left: 20px;
	margin-bottom: 10px;
	position: relative;
}

.warningmessage:after {
	content: "\e102";
	font-family: "vtoo_mobile";
	font-size: 14px;
	width: 14px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	color: #f90;
	display: block;
	position: absolute;
	left: 0px;
	top: 1px;
	font-weight: bold;
	overflow: hidden;
}

.dialogbox {
	border-radius: 10px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
}

.dialogbox img[src$="imageloading.gif"] {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 10px;
	margin: -25px 0px 0px -25px;
	background: #333;
	border-radius: 10px;
}

.cloading {
	width: 40px;
	height: 40px;
	padding: 8px;
	border-radius: 50%;
	background: rgba(0,0,0,0.5);
	-moz-animation: rotates 0.5s linear infinite;
	-webkit-animation: rotates 0.5s linear infinite;
	animation: rotates 0.5s linear infinite;
	margin: -28px 0px 0px -28px;
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
}

.cloading:after {
	content: "";
	width: 32px;
	height: 32px;
	position: absolute;
	top: 9px;
	left: 9px;
	border: 3px solid;
	border-color: transparent transparent transparent #eee;
	border-radius: 50%;
	z-index: 1;
}

.tip {
	margin: 0 auto;
	text-align: center;
	background: #fff;
	border-radius: 10px;
}

.tip dt {
	padding: 20px 20px;
	min-height: 25px;
	font-size: 15px;
}

.tip dd {
	height: 50px;
	padding: 0px 0px;
	border-top: 1px solid #ededed;
	background: #f6f6f6;
	border-radius: 0px 0px 10px 10px;
	text-align: center;
}

.tip dd .button2 {
	height: 50px;
	line-height: 50px;
	margin: 0px;
	width: 49%;
	padding: 0px;
	background: none;
	color: #555;
	border-radius: 0px 0px 0px 10px;
}

.tip dd a {
	width: 49%;
	padding: 0px;
	display: inline-block;
	height: 50px;
	font-size: 16px;
	color: #555;
	line-height: 50px;
	border-left: 1px solid #eaeaea;
	border-radius: 0px 0px 10px 0px;
}

.tip .btnoption {
	height: 50px;
	padding: 0px 5px;
	border-top: 1px solid #ededed;
	background: #f6f6f6;
	border-radius: 0px 0px 10px 10px;
	text-align: center;
	overflow: hidden;
}

.tip .btnoption a {
	float: left;
	width: 33.33333333%;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	color: #777;
	background: transparent;
	border-left: 1px solid #eaeaea;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.tip .btnoption a:first-child {
	border-left: none;
}

.ajaxpop {
	background: #fff !important;
	border-radius: 10px;
	overflow: hidden;
}

.ajaxpop .r-block {
	border-radius: 10px 10px 0px 0px;
}

.ajaxpop,.tip {
	width: 280px;
}

.login_pop {
	border-radius: 10px;
	width: 220px;
}

.no_ajax {
	width: auto;
	border-radius: 0px;
}

.mes_close {
	width: 22px;
	height: 22px;
	display: block;
	border-radius: 50%;
	position: absolute;
	top: 1px;
	right: 1px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	overflow: hidden;
}

.mes_close:after,.mes_close:before {
	content: "";
	display: block;
	background: #bbb;
	position: absolute;
	border-radius: 1px;
}

.mes_close:after {
	width: 14px;
	height: 2px;
	left: 4px;
	top: 10px;
}

.mes_close:before {
	width: 2px;
	height: 14px;
	left: 10px;
	top: 4px;
}

.hm .button2 {
	height: 50px;
	line-height: 50px;
	margin: 0px;
	width: 100%;
	padding: 0px;
	background: #f6f6f6;
	color: #555;
	border-radius: 0px 0px 10px 10px;
}

.naj {
	background: #fff;
	padding: 0px 10px;
	position: fixed;
	left: 0px;
	bottom: 0px;
	right: 0px;
}

.naj .button2 {
	width: 100%;
}

.close_s,.close_s1,.close_p,.close_p1,.close_m {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	display: none;
}

.close_s {
	z-index: 70;
	background: transparent;
}

.close_s1 {
	z-index: 70;
	background: rgba(0,0,0,0.6);
}

.close_p,.close_p1 {
	z-index: 70;
	background: rgba(0,0,0,0.08);
}

.close_m {
	z-index: 51;
	background: transparent;
}

.misign {
	position: absolute;
	top: 20px;
	right: 15px;
	z-index: 11;
	height: 25px;
	overflow: hidden;
}

.misign > div {
	padding: 0px !important;
}

.misign a#focusBtn {
	display: none !important;
}

.misign #k_misign_button {
	height: 25px !important;
}

.misign #k_misign_button #signBtn {
	width: auto;
	height: 25px !important;
	margin-left: 0px !important;
	padding: 1px 10px !important;
	color: #fff !important;
	line-height: 22px !important;
	font-size: 12px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
	overflow: hidden;
}

.misign #k_misign_button #signIcon {
	top: 2px !important;
	width: 12px !important;
	height: 12px !important;
	background: url(../image/misign.png) no-repeat 0px 0px !important;
	background-size: 12px 12px !important;
	margin-right: 2px !important;
}

.misign #k_misign_button a.sign {
	background: #f90 !important;
	border-radius: 12.5px !important;
	border: 1px solid #f90;
}

.misign #k_misign_button a.signed {
	background: none !important;
	border: 1px solid rgba(255,255,255,0.75);
}

.misign #k_misign_button a.signed i {
	display: none !important;
}

.misign .pg_k_misign {
	background: #fff !important;
}

.waves,.waves_p {
	width: 100%;
	height: 25px;
	position: absolute;
	left: 0;
	bottom: -1px;
	background: transparent;
	overflow: hidden;
}

.waves_top,.waves_top_p {
	background: url(../image/wavetop.svg) repeat-x 0px 0px;
	-webkit-animation: wave 5s infinite linear;
	-moz-animation: wave 5s infinite linear;
	animation: wave 5s infinite linear;
	top: 5px;
	z-index: 2;
}

.waves_bottom,.waves_bottom_p {
	background: url(../image/wavebottom.svg) repeat-x 0px 0px;
	-webkit-animation: wave 2.5s infinite linear;
	-moz-animation: wave 2.5s infinite linear;
	animation: wave 2.5s infinite linear;
	top: 0px;
	z-index: 1;
}

.waves_top,.waves_top_p,.waves_bottom,.waves_bottom_p {
	width: 100%;
	height: 25px;
	position: absolute;
	left: 0px;
	background-size: 420px auto;
}

.slidemenu {
	height: 46px;
	line-height: 46px;
	background: #fff;
	border-bottom: 1px solid #ededed;
	font-size: 15px;
}

.slidemenu .a a:after {
	content: "";
	position: absolute;
	width: 28px;
	height: 3px;
	border-radius: 1.5px;
	left: 50%;
	bottom: 4px;
	margin-left: -14px;
	-webkit-animation: bezier 0.4s ease-in forwards;
	-moz-animation: bezier 0.4s ease-in forwards;
	animation: bezier 0.4s ease-in forwards;
}

.menu_container,.menu_two_container {
	margin: 0 auto;
	position: relative;
	list-style: none;
	z-index: 1;
}

.menu_container .menu_wrapper,.menu_two_container .menu_two_wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.menu_container .menu_slide,.menu_two_container .menu_two_slide {
	-webkit-flex-shrink: 0;
	-moz-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	height: 100%;
	position: relative;
	padding: 0px 5px;
}

.menu_container .menu_slide:first-child,.menu_two_container .menu_two_slide:first-child {
	padding-left: 5px;
}

.menu_container .menu_slide a,.menu_two_container .menu_two_slide a {
	display: block;
	padding: 0px 5px 1px;
	color: #555;
	position: relative;
	-webkit-tap-highlight-color: rgba(0,0,0,0.04);
	tap-highlight-color: rgba(0,0,0,0.04);
}

.menufly {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	bottom: -2px;
	padding: 0px;
	background: #fff;
	z-index: 99;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transform: translate(0,102%);
	-moz-transform: translate(0,102%);
	transform: translate(0,102%);
	-webkit-transition: -webkit-transform 0.2s ease;
	-moz-transition: -moz-transform 0.2s ease;
	transition: transform 0.2s ease;
}

.menufly.infly {
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	transform: translate(0,0);
}

.menufly .namefly {
	height: 48px;
	margin: 0px 10px 10px;
	border-bottom: 1px solid #ededed;
	line-height: 48px;
	text-align: center;
	font-size: 18px;
	position: relative;
}

.menufly .namefly span {
	position: absolute;
	top: 0px;
	right: -10px;
	display: none;
	width: 48px;
	height: 26px;
	line-height: 26px;
	padding: 11px 0px;
	overflow: hidden;
}

.menufly_open {
	overflow: hidden;
}

.mm-opening {
	overflow: hidden;
}

.mm-page {
	background: #fff;
}

.mm-menu {
	position: fixed;
	width: 265px;
	right: -270px;
	top: 0px;
	z-index: 999990;
	background: #fff;
	box-shadow: -1px 0px 2px rgba(0,0,0,0.1);
	overflow-x: hidden;
}

.mm-menu .sidemenuscroll {
	width: 265px;
	margin: 0;
	padding-bottom: 100px;
	background: #fff;
}

.mm-mask {
	background: rgba(0,0,0,0.2);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999989;
	display: none;
}

.mm-slideout {
	-webkit-transition: -webkit-transform 0.4s ease;
	-moz-transition: -moz-transform 0.4s ease;
	transition: transform 0.4s ease;
}

.mm-opening .content {
	overflow-x: hidden;
	overflow-y: scroll;
}

.mm-opening .mm-slideout {
	-webkit-transform: translate(-270px,0);
	-moz-transform: translate(-270px,0);
	transform: translate(-270px,0);
}

.sideuser {
	width: 265px;
	height: 118px;
	margin-bottom: 15px;
	background-color: #f4f4f4;
	background-repeat: no-repeat;
	background-position: 50% 0px;
	background-size: cover;
	position: relative;
}

.sideuser.sd1 {
	background-image: url(../image/user_bg/s_bg1.jpg);
}

.sideuser.sd2 {
	background-image: url(../image/user_bg/s_bg2.jpg);
}

.sideuser.sd3 {
	background-image: url(../image/user_bg/s_bg3.jpg);
}

.sideuser.sd4 {
	background-image: url(../image/user_bg/s_bg4.jpg);
}

.sideuser.sd5 {
	background-image: url(../image/user_bg/s_bg5.jpg);
}

.sideuser.sd6 {
	background-image: url(../image/user_bg/s_bg6.jpg);
}

.sideuser.sd7,.sideuser.sd0 {
	background-image: url(../image/user_bg/s_bg7.jpg);
}

.sideuser .sidelogin {
	display: block;
	width: 108px;
	height: 34px;
	position: absolute;
	top: 39px;
	left: 77px;
	border-radius: 4px;
	line-height: 36px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	border: 1px solid #fff;
	background: rgba(255,255,255,0.15);
	overflow: hidden;
}

.sideuser .sideavatar {
	display: block;
	position: absolute;
	top: 25px;
	left: 16px;
	padding: 2px;
	background: rgba(255,255,255,0.2);
	z-index: 10;
}

.sideuser .sideavatar,.sideuser .sideavatar img {
	width: 64px;
	height: 64px;
	border-radius: 50%;
}

.sideuser .sideusername {
	position: absolute;
	top: 40px;
	left: 95px;
	right: 5px;
	z-index: 10;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.sideuser .sideusername p {
	height: 26px;
}

.sideuser .sideusername a.myusername {
	float: left;
	display: block;
	height: 26px;
	color: #fff;
	line-height: 26px;
	font-size: 18px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.sideuser .sideusername i.myuserstars {
	float: left;
	line-height: 11px;
	font-size: 11px;
	color: #fff;
	display: inline-block;
	padding: 2px 6px;
	background: rgba(0,0,0,.25);
	border-radius: 7.5px;
	margin: 5px 8px 0px 0px;
}

.sidequickmenu {
	height: 60px;
	margin: -25px 10px 0px;
	padding-top: 5px;
	border-bottom: 1px solid #f4f4f4;
	overflow: hidden;
}

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

.sidequickmenu li a {
	height: 45px;
	padding-top: 5px;
	display: block;
	text-align: center;
	position: relative;
	-webkit-tap-highlight-color: rgba(0,0,0,0.04);
	tap-highlight-color: rgba(0,0,0,0.04);
}

.sidequickmenu li a i {
	height: 22px;
	margin-bottom: 4px;
	display: block;
	line-height: 22px;
	font-size: 20px;
}

.sidequickmenu li a span {
	height: 16px;
	display: block;
	line-height: 16px;
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.sidequickmenu li em {
	display: block;
	height: 14px;
	position: absolute;
	top: 1px;
	left: 60%;
	min-width: 8px;
	line-height: 15px;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	padding: 0px 3px;
	border-radius: 7px;
	background: #f60;
	pointer-events: none;
	overflow: hidden;
}

.sidesearch {
	height: 34px;
	margin: 10px 17px 2px;
	padding: 4px 31px 4px 9px;
	border-radius: 17px;
	border: 1px solid #f3f3f3;
	background: #fff;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.sidesearch:hover {
	background: #fff;
	border-color: #eee;
	box-shadow: 0 0 6px rgba(0,0,0,.05) inset;
	transition: all 0.1s ease 0s;
}

.sidesearch #scbar_txt {
	line-height: 24px;
	border: none;
	background: none;
	width: 100%;
	border-radius: 5px;
	color: #888;
	overflow: hidden;
}

.sidesearch #scbar_txt:focus {
	box-shadow: none;
	transition: none;
}

.sidesearch #scbar_btn {
	width: 22px;
	height: 22px;
	background: none;
	border: none;
	border-radius: 4px;
	position: absolute;
	top: 5px;
	right: 5px;
	overflow: hidden;
}

.sidesearch #scbar_btn:after {
	content: "\e005";
	font-family: "vtoo_mobile";
	font-size: 18px;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #888;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	overflow: hidden;
}

.sidemenu {
	padding: 10px 0px 20px;
	overflow: hidden;
}

.sidemenu li {
	height: 42px;
	margin: 0px 20px;
	border-bottom: 1px solid #f8f8f8;
	position: relative;
	overflow: hidden;
}

.sidemenu li a {
	display: block;
	height: 42px;
	padding: 0px;
	line-height: 44px;
	font-size: 16px;
	color: #333;
	-webkit-tap-highlight-color: rgba(0,0,0,0.04);
	tap-highlight-color: rgba(0,0,0,0.04);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.sidemenu li a i {
	display: block;
	height: 20px;
	width: 20px;
	float: left;
	margin: 11px 10px 0px 0px;
	background-color: #fff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.sidemenu li a em {
	float: right;
	line-height: 44px;
	font-size: 12px;
	color: #aaa;
}

.sidemenu li a em img {
	float: right;
	max-height: 20px;
	margin: 11px 0px 0px 6px;
}

.side_bgcover {
	display: none;
	position: absolute;
	bottom: -1px;
	left: 0px;
	width: 100%;
	height: 10px;
	background: url(../image/wavetop.svg) repeat-x 50% 0px;
	background-size: cover;
	overflow: hidden;
}

.postalbum {
	background-color: #000;
	display: none;
	height: 100%;
	overflow: hidden;
	padding: 0 0 1px 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 80;
}

.postalbum_h {
	height: 48px;
	left: 0;
	line-height: 48px;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 90;
	background: rgba(0,0,0,.3);
}

.postalbum_h a {
	color: #fff;
}

.postalbum_h_back {
	position: absolute;
	left: 2px;
	top: 0px;
	width: 40px;
	height: 48px;
	line-height: 48px;
	z-index: 90;
	color: #fff;
	display: block;
	text-indent: 1px;
}

.postalbum_h_picnum {
	position: absolute;
	right: 10px;
	top: 0px;
	height: 48px;
	z-index: 90;
	color: #fff;
}

.postalbum_c {
	height: 100%;
	position: relative;
	z-index: -1;
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: box;
	-webkit-transition: all 350ms linear;
	-moz-transition: all 350ms linear;
	-o-transition: all 350ms linear;
	transition: all 350ms linear;
}

.postalbum_u {
	border-radius: 3px 3px 3px 3px;
	text-align: center;
	position: relative;
}

.postalbum_u:after {
	content: "";
	width: 32px;
	height: 32px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0px 0px -16px;
	opacity: 0.1;
	border: 3px solid;
	border-color: transparent transparent transparent #fff;
	border-radius: 50%;
	-moz-animation: rotates 0.5s linear infinite;
	-webkit-animation: rotates 0.5s linear infinite;
	animation: rotates 0.5s linear infinite;
}

.postalbum_u img {
	position: relative;
	z-index: 1;
}

.postalbum_i {
	margin-bottom: -3px;
	max-width: 100%;
	vertical-align: middle;
	visibility: hidden;
}

.showtips {
	min-width: 60px;
	padding: 10px;
	background: rgba(0,0,0,0.6);
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 22px;
	border-radius: 6px;
}

@-webkit-keyframes bounce1 {
	0% {
		transform: translate(0px,-70px);
	}

	20% {
		transform: translate(0px,0px);
	}

	40% {
		transform: translate(0px,-20px);
	}

	60% {
		transform: translate(0px,0px);
	}

	80% {
		transform: translate(0px,-10px);
	}

	100% {
		transform: translate(0px,0px);
	}
}

@-moz-keyframes bounce1 {
	0% {
		transform: translate(0px,-70px);
	}

	20% {
		transform: translate(0px,0px);
	}

	40% {
		transform: translate(0px,-20px);
	}

	60% {
		transform: translate(0px,0px);
	}

	80% {
		transform: translate(0px,-10px);
	}

	100% {
		transform: translate(0px,0px);
	}
}

@keyframes bounce1 {
	0% {
		transform: translate(0px,-70px);
	}

	20% {
		transform: translate(0px,0px);
	}

	40% {
		transform: translate(0px,-20px);
	}

	60% {
		transform: translate(0px,0px);
	}

	80% {
		transform: translate(0px,-10px);
	}

	100% {
		transform: translate(0px,0px);
	}
}

@-webkit-keyframes bounce2 {
	0% {
		transform: translate(0px,-35px);
	}

	20% {
		transform: translate(0px,0px);
	}

	40% {
		transform: translate(0px,-15px);
	}

	60% {
		transform: translate(0px,0px);
	}

	80% {
		transform: translate(0px,-5px);
	}

	100% {
		transform: translate(0px,0px);
	}
}

@-moz-keyframes bounce2 {
	0% {
		transform: translate(0px,-35px);
	}

	20% {
		transform: translate(0px,0px);
	}

	40% {
		transform: translate(0px,-15px);
	}

	60% {
		transform: translate(0px,0px);
	}

	80% {
		transform: translate(0px,-5px);
	}

	100% {
		transform: translate(0px,0px);
	}
}

@keyframes bounce2 {
	0% {
		transform: translate(0px,-35px);
	}

	20% {
		transform: translate(0px,0px);
	}

	40% {
		transform: translate(0px,-15px);
	}

	60% {
		transform: translate(0px,0px);
	}

	80% {
		transform: translate(0px,-5px);
	}

	100% {
		transform: translate(0px,0px);
	}
}

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

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

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

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

@keyframes rotates {
	from {
		transform: rotate(0deg);
	}

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

@keyframes nameroll {
	0% {
		transform: translate(40px,0px);
	}

	100% {
		transform: translate(-100%,0px);
	}
}

@-moz-keyframes nameroll {
	0% {
		transform: translate(40px,0px);
	}

	100% {
		transform: translate(-100%,0px);
	}
}

@keyframes nameroll {
	0% {
		transform: translate(40px,0px);
	}

	100% {
		transform: translate(-100%,0px);
	}
}

@-webkit-keyframes flash {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-moz-keyframes flash {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes flash {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-webkit-keyframes bezier {
	from {
		width: 0px;
		margin-left: 0px;
	}

	to {
		width: 28px;
		margin-left: -14px;
	}
}

@-moz-keyframes bezier {
	from {
		width: 0px;
		margin-left: 0px;
	}

	to {
		width: 28px;
		margin-left: -14px;
	}
}

@keyframes bezier {
	from {
		width: 0px;
		margin-left: 0px;
	}

	to {
		width: 28px;
		margin-left: -14px;
	}
}

@-webkit-keyframes beziersmall {
	from {
		width: 0px;
		margin-left: 0px;
	}

	to {
		width: 26px;
		margin-left: -13px;
	}
}

@-moz-keyframes beziersmall {
	from {
		width: 0px;
		margin-left: 0px;
	}

	to {
		width: 26px;
		margin-left: -13px;
	}
}

@keyframes beziersmall {
	from {
		width: 0px;
		margin-left: 0px;
	}

	to {
		width: 26px;
		margin-left: -13px;
	}
}

@-webkit-keyframes wave {
	0% {
		background-position: 0px 0px
	}

	100% {
		background-position: 420px 0px
	}
}

@-moz-keyframes wave {
	0% {
		background-position: 0px 0px
	}

	100% {
		background-position: 420px 0px
	}
}

@keyframes wave {
	0% {
		background-position: 0px 0px
	}

	100% {
		background-position: 420px 0px
	}
}

@-webkit-keyframes wavebig {
	0% {
		background-position: 0px 0px
	}

	100% {
		background-position: 700px 0px
	}
}

@-moz-keyframes wavebig {
	0% {
		background-position: 0px 0px
	}

	100% {
		background-position: 700px 0px
	}
}

@keyframes wavebig {
	0% {
		background-position: 0px 0px
	}

	100% {
		background-position: 700px 0px
	}
}

.rolldate-container {
	font-size: 16px;
	color: #333;
	text-align: center;
}

.rolldate-container .rolldate-nav {
	height: 50px;
	position: relative;
	line-height: 52px;
	font-size: 18px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ededed;
	background: #f8f8f8;
	border-radius: 8px 8px 0px 0px;
	overflow: hidden;
}

.rolldate-container .rolldate-mask {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.2;
	z-index: 100;
}

.rolldate-container .rolldate-panel {
	position: fixed;
	bottom: 15px;
	left: 10px;
	right: 10px;
	z-index: 101;
	background: #fff;
	border-radius: 8px;
	padding-bottom: 10px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
	-webkit-animation: 0.3s linear;
	-moz-animation: 0.3s linear;
	animation: 0.3s linear;
}

.rolldate-container .rolldate-btn {
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	padding: 0 15px;
	color: #777;
	font-size: 16px;
	-webkit-tap-highlight-color: transparent;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.rolldate-container .rolldate-confirm {
	left: auto;
	right: 0;
}

.rolldate-container .rolldate-content {
	position: relative;
	padding: 0px 5px;
}

.rolldate-container .rolldate-wrapper {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
}

.rolldate-container .rolldate-wrapper > div {
	-webkit-flex: 1;
	-moz-flex: 1;
	flex: 1;
	-webkit-flex-basis: -8e;
	-moz-flex-basis: -8e;
	flex-basis: -8e;
	width: 1%;
	height: 173px;
	line-height: 36px;
	overflow: hidden;
}

.rolldate-container .rolldate-wrapper ul {
	margin-top: 68px;
}

.rolldate-container .rolldate-wrapper li {
	height: 36px;
}

.rolldate-container .rolldate-dim {
	position: absolute;
	left: 0;
	width: 100%;
	pointer-events: none;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	z-index: 10;
}

.rolldate-container .mask-top {
	height: 68px;
	top: -1px;
	border-bottom: 1px solid #ededed;
	background: -moz-linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.4));
	background: -webkit-linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.4));
	background: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.4));
}

.rolldate-container .mask-bottom {
	height: 70px;
	bottom: -1px;
	border-top: 1px solid #ededed;
	background: -moz-linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0.8));
	background: -webkit-linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0.8));
	background: linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0.8));
}

.rolldate-container .rollfadeIn {
	-webkit-animation: rollslide 0.2s linear;
	-moz-animation: rollslide 0.2s linear;
	animation: rollslide 0.2s linear;
}

.rolldate-container .rollfadeOut {
	display: none;
}

@-webkit-keyframes rollslide {
	0% {
		transform: translate(0px,-100px);
	}

	100% {
		transform: translate(0px,0px);
	}
}

@-moz-keyframes rollslide {
	0% {
		transform: translate(0px,-100px);
	}

	100% {
		transform: translate(0px,0px);
	}
}

@keyframes rollslide {
	0% {
		transform: translate(0px,-100px);
	}

	100% {
		transform: translate(0px,0px);
	}
}