@keyframes mymove {
	0% {
	transform:scale(.5);
}
50% {
	transform:scale(1);
}
100% {
	transform:scale(.5);
}
;}.user {
	float:right;
	display:inline;
	margin-left:20px;
}
.userimg {
	padding:13px 13px 0;
	line-height:43px;
	border-top:4px solid transparent;
	position:relative;
	display:inline-block;
	vertical-align:top;
}
.userimg .uimg {
	width:30px;
	position:relative;
	display:inline-block;
	vertical-align:top;
}
.userimg .uimg img {
	display:block;
	border-radius:50%;
}
.userimg .uimg i {
	width:14px;
	height:14px;
	line-height:14px;
	text-align:center;
	border-radius:7px;
	background:#ccc;
	position:absolute;
	right:-3px;
	top:20px;
	z-index:2;
}
.userimg .uimg i.vip {
	background:#6699ff;
}
.userimg .uimg i::after {
	content:"V";
	font-size:12px;
	color:#fff;
	font-family:iconfont;
}
.userimg .uname {
	width:70px;
	margin-left:5px;
	font-size:14px;
	color:#333;
	line-height:30px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
}
.userimg:hover {
	border-color:#6699ff;
}
.userimg:hover .userpop {
	display:block;
}
.usermenu {
	line-height:36px;
	position:relative;
	z-index:1;
}
.usermenu a {
	padding:0 20px;
	font-size:14px;
	color:#888;
	display:block;
}
.usermenu a i {
	margin-right:5px;
	font-size:22px;
	color:#888;
	font-weight:bold;
	font-family:iconfont;
	display:inline-block;
	vertical-align:top;
}
.usermenu a i.zone::before {
	content:"\e6b0";
}
.usermenu a i.order::before {
	content:"\e6df";
}
.usermenu a i.post::before {
	content:"\e6e2";
}
.usermenu a i.collect::before {
	content:"\e6ec";
}
.usermenu a i.integral::before {
	content:"\e674";
}
.usermenu a i.extension::before {
	content:"\e6e7";
}
.usermenu a i.setting::before {
	content:"\e69b";
}
.usermenu a i.quit::before {
	content:"\e611";
}
.usermenu a:hover {
	color:#6699ff;
	background:#eff3f5;
}
.usermenu a:hover i {
	color:#6699ff;
}
.userpop {
	width:100%;
	padding-top:0px;
	box-shadow:0 2px 24px 0 rgba(0,0,0,0.08);
	user-select:none;
	background:#fff;
	position:absolute;
	top:56px;
	right:0;
	display:none;
}
.userpage {
	background:#f7f9fa;
}
.userbg {
	padding:50px 0;
	background-image:url(images/loginbg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.userinfo {
	zoom:1;
}
.userinfo:after {
	content:"";
	display:block;
	clear:both;
}
.userface {
	float:left;
	display:inline;
	display:contents;
}
.userface .face {
	width:80px;
	height:80px;
	float:left;
	display:inline;
	margin-right:30px;
	border:2px solid #ebebeb;
	border-radius:50%;
}
.userface .face img {
	width:100%;
	border-radius:50%;
	display:block;
}
.userface .facename {
	font-size:24px;
	color:#fff;
	line-height:50px;
}
.userface .faceintro {
	font-size:14px;
	color:#fff;
}
.userface .faceintro a::before {
	content:"\e63d";
	font-size:18px;
	color:#ccc;
	font-family:iconfont;
	vertical-align:top;
}
.usermain {
	padding:30px 0;
}
.usermain .usermenu {
	width:200px;
	float:left;
	display:inline;
	padding:20px 0;
	line-height:50px;
	box-shadow:0 3px 10px 0 rgba(153,153,153,0.1);
	background:#fff;
}
.usermain .usermenu a {
	position:relative;
}
.usermain .usermenu a.on {
	background:#eff3f5;
}
.usermain .usermenu a.on::before {
	content:"";
	width:3px;
	height:16px;
	background:#6699ff;
	position:absolute;
	top:17px;
	left:0;
}
.usercon {
	position:relative;
}
.usercontent {
	min-height:400px;
	padding:20px 30px;
	box-shadow:0 3px 10px 0 rgba(153,153,153,0.1);
	background:#fff;
	position:relative;
}
.usercontent ul,.usercontent ol {
	list-style-position:inside;
}
.usercontent ul p,.usercontent ol p {
	display:inline;
}
.usercontent p {
	margin-bottom:1em;
	text-align:justify;
	text-justify:inter-ideograph;
	position:relative;
}
.usercontent p img.ue-image {
	margin:0 auto;
	display:block;
}
.usercontent p img.ue-emoticon {
	vertical-align:middle;
}
.usercontent p.ue-upload {
	padding:10px;
	border:1px dashed #ebebeb;
}
.usercontent p.ue-upload img {
	vertical-align:top!important;
}
.usercontent p.ue-upload a {
	font-size:14px!important;
	color:#6699ff !important;
}
.usercontent h1,.usercontent h2,.usercontent h3,.usercontent h4,.usercontent h5,.usercontent h6 {
	margin-bottom:20px;
	line-height:1.5;
	border-bottom:1px solid #ebebeb;
	position:relative;
}
.usercontent h1:after,.usercontent h2:after,.usercontent h3:after,.usercontent h4:after,.usercontent h5:after,.usercontent h6:after {
	content:"";
	width:74px;
	height:0;
	border-bottom:2px solid #6699ff;
	position:absolute;
	left:0;
	bottom:-1px;
}
.usercontent h1 {
	font-size:32px;
}
.usercontent h2 {
	font-size:28px;
}
.usercontent h3 {
	font-size:24px;
}
.usercontent h4 {
	font-size:22px;
}
.usercontent h5 {
	font-size:18px;
}
.usercontent h6 {
	font-size:16px;
}
.usercontent blockquote {
	margin-bottom:20px;
	padding:10px 20px 10px 50px;
	font-size:14px;
	color:#888;
	line-height:24px;
	border:1px dotted #ccc;
	background:#f8f8f8;
	position:relative;
}
.usercontent blockquote:before {
	content:"“";
	font-size:70px;
	color:#ebebeb;
	font-family:arial;
	line-height:1;
	position:absolute;
	top:5px;
	left:14px;
}
.usercontent blockquote p {
	margin:0;
}
.usercontent table {
	margin-bottom:20px;
	font-size:14px;
	border-collapse:collapse;
	border-spacing:0;
}
.usercontent .th {
	width:100px;
	background:#f5f5f5;
}
.usercontent td {
	width:308px;
	padding:5px 10px;
	color:#666;
	line-height:24px;
	word-break:break-all;
	border:1px solid #ebebeb;
}
.usercontent div.prism-show-language>div.prism-show-language-label[data-language] {
	font-size:14px;
}
.usercontent pre[class*="language-"] {
	margin-bottom:20px;
	font-size:14px;
}
.usercon .pagetitle {
	margin-bottom:20px;
}
.usercon .pagetitle h3 {
	font-size:18px;
	color:#333;
	line-height:36px;
	border-bottom:1px solid #ebebeb;
}
.useritem {
	margin-left:-3%;
	font-size:0;
}
.useritem li {
	width:30.333%;
	margin:0 0 3% 3%;
	padding:20px 20px 20px 10px;
	border:1px solid #ebebeb;
	border-radius:4px;
	box-sizing:border-box;
	background:#fff;
	display:inline-block;
	vertical-align:top;
}
.userreport {
	zoom:1;
}
.userreport:after {
	content:"";
	display:block;
	clear:both;
}
.userreport .itemico::before {
	content:"\e6ca";
}
.userfollow .itemico::before {
	content:"\e6eb";
}
.usercollect .itemico::before {
	content:"\e6ec";
}
.usercoin .itemico::before {
	content:"\e674";
}
.userbalance .itemico::before {
	content:"\e71e";
}
.iteminfo {
	padding-left:50px;
	font-size:16px;
	zoom:1;
}
.iteminfo:after {
	content:"";
	display:block;
	clear:both;
}
.iteminfo.alone {
	line-height:36px;
}
.itembtn {
	float:right;
	display:inline;
	margin-top:3px;
	padding:0 10px;
	font-size:16px;
	color:#fff;
	line-height:30px;
	border:0;
	border-radius:4px;
	outline:0;
	cursor:pointer;
	background:#6699ff;
}
.itembtn.disable {
	color:#999;
	background:#ebebeb;
}
.itembtn.disable:hover {
	color:#999;
	background:#ebebeb;
}
.itembtn:hover {
	color:#fff;
	background:#5285eb;
}
.itemtitle {
	font-size:14px;
	color:#333;
}
.itemtitle span {
	color:#6699ff;
}
.itemico::before {
	float:left;
	display:inline;
	margin-right:10px;
	font-size:60px;
	color:#6699ff;
	font-family:iconfont;
	line-height:36px;
}
.button {
	min-width:100px;
	height:38px;
	margin:10px 0 0;
	padding:0 10px;
	font-size:16px;
	color:#fff;
	text-align:center;
	line-height:38px;
	border:1px solid transparent;
	outline:0;
	border-radius:2px;
	box-shadow:1px 8px 10px 0 rgba(72,108,255,0.3);
	cursor:pointer;
	background:linear-gradient(180deg,#4886ff 0,#486aff 100%);
	display:inline-block;
	vertical-align:top;
}
.button.sub {
	color:#646464;
	border-color:#dedede;
	box-shadow:none;
	background:-webkit-linear-gradient(#ffffff,#fbfbfb 40%,#f8f8f8);
}
.button.sub:hover {
	color:#5ea8fd;
	border-color:#b4d8ff;
}
.button:hover {
	color:#fff;
}
#editor_Content {
	margin-bottom:10px;
}
.userprogress {
	font-size:12px;
	line-height:18px;
	display:inline-block;
	vertical-align:top;
}
.userprogressall {
	width:60px;
	height:4px;
	margin:8px 8px 0 0;
	background:#ebebeb;
	position:relative;
	display:inline-block;
	vertical-align:top;
}
.userprogressall i {
	height:100%;
	background:#6699ff;
	position:absolute;
	top:0;
	left:0;
}
.pagecon table,.pagecon th,.pagecon td {
	padding:0 14px;
	border-width:1px;
	border-style:solid;
	border-color:#e6e6e6;
}
.pagecon table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
.pagecon table thead {
	font-size:14px;
	text-align:left;
	line-height:40px;
	background:#f2f2f2;
}
.pagecon table tbody {
	font-size:12px;
}
.pagecon table tbody tr {
	line-height:20px;
}
.pagecon table tbody tr:hover {
	background:#f2f2f2;
}
.pagecon table tbody td {
	padding:10px 14px;
}
.pageform .form-group {
	width:100%;
	margin-bottom:5px;
	display:inline-block;
	vertical-align:top;
	zoom:1;
}
.pageform .form-group:after {
	content:"";
	display:block;
	clear:both;
}
.pageform .form-group label {
	width:80px;
	float:left;
	display:inline;
	font-size:14px;
	color:#666;
	text-align:right;
	line-height:40px;
}
.pageform .form-group .group {
	padding-left:90px;
}
.form-control,.pageform .form-group textarea,.pageform .form-group select {
	width:80%;
	height:40px;
	margin-bottom:10px;
	padding:0 9px;
	color:#666;
	line-height:40px;
	border:1px solid #ccc;
	border-radius:2px;
	outline:0;
	box-sizing:border-box;
}
.pageform .form-group textarea {
	height:100px;
	line-height:30px;
}
.pageform .form-group button {
	width:100px;
	height:40px;
	margin:10px 10px 0 0;
	font-size:16px;
	color:#fff;
	line-height:40px;
	border:0;
	outline:0;
	border-radius:2px;
	box-shadow:1px 8px 10px 0 rgba(72,108,255,0.3);
	cursor:pointer;
	background:linear-gradient(180deg,#4886ff 0,#486aff 100%);
}
.loginpage {
	padding:80px 0;
	background-image:url(images/loginbg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.loginpage .form {
	width:350px;
	margin:0 auto;
	border-radius:4px;
	background:#fff;
	overflow:hidden;
}
.loginpage .form .input {
	position:relative;
	zoom:1;
}
.loginuser,.loginpass,.loginverify,.loginphone,.loginmsg {
	cursor:text;
}
.loginuser::before,.loginpass::before,.loginverify::before,.loginphone::before,.loginmsg::before {
	font-size:16px;
	color:#ccc;
	font-family:iconfont;
	position:absolute;
	left:10px;
	top:14px;
	z-index:2;
}
.loginuser::before {
	content:"\e626";
}
.loginpass::before {
	content:"\e606";
}
.loginverify::before {
	content:"\e63e";
}
.loginphone::before {
	content:"\e702";
}
.loginmsg::before {
	content:"\e61a";
}
.logintext {
	width:100%;
	height:44px;
	margin-bottom:10px;
	padding:0 9px 0 34px;
	color:#666;
	line-height:44px;
	border:1px solid #ccc;
	border-radius:2px;
	outline:0;
	box-sizing:border-box;
}
.logintext::-webkit-input-placeholder {
	color:#ccc;
}
.logintext:-moz-placeholder {
	color:#ccc;
}
.logintext:-moz-placeholder {
	color:#ccc;
}
.logintext:-ms-input-placeholder {
	color:#ccc;
}
.loginbtn {
	width:100%;
	height:44px;
	margin:10px 0;
	font-size:16px;
	color:#fff;
	line-height:42px;
	border:0;
	outline:0;
	border-radius:2px;
	box-shadow:1px 8px 10px 0 rgba(72,108,255,0.3);
	cursor:pointer;
	background:linear-gradient(180deg,#4886ff 0%,#486aff 100%);
}
.formtop {
	padding-top:30px;
	background:#f5f7fa;
}
.formtop p {
	text-align:center;
}
.formtop p.title {
	font-size:24px;
	color:#333;
}
.formtop p.intro {
	padding:10px 30px 20px;
	font-size:12px;
	color:#999;
}
.formmain {
	padding:30px 30px 20px;
}
.formmain .half {
	zoom:1;
}
.formmain .half:after {
	content:"";
	display:block;
	clear:both;
}
.formmain .half .logintext {
	width:50%;
}
.formmain .half .verifycode,.formmain .half .sendcode {
	width:45%;
	float:right;
	display:inline;
	font-size:14px;
	color:#fff;
	text-align:center;
	line-height:44px;
	border:0;
	outline:0;
	border-radius:2px;
	background:#6699ff;
}
.formmain .half .verifycode img,.formmain .half .sendcode img {
	width:100%;
	height:44px;
	border-radius:2px;
	display:block;
}
.formmain .half .sendcode {
	height:44px;
	box-shadow:0 0 10px 1px #b5ceff;
	cursor:pointer;
	background:linear-gradient(180deg,#4886ff 0%,#486aff 100%);
}
.formmain .half .sendcode[disabled=true] {
	color:#333;
	box-shadow:none;
	cursor:default;
	background:#ebebeb;
}
.formlink {
	line-height:32px;
	zoom:1;
}
.formlink:after {
	content:"";
	display:block;
	clear:both;
}
.formlink a {
	font-size:14px;
	color:#6699ff;
}
.formlink .reg {
	float:left;
	display:inline;
}
.formlink .rember {
	float:right;
	display:inline;
}
.formlink p {
	width:100%;
	float:left;
	display:inline;
	margin-top:10px;
	font-size:14px;
	color:#999;
	text-align:center;
	border-top:1px solid #ebebeb;
}
.formlink p a {
	font-size:14px;
	color:#6699ff;
}
.snslogin {
	width:100%;
	float:left;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #ebebeb;
	zoom:1;
}
.snslogin:after {
	content:"";
	display:block;
	clear:both;
}
.snslogin dt {
	float:left;
	display:inline;
	font-size:14px;
	color:#bbb;
}
.snslogin dd {
	float:right;
	display:inline;
}
.snslogin dd a {
	width:32px;
	height:32px;
	margin-left:10px;
	font-size:0;
	text-align:center;
	overflow:hidden;
	display:block;
}
.snslogin dd a::before {
	content:"";
	font-size:28px;
	font-family:iconfont;
}
.snslogin dd a.qq::before {
	content:"\e601";
	color:#498ad5;
}
.snslogin dd a.wechat::before {
	content:"\e610";
	color:#00bb29;
}
.snslogin dd a.weibo::before {
	content:"\e6b3";
	color:#e05244;
}
.copyright {
	padding:20px 0;
	font-size:14px;
	color:#999;
	line-height:20px;
	text-align:center;
}
[class*=icon] {
	padding-left:5px;
}
[class*=icon]::before {
	font-size:22px;
	font-family:iconfont;
	display:inline-block;
	vertical-align:top;
}
.pagebar,.cmtpagebar {
	width:100%;
	margin:0 auto;
	padding:15px 0 10px;
	font-size:0;
	text-align:center;
	box-shadow:0 1px 5px 0 rgba(0,0,0,0.05);
	box-sizing:border-box;
	background:#fff;
}
.pagebar .now-page,.cmtpagebar .now-page {
	font-size:14px;
	color:#fff;
	font-weight:400;
	padding:5px 10px;
	margin:0 5px 5px;
	border:1px solid #0188fb;
	border-radius:2px;
	background:#0188fb;
	display:inline-block;
}
.pagebar a,.cmtpagebar a {
	margin:2px;
	padding:5px 10px;
	font-size:14px;
	color:#777;
	font-weight:400;
	border:1px solid #e2e2e2;
	border-radius:2px;
	background:#fff;
	display:inline-block;
}
.pagebar a:hover,.cmtpagebar a:hover {
	color:#fff;
	border:1px solid #0188fb;
	background:#0188fb;
}
.pageform .form-group select {
	max-width:270px;
}

.ytecn_input_img{width:40%!important;}
.ytecn_upimgbutton{ width:120px;}
.ytecn_upimg{width:100px;vertical-align: middle;}