.container {
	width:1240px
}
.list-left {
	padding:15px;
	width:75%;
}
.label-main {
	padding:25px 0 0 15px;
	display:none
}
a.category-tag,a.category-tag:hover {
	display:inline-block;
	padding:3px 12px;
	color:#fff;
	font-size:1.2rem;
	font-size:15px;
	margin-right:10px;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.channel-header {
	width:100%;
	margin-bottom:25px;
	background-color:#d2d2d2;
	overflow:hidden;
	position:relative;
	background-color:#f3f3f3;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
.channel-header .img-cover {
	width:100%;
	visibility:visible
}
.channel-title {
	margin:0;
	text-shadow:1px 1px 5px #888;
	line-height:36px;
	vertical-align:middle;
	position:absolute;
	text-align:center;
	top:50%;
	background:transparent;
	z-index:3;
	width:100%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.channel-title .keywords {
	color:#fff;
	font-size:2rem;
	font-size:2vw;
}
.channel-title h1 {
	font-size:40px;
	font-weight:bold;
	color:#fff;
	margin:0;
	text-shadow:1px 1px 5px #888;
	line-height:36px;
	vertical-align:middle;
}
.article-main {
	width:1270px;
	margin-top:38px;
	padding-right:320px;
	position:relative;
	text-align:center;
	-webkit-transition:padding 0.3s;
	transition:padding 0.3s;
	max-width:1050px;
	box-sizing:border-box;
	overflow:hidden
}
.article-main2 {
	padding-right:0
}
.article-left {
	max-width:700px;
	margin:0 auto;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	text-align:left;
}
.article-left a.category-tag,.article-left a.category-tag:hover {
	display:inline-block;
	padding:3px 12px;
	background-color:#dd9300;
	color:#fff;
	font-size:1.2rem;
	font-size:15px;
	margin-right:10px;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.article-left .topic-title {
	margin:0.67em 0;
	font-size:25px;
	font-weight:bold;
	color:#333;
	-webkit-margin-before:0.83em;
	-webkit-margin-after:0.83em;
}
.article-left .topic-info {
	line-height:32px;
}
.article-left .top-section .author {
	margin-right:15px;
}
.article-left .top-section .author img {
	width:32px;
	height:32px;
	border-radius:50%;
	margin-right:14px;
}
.article-left .top-section .release-date {
	margin-right:15px;
	color:#333
}
.article-left .top-section .switch-read {
	width:20px;
	height:25px;
	display:block;
	float:right;
	overflow:hidden
}
.article-left .top-section .icon-open-book {
	width:20px;
	height:20px;
	background:url(../images/icon-book.gif) no-repeat left top;
}
.article-left .top-section .icon-close-book {
	width:20px;
	height:20px;
	background:url(../images/icon-book.gif) no-repeat right top;
}
.article-left .article-content {
	margin-top:18px;
	font-size:16px;
	color:#333;
	line-height:1.8;
	letter-spacing:0.5px;
	word-wrap:break-word;
}
.article-left .article-content b,.article-left .article-content strong {
	color:#444
}
.article-left .article-content img {
	display:block;
	max-width:100%;
	/*max-height:80vh;
	*/margin:0 auto;
	height:auto;
	height:auto !important
}
.article-left .article-content p.post_thumb_pic {
	margin-bottom:5px
}
.article-left .article-content p.post_thumb_pic img {
	width:480px;
	height:320px
}
.article-left .article-content p.post_audio_url {
	width:480px;
	overflow:hidden;
	margin:0 auto 10px;
}
.article-left .article-content p.post_audio_url audio {
	width:100%;
}
.article-left .article-content p {
	margin:30px 0;
	display:block;
	-webkit-margin-before:1.5em;
	-webkit-margin-after:1.5em;
	-webkit-margin-start:0px;
	-webkit-margin-end:0px;
}
.article-left .article-comments h3,.videos-info .article-comments h3 {
	font-size:18px;
	font-weight:bold
}
.article-comments h3 span.other_login {
	float:right;
	font-size:12px;
	font-weight:100
}
.article-comments h3 span.other_login a {
	color:#333
}
.article-comments h3 span.other_login a.login-btn {
	background:#2ea5de;
	padding:3px 5px;
	color:#fff;
	margin-right:5px
}
.article-comments h3 span.other_login a i {
	font-size:16px;
	margin:0 3px 0 6px
}
.article-comments h3 span.other_login a.weixin i {
	color:#8dc61f
}
.article-comments h3 span.other_login a.sina_weibo i {
	color:#d52b2a
}
.article-comments h3 span.other_login a.qq i {
	color:#428bca
}
.article-left .control-group,.videos-info .control-group {
	width:100%;
	position:relative;
}
.article-left .control-group .user-avatar,.videos-info .control-group .user-avatar {
	display:inline-block;
	width:50px;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
.article-left .control-group .comment-postbox-wraper,.videos-info .control-group .comment-postbox-wraper {
	display:inline-block;
	position:relative;
	width:85%;
	padding-left:12%;
}
.article-left .control-group .btn,.videos-info .control-group .btn {
	margin-top:0;
}
.article-left .control-group .comment-postbox-wraper textarea,.videos-info .control-group .comment-postbox-wraper textarea {
	border:0;
	background-color:#fff;
	border:1px solid rgba(0,0,0,0.15);
	box-shadow:inset 2px 2px 10px rgba(0,0,0,0.05);
	padding:10px;
	width:100%;
	min-height:100px;
}
.article-left .control-group input.textbox,.videos-info .control-group input.textbox {
	background-color:#fff;
	border:1px solid rgba(0,0,0,0.15);
	box-shadow:inset 2px 2px 10px rgba(0,0,0,0.05);
}
.share-content {
	text-align:center;
	padding:15px 0;
	margin-bottom:30px;
	margin-top:20px;
}
.share-content .share-wrap {
	display:inline-block;
	position:relative;
	width:80px;
	height:80px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	border-radius:50%;
	cursor:pointer;
}
#qrcode_info {
	display:none;
	position:absolute;
	left:0;
	top:0;
	z-index:999;
	box-shadow:10px 10px 5px #e1e1e1;
}
#qrcode_info #qrcode {
	position:relative;
	width:150px;
	margin:0;
	background:#fff;
	padding:12px;
	border:1px solid #ddd
}
#qrcode_info #qrcode span {
	position:absolute;
	right:-16px;
	top:-38px;
}
.share-content .share-wrap * {
	box-sizing:border-box;
}
.share-content .share-wrap .share-wrap-btn {
	position:absolute;
	background-color:#01a6f5;
	border-radius:50%;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:11
}
.share-content .share-wrap span {
	line-height:80px;
}
.share-content .share-wrap .share-ico a {
	position:absolute;
	top:15px;
	left:15px;
	filter:alpha(opacity=20);
	opacity:0.2;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.share-content:hover .share-wrap .share-ico a.weixin {
	top:0;
	left:85px;
	filter:alpha(opacity=100);
	opacity:1;
}
.share-content:hover .share-wrap .share-ico a.sina_weibo {
	top:44px;
	left:85px;
	filter:alpha(opacity=100);
	opacity:1;
}
.share-content:hover .share-wrap .share-ico a.tencent-weibo {
	top:78px;
	left:58px;
	filter:alpha(opacity=100);
	opacity:1;
}
.share-content:hover .share-wrap .share-ico a.qq {
	top:90px;
	left:15px;
	filter:alpha(opacity=100);
	opacity:1;
}
.share-content .share-ico a.weixin {
	background:#8dc61f;
}
.share-content .share-ico a {
	border:none;
	display:inline-block;
	color:white;
	padding:0;
	width:35px;
	height:35px;
	text-align:center;
	line-height:30px;
	border-radius:60px;
	font-size:18px;
	margin:0 2px;
}
.share-content .share-ico a i {
	margin:0;
	position:relative;
	top:4px;
	left:1px;
}
.share-content .share-ico a.weixin {
	background:#8dc61f;
}
.share-content .share-ico a.weixin:hover {
	background:#a3d642;
}
.share-content .share-ico a.tencent-weibo:hover {
	background:#54c6f9;
}
.share-content .share-ico a.tencent-weibo {
	background:#2daae2;
}
.share-content .share-ico a.sina_weibo {
	background:#d52b2a;
}
.share-content .share-ico a.sina_weibo:hover {
	background:#e05454;
}
.share-content .share-ico a.qq {
	background:#428bca;
}
.share-content .share-ico a.qq:hover {
	background:#2ea5ed;
}
.article-comments .comment {
	position:relative;
}
.article-comments .depth-1:not(:first-child) {
	margin-top:20px;
	padding-top:20px;
	border-top:1px dashed #dedede;
}
.article-comments .depth-2 {
	padding-left:50px
}
.article-comments .depth-1:not(:first-child) .user-avatar {
	margin-top:20px;
}
.comments .user-avatar {
	display:inline-block;
	width:50px;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
.article-comments .depth-2 .user-avatar {
	left:50px;
}
.article-comments .comments .avatar {
	display:inline-block;
	width:50px;
	height:50px;
	border-radius:8px;
	overflow:hidden;
	border:1px solid #f0f0f0;
}
.article-comments .comments .avatar img {
	vertical-align:middle;
	width:72px;
	height:72px;
	border-radius:0;
}
.comment-area .user-avatar img.avatar {
	max-width:50px;
	max-height:50px;
}
.article-comments .comments .comment-body {
	display:inline-block;
	width:85%;
	padding-left:12%;
}
.article-comments .comments .comment-body span.time {
	font-size:14px;
	color:#c7c8c8;
	margin-left:12px;
}
.article-comments .comments .comment-content a {
	color:#2ea5de
}
.article-comments .comments .comment-content dd {
	position:relative;
	background-color:#ebf8fc;
	border-radius:2px;
	padding:15px;
	margin:12px 0;
}
.article-comments .depth-2 .comment-content dd {
	background-color:#ebf7ed;
}
.article-comments .comments .comment-content dd::before {
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:0;
	border:10px solid;
	border-color:#ebf8fc transparent transparent transparent;
	z-index:5;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
}
.article-comments .depth-2 .comment-content dd::before {
	border-color:#ebf7ed transparent transparent transparent;
}
.article-comments .btn-primary {
	background-color:#1abc9c;
}
.article-comments .btn-primary:hover {
	background-color:#17a689;
}
.paging {
	margin:40px 0;
	padding:0 15px
}
.paging * {
	box-sizing:border-box
}
.paging-link {
	width:50%;
	position:relative;
	display:block;
	vertical-align:middle;
	color:#333;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.paging .icon-prev {
	background:url(../images/left-right-ico.gif) no-repeat left center;
	position:absolute;
	width:12px;
	height:21px;
	top:48%;
	left:-8px;
	-webkit-transform:translate(-120%,-50%);
	-ms-transform:translate(-120%,-50%);
	transform:translate(-120%,-50%);
}
.paging .icon-next {
	background:url(../images/left-right-ico.gif) no-repeat right center;
	position:absolute;
	width:12px;
	height:21px;
	top:48%;
	right:-8px;
	-webkit-transform:translate(120%,-50%);
	-ms-transform:translate(120%,-50%);
	transform:translate(120%,-50%);
}
.paging .paging-link.prev:hover {
	-webkit-transform:translateX(-10px);
	-ms-transform:translateX(-10px);
	transform:translateX(-10px)
}
.paging .paging-link.next:hover {
	-webkit-transform:translateX(10px);
	-ms-transform:translateX(10px);
	transform:translateX(10px)
}
.next {
	text-align:right
}
.prev .paging-img {
	width:45%;
	display:inline-block;
	vertical-align:middle;
	border:1px solid #f0f0f0;
	margin-right:3%;
}
.next .paging-img {
	width:45%;
	display:inline-block;
	vertical-align:middle;
	border:1px solid #f0f0f0;
	margin-left:3%;
}
.paging-link .paging-img img {
	width:155px;
	height:95px;
	display:inline-block;
	vertical-align:middle;
	border:1px solid #f0f0f0;
}
.paging-link .paging-desc {
	padding:0;
	width:47%;
	display:inline-block;
	vertical-align:top;
}
.paging-link h4 {
	margin:0;
	margin-bottom:5px;
	font-size:14px;
	font-weight:bold;
}
.paging-link .paging-desc p {
	display:block;
	display:-webkit-box;
	line-height:20px;
	max-height:60px;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	margin:0;
	font-size:14px;
	color:#666;
}
.article-right {
	width:300px;
	position:absolute;
	top:80px;
	right:0;
	opacity:1;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	text-align:left;
	display:block;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.article-main2 .article-right {
	right:-300px;
	top:150px;
	filter:alpha(opacity=20);
	opacity:0.2;
}
.article-right .right-content {
	border:1px solid #ececec;
}
.article-right .right-content .title {
	position:relative;
	margin:0 10px;
	color:#ececec;
	line-height:50px;
	font-weight:normal;
	border-bottom:3px solid #2ea5de;
	padding:0 10px;
	cursor:pointer;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.article-right .right-content .title h2 {
	font-size:22px;
	color:#777;
}
.article-right .right-content .content {
	padding:15px 0;
	margin:0
}
#article_content img {
	height:auto !important
}
#article_content {
	word-wrap:break-word;
}
.control-group .btn,comment-reply-submit .btn {
	margin-top:33px;
}
.videos-home {
	margin:0 auto;
	overflow:visible;
	padding:30px 0;
	width:100%;
	max-width:1160px;
	position:relative;
	left:19px;
	padding:0;
}
.videos-home .video-plac {
	width:98%
}
.videos-home .video-coll {
	margin-left:0
}
.video-coll {
	width:99%;
	clear:both;
	overflow:hidden;
	padding:15px 0;
	position:relative;
	margin-left:1.2%;
}
.video-coll h2 {
	font-size:22px;
	font-weight:bold;
	margin:35px 0;
	border-left:13px solid #7fc042;
	line-height:23px;
	padding:2px 0 0 10px;
	clear:both
}
.video-coll ul {
	overflow:auto;
	list-style:none;
	padding:0;
	margin:0;
}
.video-coll ul li {
	position:relative;
	height:0;
	width:22.819047619%;
	padding-bottom:12.380952381%;
	margin-right:1.9841269841%;
	margin-bottom:1.9841269841%;
	float:left;
}
.video-coll ul li:hover img {
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05)
}
.video-coll ul li:after {
	content:"";
	display:block;
	position:absolute;
	width:50%;
	height:4px;
	bottom:-9px;
	right:0;
	background:#58d0f3
}
.video-coll ul li .video-info {
	padding:10px;
	position:absolute;
	bottom:-5px;
	width:100%;
	box-sizing:border-box;
	background-image:-webkit-linear-gradient(rgba(0,0,0,0),#000);
	background-image:linear-gradient(rgba(0,0,0,0),#000);
}
.video-coll ul li .video-info h3 {
	line-height:160%;
	font-size:16px;
	color:white;
	font-weight:bold
}
.video-coll ul li .video-info p {
	font-size:13px;
	color:white
}
.video-coll ul li a {
	display:block;
	width:100%;
	overflow:hidden;
	height:0;
	padding-bottom:56%
}
.video-coll ul li a img {
	width:100%;
	display:block;
	-webkit-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out
}
.video-coll ul li.highlight {
	height:0;
	width:47.5428571429%;
	padding-bottom:26.6666666667%
}
.video-coll ul li.highlight:after {
	bottom:-8px;
	width:30%
}
.video-coll ul li.highlight .video-info {
	padding:20px 20px;
	margin-bottom:1px;
}
.video-coll ul li.highlight .video-info h3 {
	font-size:26px;
	font-weight:bold
}
.video-coll ul li.single {
	width:98.3%;
	height:0;
	padding-bottom:29.6825396825%;
	overflow:hidden
}
.video-coll ul li.single .video-info {
	bottom:-1px;
}
.video-coll ul li.single:after {
	background-color:#58d0f3;
	bottom:0;
	width:20%
}
.videos-view .video-box {
	width:100%;
	background-color:black;
}
.videos-view .video-box .video-player-area {
	text-align:center;
	padding-top:0;
	height:632px;
	width:100%;
	margin:0 auto;
	max-width:1122px;
	background-position:center;
	position:relative;
}
.videos-view .video-bar {
	background-color:#576370;
	padding:5px 0;
	box-shadow:0 -1px 0px #474747 inset;
}
.videos-view .video-bar .operate {
	width:100%;
	margin:0 auto;
	max-width:1122px;
	padding-bottom:0;
	overflow:auto;
}
.videos-view .video-bar .operate {
	width:100%;
	margin:0 auto;
	max-width:1122px;
	padding-bottom:0;
	overflow:auto;
}
.videos-view .share {
	float:left;
	position:relative;
	overflow:visible;
}
.videos-view .share a {
	border:none;
	display:inline-block;
	color:white;
	padding:0;
	width:35px;
	height:35px;
	text-align:center;
	line-height:30px;
	border-radius:60px;
	font-size:1.3em;
	margin:0 2px;
}
.videos-view .share a i {
	margin:0;
	position:relative;
	top:4px;
	left:1px;
}
.videos-view .share a.weixin {
	background:#8dc61f;
}
.videos-view .share a.weixin:hover {
	background:#a3d642;
}
.videos-view .share a.tencent-weibo:hover {
	background:#54c6f9;
}
.videos-view .share a.tencent-weibo {
	background:#2daae2;
}
.videos-view .share a.sina_weibo {
	background:#d52b2a;
}
.videos-view .share a.sina_weibo:hover {
	background:#e05454;
}
.videos-view .share a.qq {
	background:#428bca;
}
.videos-view .share a.qq:hover {
	background:#2ea5ed;
}
.videos-view .video-bar .operate .rate {
	float:left;
}
.videos-view .video-bar .operate .rate a {
	color:#666666;
	font-size:20px;
	border-radius:20px;
	padding:3px 11px;
	color:white;
	margin-left:5px;
	-webkit-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
.videos-view .video-bar .operate .rate a:hover {
	color:#3e9ac0;
}
.videos-view .video-bar .operate .rate a i {
	line-height:35px;
	margin-right:0;
}
.videos-view .video-bar .operate .rate span {
	margin-left:3px;
	font-size:14px;
}
.videos-info {
	width:1070px;
	background:#fff;
	padding:15px 25px
}
.videos-info h2 {
	font-size:1.8em;
	width:66.9231%;
	line-height:1.2em;
	margin-top:10px;
	cursor:pointer;
}
.videos-info h2 i {
	display:inline-block;
	float:right;
	color:#2daae2;
}
.videos-info .main-content {
	width:66.923077%;
	float:left;
	box-sizing:border-box;
	margin-top:20px;
}
.videos-info .main-content .video-description {
	display:block;
	font-size:14px;
	margin:0px 0px 15px;
	line-height:1.8em
}
.videos-info .sidebar {
	width:25.076923%;
	min-width:265px;
	float:right;
	box-sizing:border-box;
}
.videos-info .sidebar .related-videos {
	margin-top:18px;
}
.videos-info .sidebar .related-videos h3 {
	font-size:16px;
	line-height:1.8em;
}
.videos-info .sidebar .related-videos h3 i {
	margin-right:10px;
}
.videos-info .sidebar .related-videos ul {
	overflow:auto;
	padding-top:10px;
	list-style:none;
	margin:0;
}
.videos-info .sidebar .related-videos ul li:after {
	content:"";
	display:block;
	position:absolute;
	width:50%;
	height:4px;
	bottom:-9px;
	right:0;
	background:#58d0f3;
}
.videos-info .sidebar .related-videos ul li {
	position:relative;
	height:0;
	width:100%;
	padding-bottom:55%;
	margin-bottom:25px;
	float:left;
	display:list-item;
	text-align:-webkit-match-parent;
}
.videos-info .sidebar .related-videos ul li a {
	display:block;
	width:100%;
	overflow:hidden;
	height:0;
	padding-bottom:56%;
}
.videos-info .sidebar .related-videos ul li a img {
	width:100%;
	display:block;
	-webkit-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
	border:0;
}
.videos-info .sidebar .related-videos ul li:hover img {
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05);
}
.videos-info .sidebar .related-videos ul li .video-info {
	padding:10px;
	position:absolute;
	bottom:-5px;
	width:100%;
	box-sizing:border-box;
	background-image:-webkit-linear-gradient(rgba(0,0,0,0),#000);
	background-image:linear-gradient(rgba(0,0,0,0),#000);
}
.videos-info .sidebar .related-videos ul li .video-info h3 {
	font-size:14px;
	color:white;
}
.videos-info .sidebar .related-videos ul li .video-info p {
	font-size:13px;
	color:white;
}
.user-main .user-left {
	padding:15px;
	width:75%;
	margin:0 auto;
	background:#fff
}
.user-main a.category-tag,.user-main a.category-tag:hover {
	display:inline-block;
	padding:3px 12px;
	color:#fff;
	font-size:1.2rem;
	font-size:15px;
	margin-right:10px;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.user-header {
	width:100%;
	margin-bottom:25px;
	background-color:#d2d2d2;
	overflow:hidden;
	position:relative;
	background-color:#f3f3f3;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
.user-header div {
	margin:0;
	text-shadow:1px 1px 5px #888;
	vertical-align:middle;
	position:absolute;
	text-align:center;
	top:8%;
	background:transparent;
	z-index:3;
	width:100%;
}
.user-header .avatar {
	width:130px;
	height:130px;
	margin:10px auto;
	overflow:hidden;
	display:block;
	border-radius:10px;
	box-shadow:0 0 20px white;
}
.user-header .avatar img {
	width:130px;
	height:auto;
}
.user-header p.username {
	color:white;
	font-size:1.875em;
	display:inline-block;
	margin:5px 0 10px 0;
	text-shadow:#525252 1px 1px 6px;
}
.user-header p.username a {
	font-size:14px;
	margin-left:8px;
	background:#d8d8d8;
	padding:3px 4px;
	color:#858585;
	border-radius:4px;
	position:relative;
	top:-3px;
	text-shadow:none;
}
.user-header p.username a:hover {
	background:#40bee6;
	color:white;
}
.user-info {
	color:#333333;
	font-size:16px;
	max-width:990px;
	width:100%;
	margin:0 auto;
	overflow:visible;
	text-align:center;
}
.user-info p.userdescription {
	max-width:830px;
	width:69.1666666667%;
	margin:12px auto;
}
.masonry-area {
	margin:0 auto;
	overflow:visible;
	padding:30px 0;
	width:100%;
	max-width:1160px;
	position:relative;
	left:19px;
}
.tag-link {
	width:20%;
	min-width:950px;
	padding:4px 0;
	display:block;
	margin:20px auto;
	font-size:0.875em;
	color:#333333;
	overflow:auto;
	text-align:center;
}
.tag-link a {
	display:inline-block;
	padding:5px 0;
	border:1px solid #cccccc;
	float:left;
	margin-right:-1px;
	color:#666666;
	font-size:14px;
	width:15%;
	background:#fff
}
.tag-link a:last-child {
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}
.tag-link a.on {
	background:#f1f1f1;
	box-shadow:1px 1px 4px #cccccc inset;
	border-color:#cccccc;
	color:#4f4f4f;
}
.user-main .empty-box {
	width:60%;
	border:1px dashed #cccccc;
	border-radius:6px;
	text-align:center;
	margin:0 auto;
	padding:50px;
	background:#f1f1f1;
	margin-bottom:20px;
}
.user-main .empty-box span {
	font-size:5em;
	color:#dddddd;
	display:block;
	margin-bottom:20px;
}
.user-main .fa-inbox:before {
	content:"\f01c";
}
.user-main .empty-box a {
	background:#2ea9cd;
	margin-bottom:20px;
	display:block;
	color:white;
	width:15%;
	margin:10px auto;
	padding:5px;
	border-radius:5px;
	min-width:100px;
}
.user-fixed-top {
	position:fixed
}
.form-box {
	margin:0 auto;
	width:60%;
	max-width:960px;
	min-height:280px;
	background:white;
	padding:40px 5% 30px 5%;
	border-radius:4px;
	overflow:auto;
	margin-bottom:40px;
}
.form-box .control-group .control-label {
	font-size:16px
}
.form-box input,.form-box textarea,.form-box select {
	width:50%;
	display:inline-block;
	border:1px solid #cccccc;
	border-radius:4px;
	min-width:225px;
}
.form-box .btn {
	min-width:120px;
	border-radius:4px;
}
.form-box .btn:hover {
	background:#2ea9cd;
	color:#fff
}
.tag-link-t3 {
	margin-top:90px;
	width:20%;
	min-width:800px;
}
.tag-link-t3 a {
	width:16%
}
.tag-link-t3 a.on {
	box-shadow:0px 0px 0px #cccccc inset;
	color:white;
	background:#2ea9cd;
	border-color:#2ea9cd;
}
.tag-link-t3 a:first-child {
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}
.user-login-box {
	background:#f9f9f9;
	box-shadow:0 0 20px #dddddd;
	width:96%;
	max-width:380px;
	margin:80px auto 60px auto;
	position:relative;
	z-index:1;
}
.user-login-box .nav-tabs {
	padding:0 5%;
	padding-top:15px;
	border-bottom:1px solid #e4e4e4;
	height:45px;
}
.user-login-box .nav-tabs>li {
	width:50%;
	text-align:center;
}
.user-login-box .nav-tabs>li>a {
	padding-top:8px;
	padding-bottom:8px;
	line-height:28px;
	color:#acacac;
	font-size:18px;
	border-top:1px solid #f9f9f9;
}
.user-login-box .nav-tabs>li>a:hover {
	background:#f9f9f9;
}
.user-login-box .nav-tabs>li>a:hover,.nav-tabs>li>a:focus {
	}.user-login-box .nav-tabs>.active>a,.nav-tabs>.active>a:hover,.nav-tabs>.active>a:focus {
	color:#373737;
	cursor:default;
	background:#f9f9f9;
	border:1px solid #e4e4e4;
	position:relative;
	top:1px;
	border-bottom:0;
}
.user-login-box .tab-content {
	padding:1% 5%;
	overflow:hidden;
}
.user-login-box input,.user-login-box textarea,.user-login-box select {
	width:95%;
	display:inline-block;
	border:1px solid #cccccc;
	border-radius:4px;
	min-width:80px;
}
.user-login-box .btn-success {
	border-radius:4px;
	background:#2ea5de;
	width:80px;
	margin-left:5px;
	margin-top:-3px
}
.user-login-box .js-ajax-submit {
	min-width:100%;
	text-align:center;
	margin:0 auto;
	border-radius:4px;
	background:#cccccc
}
.user-login-box .js-ajax-submit:hover {
	background:#2ea5de
}
#sign_title {
	text-align:center;
	color:#9b9b9b;
	font-size:1rem;
	border-bottom:1px solid #e4e4e4;
}
#social_login {
	text-align:center;
	line-height:30px;
}
#social_login>li,.users_new #social_login>li {
	display:inline-block;
}
#social_login>li .fa,.users_new #social_login>li .fa {
	display:block;
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:99px;
	text-align:center;
	color:white;
	font-size:22px;
	margin:0 4px;
	padding:0;
	background-color:#b5b5b5;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
#social_login>li .fa-weibo:hover {
	background:#e6162d;
}
#social_login>li .fa-weixin:hover {
	background-color:#39bb44;
}
#social_login>li .fa-qq:hover {
	background-color:#2ea5de;
}