html{
	transition: all 0.5s ease 0s;
}
body {
	font-family: zmmz;
	font-size: 12px;
	line-height: 1.42857143;
	color: #737088;
	/* background-color: #A5CFF5; */
	/* background: #d2e9fb url(/template/default/static/img/background.bc725153.png) top/contain no-repeat; */
	background-size: auto;
	transition: all 1s;

	position: relative;
    background-repeat: no-repeat;
    background-position: 50% 0px;
    background-size: 2560px;
    background-attachment: fixed;
	background-color: #A5CFF5;
    z-index: 0;
    /* background-color: rgb(255, 204, 149); */
    /* background-image: url(/template/default/static/img/%E8%99%8E%E5%B9%B4%E9%9D%9E%E4%BC%9A%E5%91%98-1643274545480.jpg); */

	/* background-color: rgb(255, 189, 136);
    background-image: url(https://edu-wenku.bdimg.com/v1/pc/VIP/doc-icon/%E8%99%8E%E5%B9%B4%E4%BC%9A%E5%91%98-1643275602835.jpg); */
	/* background-color: rgb(255, 208, 93);
    background-image: url(https://edu-wenku.bdimg.com/v1/pc/viewThem/niuqihonghong.png); */

	/* background-color: rgb(11, 22, 40);
    background-image: url(https://edu-wenku.bdimg.com/v1/pc/viewThem/large-pink-1608095222087.png); */
}

.nuxt-progress {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	width: 0;
	opacity: 1;
	transition: width .1s,opacity .4s;
	background-color: rgb(64 158 255);
	z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
	transition: none
}

.nuxt-progress-failed {
	background-color: red
}

.page-enter-active,.page-leave-active {
	transition: all .5s ease
}

.page-enter,.page-leave-active {
	filter: blur(2px)
}

.nuxt-link-exact-active {
	color: #53a8ff!important
}

.app-post-content {
	border-radius: 4px;
	transition: all .3s ease
}

.app-content-box {
	padding: 10px;
	background-color: #fff;
	border-radius: 4px;
}

.app-content-box .content {
	margin-top: 12px
}

.app-content-box .content #app-data {
	/* line-height: 26px */
}

.app-content-box .content #app-data img {
	max-width: 100%;
	border-radius: 4px
}

.app-content-box .content #app-data pre {
	/* opacity: .8; */
	margin-top: 8px;
	margin-bottom: 10px;

	/* padding-top: 15px; */
    background: #282c34;
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 55%) 0px 2px 10px;
}
pre:before {
    content: '';
    display: block;
    background: url(/template/default/static/img/876cad08-0422-409d-bb5a-08afec5da8ee.svg);
    height: 30px;
    width: 100%;
    background-size: 40px;
    background-repeat: no-repeat;
    background-color: #282c34;
    margin-bottom: -7px;
    border-radius: 5px;
    background-position: 10px 10px;
}
/* pre::after {
    content: '复制';
    display: block;
    height: 30px;
	cursor: pointer;
	position: absolute;
    top: 0;
    right: 0;
} */
.app-main-post img{
    width: 99%;
}

.app-content-box .header h1 {
	font-weight: 500;
	margin-bottom: 12px;
	margin-top: 12px;
	text-align: center;
	font-size: 16px
}

.app-content-box .header .meta {
	color: #999;
	text-align: center
}

.app-content-box .header .meta>span {
	color: #fff;
	padding: 4px;
	background-color: #5a5a5a;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}

.app-content-box .header .meta a {
	color: #fff;
	padding: 4px;
	margin-right: 4px;
	background-color: #4bc51d;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.app-content-box .header .meta .tiem {
	background-color: #f48041
}

.app-content-box .header .meta .comment,.app-content-box .header .meta .look {
	background-color: #53a8ff
}

.app-article-about {
	padding: 10px 20px;
	background: #f7f7f7;
	border-left: 3px solid #53a8ff;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px
}

.app-article-about img {
	width: 100px!important;
	float: left;
	margin-right: 20px
}

@media (max-width:470px) {
	.app-article-about img {
		margin-right: 12px
	}
}

.app-article-about p {
	margin: 15px 0
}

.app-article-about a {
	color: #409eff
}

.app-tag {
	margin-top: 20px
}

.app-tag a {
	color: #53a8ff;
	padding: 8px;
	border-radius: 4px;
	background: rgba(0,132,255,.1);
	border-color: transparent
}

.app-banner {
	height: 480px;
	clear: both;
	display: block;
	padding-top: 60px;
	transition: all .3s ease
}

@media (max-width:1250px) {
	.app-banner {
		height: 360px
	}
}

@media (max-width:996px) {
	.app-banner {
		height: 230px
	}
}

.app-slide,.app-slide-bg {
	position: relative;
	width: 100%;
	height: 100%
}

.app-slide-bg {
	/* background-image: url("/template/default/static/img/banner.bcd9c69.jpg")tpa=https://www.usuuu.com/_nuxt/img/banner.bcd9c69.jpg; */
	background-image: url("/template/default/static/img/back2.gif");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%
}

.app-slide-bg:before {
	display: block;
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	background: linear-gradient(90deg,rgba(83,168,255,.32157),rgba(83,168,255,.2))
}

.app-comments-box {
	width: calc(75% - 10px);
	margin: 10px;
	border-radius: 4px;
	background-color: #fff;
	flex: 1;
}
/* 新增的一个容器 */
.app-right-content-box{
	display: flex;
    width: 75%;
	transition: all 1s;
}
.app-right-content-box>.app-main-post{
	width: 68%;
}
.app-right-content-box>.app-main-right{
	flex: 1;
}
.app-right-content-box>.app-comments-box{
	margin-right: 0;

}
@media (max-width:1250px) {
	.app-right-content-box,.app-main-post {
		width: 100%;
	}
	
}
/*  */
@media (max-width:1250px) {
	.app-comments-box {
		width: 100%;
		margin: 0;
		margin-top: 10px;
	}
}

.app-comments-box .app-about {
	padding: 10px 10px 10px 20px
}

.app-comments-box .app-about h4,.app-comments-box .app-about p {
	line-height: 26px
}

.app-main-left {
	width: 25%
}

@media (max-width:1250px) {
	.app-main-left {
		display: none
	}
}

.app-main-left-box {
	padding-top: 10px;
	height: 100%
}

.app-myInfo {
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 4px;
	background-color: #fff
}

.app-myInfo img {
	vertical-align: middle
}

.app-myInfo>a>p {
	text-align: center;
	color: #409eff;
	font-size: 16px;
	font-weight: 700
}

.app-myInfo>p {
	margin-top: 5px;
	margin-left: 20px
}

.app-myInfo-brief {
	font-size: 12px;
	margin-top: 15px!important;
	margin-bottom: 15px
}

.app-myInfo>ul {
	margin-top: 15px;
	margin-left: 20px
}

.app-myInfo>ul>li {
	margin: 16px 0
}

.app-myInfo>ul>li a {
	color: #737088
}

.app-myInfo>ul>li a:hover {
	color: #409eff
}

.app-myInfo .massage {
	opacity: .9;
	margin-top: 16px;
	width: 100%;
	height: 36px;
	border-radius: 3px;
	background: #409eff;
	line-height: 36px;
	display: block;
	text-align: center
}

.app-myInfo .massage:hover {
	background: #66b1ff
}

.app-myInfo .massage span {
	color: #fff
}

.app-photoRail {
	background: #fff;
	padding: 15px 0;
	border-radius: 5px
}

.app-photoRail p {
	margin-left: 8px;
	font-weight: 600
}

.app-photoRail ul {
	height: 100%;
	overflow: hidden
}

.app-photoRail ul li {
	width: calc(33.33% - 10px);
	margin: 8px 0 0 8px;
	float: left
}

.app-photoRail ul li img {
	border-radius: 4px;
	height: 83px;
	max-width: 100%;
	object-fit: cover;
	min-width: 100%
}

.app-recommended {
	background: #fff;
	padding: 15px 8px;
	margin-top: 10px;
	border-radius: 5px
}

.app-recommended>p {
	margin-left: 8px;
	font-weight: 600
}

.app-recommended ul li {
	margin-top: 15px;
	position: relative;
	height: 100%;
	overflow: hidden
}

.app-recommended ul li img {
	width: 48px;
	float: left;
	height: 48px;
	margin-right: 15px;
	/* border-radius: 50%; */
	object-fit: cover;
}

.app-recommended .recommended {
	width: 90%;
	height: 100%
}

.app-recommended .recommended p {
	margin-top: 3px;
	color: #999;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all
}

.app-recommended .recommended p a {
	color: #565656
}

.app-recommended .recommended-click {
	position: absolute;
	opacity: .9;
	top: 8px;
	right: 8px;
	color: #409eff
}

.app-IndexLink {
	padding: 10px;
	margin-top: 10px;
	border-radius: 4px;
	background-color: #fff
}

.app-IndexLink ul {
	display: flex;
	flex-wrap: wrap
}

.app-IndexLink li {
	margin-right: 8px;
	line-height: 26px
}

.app-IndexLink li a {
	color: #888da8
}

.app-IndexLink li a:hover {
	color: #409eff
}

.app-logos {
	background-color: #fff;
	text-align: center;
	margin-top: 12px;
	border-radius: 4px
}

.app-love {
	text-align: center;
	margin: 6px 6px 15px
}

.btn-love {
	color: #fff;
	outline: 0;
	/* opacity: .8; */
	border-radius: 4px;
	padding: 6px 12px;
	border-color: transparent;
	/* background: #53a8ff */
	background-color: #007bff;
}

.btn-love img {
	vertical-align: middle
}

@media screen and (max-width:550px) {
	.video-love {
		margin-top: 16px!important
	}
}

.app-comments {
	/* padding: 10px */
}

#app-comment-form {
	margin-top: 10px;
	padding: 6px;
	position: relative;
	background-color: #fff;
	border-radius: 4px
}

#user-avatar {
	float: left;
	width: 38px;
	height: 36px;
	border-radius: 4px
}

.app-group {
	display: flex;
	margin-bottom: 6px
}

.app-group>div {
	margin-left: 4px;
	margin-bottom: 6px
}

.app-control {
	display: block;
	width: 100%;
	height: 36px;
	/* padding: 6px 12px; */
	padding: 8px;
	font-size: 12px;
	background-color: #fff;
	background-image: none;
	/* border: 1px solid #e1e8ed; */
	border-radius: 4px;
	background-color: #f5f6f7;
    background-image: none;
    border-radius: 4px;
    color: #606266;
}
.get-nickname-value{
	cursor: not-allowed;
    opacity: .5;
}
#control-textarea{
	/* padding: 16px 16px 23px; */
	background: #f5f5f6;
    /* border-radius: 12px; */
    border: none;
    color: #1f1f1f;
}
.comment-box {
	width: 100%;
	transition: all .3s ease
}

.emoji-box {
	width: 100%
}

.emoji-tool {
	position: relative;
	width: 100%;
	height: 55px;
	padding: 10px 0
}

.emoji-tool .el-color-picker {
	margin-left: 6px;
	margin-top: -4px
}

.emoji-btn>img {
	float: left;
	width: 20px;
	color: #999;
	cursor: pointer
}

.comment-btn {
	float: right;
	opacity: .8
}

.emoji-content {
	width: 281px;
	overflow: hidden;
	background: #fff;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);
	position: absolute;
	top: 40px;
	left: 0;
	border-radius: 4px;
	z-index: 2
}

.emoji-content>img {
	border: 1px solid #eaeaea;
	float: left;
	margin-left: -1px;
	margin-top: -1px;
	position: relative;
	width: 36px;
	height: 36px;
	padding: 4px;
	cursor: pointer
}

.comment li {
	padding: 4px 0;
	text-align: left
}

.comment-user-img {
	float: left;
	margin-top: 6px;
	margin-left: 2px
}

.comment-body .comment-user-img img {
	width: 42px;
	height: 42px;
	border-radius: 4px
}

.comment-body-sub,.comment-body .comment-info {
	margin-top: 2px;
	margin-left: 55px;
	padding-bottom: 2px
}

.comment-body-sub .comment-info {
	margin-left: 48px
}

.comment-body-sub .comment-user-img img {
	width: 30px;
	height: 30px
}

.comment-content {
	position: relative;
	color: #555;
	margin-top: 5px;
	border-radius: 4px;
	padding: 5px 10px;
	background-color: #f7f7f7
}

.comment-content:before {
	position: absolute;
	content: "";
	top: 10px;
	right: auto;
	left: -10px;
	-o-border-image: none;
	border-image: none;
	border-right: 10px solid #f1f3f4;
	border-bottom: 10px solid transparent;
	border-top: 10px solid transparent
}

.comment-content-nickname a {
	color: #6d757a;
	cursor: pointer;
	outline: none;
	font-weight: 600;
	text-decoration: none
}

.comment-content-text>div {
	display: flex;
	margin-top: 8px
}

.comment-content-text>div img {
	vertical-align: text-bottom
}

.comment-footer {
	color: #999
}

.cancel-reply,.comment-support,.reply {
	cursor: pointer;
	padding: 6px 10px;
	color: #99a2aa;
	line-height: 28px;
	text-decoration: none;
	border-radius: 3px
}

.pageloading {
	width: 100%
}

.pageloading p {
	text-align: center;
	color: #409eff;
	cursor: pointer
}

.pageloading p img {
	width: 22px;
	height: 22px;
	transition: all .3s linear 0s
}

.pageloading p img:hover {
	transform: translate(0) rotate(1turn)
}

.reply-comment-textarea {
	height: 38px
}

.comment-link {
	color: #fb7299!important
}

@media (max-width:560px) {
	.comment-browser,.comment-os,.email {
		display: none
	}
}

.el-drawer__body {
	overflow-y: scroll
}

.el-drawer__body::-webkit-scrollbar {
	width: 3px;
	height: 1px
}

.el-drawer__body::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #cfcfe3
}

.el-drawer__body::-webkit-scrollbar-track {
	border-radius: 10px;
	background: #fff
}

.app-header {
	height: 60px;
	background: #fff;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10
}

.app-header .app-header-container {
	display: flex;
	position: relative;
}

.app-header .app-logo {
	padding: 0;
	margin-top: 4px
}

.app-header .app-logo img {
	height: 50px;
	margin-left: 30px
}

.app-nva-h1 {
	position: absolute;
	margin: 21px 0 0
}

.app-nva-h1 a span {
	color: #737088
}

.app-nva-h1-a {
	display: inline;
	float: left;
	height: 16px;
	color: #666;
	padding: 0!important;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 1px;
	text-decoration: none;
	font-weight: 400
}

.app-nva-span {
	display: inline;
	float: right;
	height: 20px;
	margin: 3px 0 0 3px
}

.app-nva-sup {
	display: block;
	width: 10px;
	height: 10px;
	/* top: -.3em; */
	position: relative;
	vertical-align: baseline;
	background: url("/template/default/static/img/ico.heart_ok.fc746fb.svg")/*tpa=https://www.usuuu.com/_nuxt/img/ico.heart_ok.fc746fb.svg*/ no-repeat
}

.app-nva-small {
	display: block;
	height: 15px;
	margin: -5px 0 0 12px;
	padding: 0 3px 0 7px;
	font: 700 10px/15px arial;
	text-decoration: none;
	background: #ebebeb url("/template/default/static/img/link.arrow.c083a15.svg")/*tpa=https://www.usuuu.com/_nuxt/img/link.arrow.c083a15.svg*/ no-repeat
}

.app-header .app-nav {
	margin-left: 130px;
	line-height: 60px
}

.app-header .app-nav .router-link-exact-active,.app-mobile-sidebar .app-mobile-nav .router-link-exact-active {
	color: #409eff
}

.app-header .app-nav>ul>li {
	display: block;
	float: left;
	position: relative
}

.dropdown {
	margin-top: 0
}

.app-header .app-nav>ul>li:hover:after {
	width: 100%
}

.app-header a {
	text-decoration: none;
	padding: 0 20px;
	color: #737088;
	font-weight: 500;
	transition: transform .5s
}

.app-header a>img {
	width: 16px;
	vertical-align: middle
}

.app-header .app-nav li.dropdown:hover .dropdown-menu {
	display: block;
	background: #fff;
	transition: .5s
}
.app-header .navbar-right li.dropdown:hover .dropdown-menu {
	display: block;
	background: #fff;
	transition: .5s
}
.app-header ul.dropdown-menu {
	display: none;
	position: absolute;
	left: -32%;
	top: 118%;
	z-index: 100;
	padding: 15px 0;
	background: #fff;
	border-radius: 6px;
	min-width: 150px;
	text-align: center;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);
	transform: translateY(-15px);
	transition: all .5s ease;
	-webkit-animation: nav .6s;
	animation: nav .6s
}

@-webkit-keyframes nav {
	0% {
		opacity: 0;
		transform: translateY(0);
		transition: all .5s ease
	}
}

@keyframes nav {
	0% {
		opacity: 0;
		transform: translateY(0);
		transition: all .5s ease
	}
}

.app-header ul.dropdown-menu>li>a {
	color: #666;
	display: block;
	padding: 8px 20px;
	line-height: 1.42857143;
	white-space: nowrap;
	transition: all .3s
}

.app-header ul.dropdown-menu>li>a:hover {
	color: #409eff;
	margin-left: 6px
}

.app-header a:focus>a,.app-header a:hover {
	color: #409eff
}

.app-close.active {
	left: 0;
	opacity: 1;
	visibility: visible;
	transform: translateX(260px);
	-webkit-transform: translateX(260px);
	-moz-transform: translateX(260px)
}

.app-close,.menu-toggle {
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}

.app-close {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	text-decoration: none;
	top: 0;
	left: 0;
	font-size: 1.4em;
	color: #313131;
	padding: 10px;
	height: 100%;
	right: 0;
	background: transparent;
	z-index: 1024;
	cursor: pointer;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0)
}

.app-close:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: .8;
	z-index: 1
}

.app-mobile-header {
	height: 55px;
	display: none;
	background: #fff;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1024
}

.app-mobile-header .app-logo {
	display: inherit;
	text-align: center
}

.app-mobile-header .app-logo img {
	height: 50px
}

.app-mobile-sidebar {
	width: 260px;
	position: fixed;
	top: 0;
	/* left: 260px; */
	left: 0;
	bottom: 0;
	height: 100%;
	z-index: 1026;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transform: translateX(-260px);
	-webkit-transform: translateX(-260px);
	-moz-transform: translateX(-260px);
	background-color: #fff
}

.app-mobile-sidebar::-webkit-scrollbar {
	width: 6px;
	background: #848484
}

.app-mobile-sidebar::-webkit-scrollbar-thumb {
	background-color: #313131;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0
}

.app-mobile-sidebar::-webkit-scrollbar-corner {
	background-color: #ececec
}

.app-mobile-sidebar .app-mobile-sidebar-header {
	height: 150px;
	line-height: 55px;
	text-align: center;
	background-size: 100%
}

.app-mobile-sidebar .app-logo img {
	margin-top: 42px;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	border: 5px solid #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.2)
}

.app-mobile-sidebar .app-menu {
	margin-top: 20px;
	margin-left: 100px
}

.app-mobile-sidebar ul li {
	display: block
}

.app-mobile-sidebar .app-mobile-nav ul li a {
	display: block;
	color: #888da8;
	padding: 10px 0;
	font-weight: 700;
	position: relative
}

.app-mobile-sidebar .app-mobile-nav ul li a img {
	width: 16px;
	right: 80px;
	position: absolute;
	vertical-align: middle
}

.app-mobile-sidebar .app-mobile-nav ul.dropdown-menu>li>a {
	margin-left: 15px;
	padding: 8px 0
}

.app-menu-hbg ul li a:hover,.app-mobile-sidebar ul li.li-open>a,.app-mobile-sidebar ul li a:hover {
	color: #409eff
}

.app-mobile-sidebar.active {
	transform: translateX(0);
	cursor: pointer
}

.app-mobile-sidebar .app-mobile-nav>ul>li.dropdown>ul.dropdown-menu {
	display: none
}

.app-mobile-sidebar .app-mobile-nav>ul>li.dropdown>ul.dropdown-menu.active {
	display: block
}

.menu-toggle {
	position: absolute;
	top: 6px;
	left: 0;
	line-height: 55px;
	text-align: center;
	color: #737088;
	font-size: 24px;
	cursor: pointer;
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	padding: 0 10px;
	width: 55px;
	height: 55px;
	z-index: 10;
	background: transparent;
	border: 0
}

@media screen and (max-width:996px) {
	.app-header {
		display: none
	}

	.app-mobile-header {
		display: block
	}
}

.app-container {
	margin-left: auto;
	margin-right: auto;
	/* padding-left: 10px; */
	/* padding-right: 10px; */
	width: 100%;
	/* max-width: 1230px */
	max-width: 1350px 
}

.app-container:after {
	content: "";
	display: table;
	clear: both
}

@media screen and (max-width:996px) {
	.app-mobile-header {
		display: block;
		height: 58px
	}
}

.app-notice {
	margin: 10px 0;
	display: none;
}

.app-main-right {
	font-size: 12px;
	margin-top: 10px;
	padding-left: 10px;
	width: calc(24% - 10px);
	transition: all .3s ease
}

@media (max-width:1250px) {
	.app-main-right {
		width: calc(30% - 10px)
	}
}

@media (max-width:996px) {
	.app-main-right {
		display: none
	}
	.app-notice{
		margin: 10px;
	}
}

.app-right-box {
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 4px;
	background-color: #fff
}

.app-right-box .title {
	color: #5b5f6d;
	padding: 10px 0
}

.app-hot li {
	margin-bottom: 10px;
	overflow: hidden;
	position: relative
}

.app-hot li img {
	height: 60px;
	width: 100px;
	float: left;
	border-radius: 3px;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	object-fit: cover;
}
.app-hot li>div:first-child{
	height: 60px;
	width: 30%;
}
.app-hot li>div {
	padding-left: 105px;
	float: left;
	position: absolute
}

.app-hot li>div h5 {
	font-size: 12px;
	letter-spacing: 0;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.app-hot li>div a {
	color: #737088;
	
}
.app-hot li>div>h3{
	font-size: 12px;
	letter-spacing: 0;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}


.app-hot li>div a:hover {
	color: #409eff
}

.app-hot li>div>div {
	font-size: 12px;
	color: #657786;
	margin-top: 10px;
	margin-left: 4px
}

.app-messages li {
	margin-top: 8px;
	margin-bottom: 12px;
	line-height: 1.5;
	position: relative
}

.app-messages li>img {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	float: left;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.app-messages li>div {
	margin-left: 48px
}

.app-messages li>div span {
	font-weight: 500
}

.app-messages li>div div {
	padding: 5px 10px;
	background: #f5f5f5
}

.app-messages li>div div img {
	vertical-align: middle
}

.app-messages li div a {
	color: #737088
}

.app-main-top {
	height: 60px;
	width: 100%;
	background: #fff;
	position: relative;
	transition: all .3s ease
}

.app-main-top-box {
	display: flex;
	position: relative;
	max-width: 1200px;
	padding: 0 28px;
	height: 100%;
	margin: 0 auto
}

.app-main-top-logo {
	left: 32px;
	bottom: 0;
	min-height: 164px;
	position: absolute;
	transition: all .3s ease
}

@media (max-width:1250px) {
	.app-main-top-logo {
		left: 72px;
		/* bottom: 25px */
	}
}

@media (max-width:730px) {
	.app-main-top-logo {
		bottom: 100px
	}
}

/* .app-main-top-logo img {
	left: -50px;
	width: 230px;
	height: 200px;
	border-radius: 8px;
	position: absolute;
	bottom: -26px;
	border: 8px solid #fff;
	transition: all .3s ease
} */
.app-main-top-logo img {
	left: -50px;
	width: 100px;
	height: 100px;
	border-radius: 8px;
	position: absolute;
	bottom: 5px;
	border: 8px solid #fff;
	transition: all .3s ease
}
@media (max-width:730px) {
	.app-main-top-logo img {
		width: 140px;
		height: 140px;
		bottom: -26px;
	}
}

.app-main-top-nav {
	height: 100%;
	left: 260px;
	/* display: none; */
	position: absolute
}

@media (max-width:730px) {
	.app-main-top-nav {
		left: 0
	}
	.app-notice{
		margin: 10px;
	}
}

.app-main-top-nav ul li {
	border-color: #657786!important;
	color: #657786!important;
	float: left
}

.app-main-top-nav ul li a {
	display: block;
	padding: 14px 15px 8px;
	font-size: 12px;
	text-align: center;
	border-bottom-color: transparent
}

.app-main-top-nav ul li a:hover {
	border-bottom: 2px solid #f42
}

.app-main-top-nav ul span {
	display: block;
	color: #657786
}

.app-main-top-nav ul .br {
	font-weight: 600
}

.app-main-top-nav sup {
	position: absolute;
	top: 0;
	right: 10px;
	background-color: #53a8ff;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	padding: 0 6px;
	text-align: center;
	white-space: nowrap;
	transform: translateY(10%) translateX(80%)
}

.uu-app {
	text-align: center
}

.uu-app .app-doc {
	background-image: url("/template/default/static/img/docs.77140fe.jpg")/*tpa=https://www.usuuu.com/_nuxt/img/docs.77140fe.jpg*/
}

.uu-app .app-doc,.uu-app .app-so {
	box-shadow: 0 6px 18px rgba(153,66,0,.3);
	text-shadow: rgba(245,111,9,.75) 0 3px 5px
}

.uu-app .app-so {
	background-image: url("/template/default/static/img/so.d20537c.jpg")/*tpa=https://www.usuuu.com/_nuxt/img/so.d20537c.jpg*/
}

.uu-app .app-javascript {
	background-image: url("/template/default/static/img/javascript.5a9a23e.jpg")/*tpa=https://www.usuuu.com/_nuxt/img/javascript.5a9a23e.jpg*/;
	box-shadow: 0 6px 18px rgba(153,66,0,.3);
	text-shadow: rgba(245,111,9,.75) 0 3px 5px
}

.uu-app .app-img {
	display: inline-block;
	width: 260px;
	height: 150px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	color: #fff;
	line-height: 150px;
	font-size: 18px;
	padding: 0 15px;
	border-radius: 8px;
	cursor: pointer;
	margin: 10px
}

html::-webkit-scrollbar {
	width: 3px;
	height: 1px
}

html::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #cfcfe3
}

html::-webkit-scrollbar-track {
	border-radius: 10px;
	background: #fff
}

.app-dock-box::-webkit-scrollbar {
	width: 3px;
	height: 1px
}

.app-dock-box::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #cfcfe3
}

.app-dock-box::-webkit-scrollbar-track {
	border-radius: 10px;
	background: #fff
}

input[type=text],textarea {
	-webkit-appearance: none
}

::selection {
	background: #409eff;
	color: #fff
}

::-moz-selection {
	background: #409eff;
	color: #fff
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	-moapp-box-sizing: border-box;
	box-sizing: border-box
}

li {
	list-style-type: none
}

a {
	cursor: pointer;
	text-decoration: none;
	background-color: transparent;
	transition: all .1s ease
}

h1,h2,h3,h4,h5 {
	clear: both
}

h3 {
	font-size: 12px
}

h4 {
	background-color: #f6f6f6;
	border-bottom: 0 solid #53a8ff;
	padding: 5px 12px;
	border-left: 5px solid #53a8ff;
	margin: 12px 0;
	border-radius: 0
}

h4,h5 {
	font-weight: 700
}

h5 {
	color: #5e7484
}

h5:before {
	content: "";
	width: 10px;
	height: 10px;
	display: inline-block;
	background: #53a8ff;
	border-radius: 50%;
	border: 2px solid #bbb;
	margin-right: 4px
}

:after,:before {
	-moapp-box-sizing: border-box;
	box-sizing: border-box
}

@font-face {
	font-family:zmmz;src:url("/template/default/static/fonts/01.eot")/*tpa=https://cdn.usuuu.com/fonts/01.eot*/;
	src:url("/template/default/static/fonts/01-1.eot#iefix")/*tpa=https://cdn.usuuu.com//fonts/01.eot#iefix*/ 
	format("embedded-opentype"),url("/template/default/static/fonts/zmmz.woff")/*tpa=https://cdn.usuuu.com//fonts/01.woff*/ 
	format("woff"),url("/template/default/static/fonts/01.ttf")/*tpa=https://cdn.usuuu.com//fonts/01.ttf*/ 
	format("truetype"),url("/template/default/static/fonts/01.svg#defineName")/*tpa=https://cdn.usuuu.com//fonts/01.svg#defineName*/ 
	format("svg");
	font-weight:400;font-style:normal
}

.app-myInfo>a>p,.app-myInfo h1 {
	font-family: zmmz
}

@font-face {
	font-family:zmmz;src:url("/template/default/static/fonts/zmmz.eot")/*tpa=https://cdn.usuuu.com//fonts/usuuu.eot*/;
	src:url("/template/default/static/fonts/zmmz.eot#iefix")/*tpa=https://cdn.usuuu.com//fonts/usuuu.eot#iefix*/ 
	format("embedded-opentype"),url("/template/default/static/fonts/zmmz.woff")/*tpa=https://cdn.usuuu.com//fonts/usuuu.woff*/ 
	format("woff"),url("/template/default/static/fonts/zmmz.ttf")/*tpa=https://cdn.usuuu.com//fonts/usuuu.ttf*/ 
	format("truetype");
	font-weight:400;
	font-style:normal
}


.theme-enter-wrap[data-v-40a01c76] {
    position: fixed;
    width: 48px;
    height: 48px;
    right: 0;
    top: 58px;
    /* background-image: url(/template/default/static/img/theme-entrance.png); */
    background-image: url(/template/default/static/img/theme-entrance.gif);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    cursor: pointer;
}
td, th {
    border: 1px solid #efefef;
    padding: 0.6em 1em;
}
tr:nth-child(2n) {
    background-color: #f6f8fa;
}
tr {
    border-top: 1px solid #efefef;
}
pre td{
	border: none;
	padding:initial;
}
pre tr{
	border: none;
	background-color: transparent!important;
}

.app-main {
	width: 100%;
	margin: 0 auto;
	clear: both
}

.app-main-content {
	max-width: 1350px;
	display: flex;
	margin: 0 auto 10px

}

.app-pages {
	text-align: center;
	margin-top: 12px;
	margin-bottom: 12px
}

table {
	/* border-collapse: collapse;
	margin: 1rem 0;
	display: block;
	overflow-x: auto */
}

/* tr {
	border-top: 1px solid #efefef
} */

/* td,th {
	border: 1px solid #efefef;
	padding: .6em 1em
} */

/* tr:nth-child(2n) {
	background-color: #f6f8fa
} */

.app-404 {
	padding: 20px;
	height: 100vh;
	text-align: center;
	background-color: #fff
}

.app-404 img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: middle;
	height: auto;
	max-width: 100%
}

.app-404-box {
	margin-top: 10%;
	text-align: center
}

.app-404 a {
	opacity: .9;
	margin-top: 16px;
	width: 100%;
	height: 36px;
	padding: 10px;
	border-radius: 3px;
	background: #409eff;
	color: #fff;
	line-height: 36px;
	text-align: center
}

.fade-enter-active,.fade-leave-active {
	transition: opacity .5s
}

.fade-enter,.fade-leave-to {
	opacity: 0
}

.app-main-post {
	margin-left: 10px;
	width: calc(52% - 10px);
	transition: all .3s ease
}

@media (max-width:1250px) {
	.app-main-post {
		width: calc(70% - 10px)
	}
}

@media (max-width:996px) {
	.app-main-post {
		margin-left: 0;
		width: 100%!important;
	}
	.comments-add>.user{
display: block;
	}
	.comments-add>img{
		display: none;
	}
	.comments-add input{
		width: 100%;
		margin: 0;
	}
}

.app-main-post-box {
	font-size: 12px;
	margin-top: 10px;
	text-align: left;
	vertical-align: top;
	width: 100%;
	border-radius: 5px
}

.post-content {
	margin-bottom: 6px;
	margin-top: 10px;
	border-radius: 4px;
	background-color: #fff
}

@media (max-width:996px) {
	.post-content {
		margin-top: 0;
		margin-bottom: 4px
	}
}

.post-content .post-header {
	padding: 14px;
	display: flex
}

.post-content .post-header .meta h2 a {
	font-size: 13px;
	color: #737088
}

.post-content .post-header .meta h2 a:hover {
	color: #409eff
}

.post-content .post-header .meta p {
	margin-top: 4px
}

.post-content .post-header .meta p a,.post-content .post-header .meta p span {
	font-size: 12px;
	color: #8e8c94
}

.post-content .post-header .meta p a:hover {
	color: #409eff
}

.post-content .post-header .image {
	width: 46px;
	height: 46px;
	margin-right: 14px
}

.post-content .post-header .image a img {
	width: 46px;
	height: 46px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 8px;
	vertical-align: middle
}

.post-data {
	padding: 0 10px
}

.post-data>h2 {
	font-size: 13px;
	font-weight: 500;
	padding-top: 4px;
	padding-left: 10px
}

.post-data>h2 a {
	font-size: 13px;
	background-image: linear-gradient(90deg,#ff1493,#1e90ff);
	-webkit-background-clip: text;
	color: transparent
}

.post-data>p {
	/* margin-top: 6px; */
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;					
	-webkit-box-orient: vertical;
}

.imgs-box {
	margin-bottom: 2px
}

.imgs-box img {
	width: 60%;
	margin-top: 10px;
	border-radius: 4px
}

.post-stats {
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.post-stats .stat-item {
	padding: 6px;
	cursor: pointer;
	text-align: center
}

.post-stats .stat-item img {
	width: 20px;
	vertical-align: bottom
}

.post-stats .stat-item a {
	color: #737088;
	padding: 6px 10px;
	cursor: pointer
}

.post-content .video-content {
	position: relative;
	overflow: hidden;
	margin-left: 10px
}

.post-content .video-content .thumb-link {
	display: block;
	width: 100%;
	height: inherit
}

.post-content .video-content .thumb-link:hover:after {
	width: 65%;
	background-color: rgb(34,34,34,20%)
}

.post-content .video-content .thumb-link:after {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	content: "";
	width: 65%;
	height: 100%;
	background-color: rgba(34,34,34,0);
	transition: background .4s
}

.post-content .video-content .thumb-link img {
	max-width: 65%;
	height: auto;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}

.post-content .video-content .category {
	position: absolute;
	left: 12px;
	top: 12px;
	z-index: 1;
	color: #fff!important;
	clear: both;
	padding: 0 12px;
	border-radius: 22px;
	line-height: 24px;
	text-align: center;
	background-color: #409eff
}

.post-content .video-content .player-btn span {
	position: absolute;
	left: 40px;
	bottom: 16px;
	z-index: 2;
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 48px;
	background-color: #fff;
	line-height: 50px;
	text-align: center
}

.post-content .video-content .player-btn {
	position: absolute;
	left: -1px;
	bottom: 0;
	z-index: 1;
	content: "";
	height: 40px;
	width: 100%;
	background: url("/template/default/static/img/player-btn-sub-med.111f1d4.svg")/*tpa=https://www.usuuu.com/_nuxt/img/player-btn-sub-med.111f1d4.svg*/ no-repeat
}

.post-content .video-content .player-btn span:after {
	position: absolute;
	right: 15px;
	top: 18px;
	z-index: 1;
	content: "";
	width: 0;
	height: 0;
	transition: all .3s;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 14px solid #409eff
}

footer {
	text-align: center;
	margin-top: 20px;
	background-color: #fff;
	padding: 14px
}

footer>div {
	margin-top: 6px
}

footer>div>span {
	color: #fff;
	padding: 2px;
	background-color: #5a5a5a;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}

footer>div a {
	color: #fff;
	padding: 2px;
	background-color: #409eff;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.app-links-box {
	width: calc(75% - 10px);
	margin: 10px;
	border-radius: 4px;
	background-color: #fff
}

@media (max-width:1250px) {
	.app-links-box {
		width: 100%;
		margin: 0
	}
}

.links-data {
	display: flex;
	flex-wrap: wrap;
	padding: 10px
}

.link-items {
	width: calc(33.3333% - 10px);
	padding: 8px 8px 2px;
	margin: 4px;
	border-radius: 5px;
	border: none;
	transition: all .3s ease;
	box-shadow: 0 0 5px rgb(146 146 146/16%)
}

.link-items>a {
	color: #58666e;
	word-wrap: break-word;
	word-break: break-all;
	text-decoration: none;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
	position: relative
}

.link-thumb {
	display: inline-block;
	width: 40px;
	position: relative;
	white-space: nowrap;
	border-radius: 500px;
	margin-right: 15px
}

.link-thumb>img {
	border-radius: 20%;
	width: 40px;
	height: 40px
}

.link-text {
	margin-top: 4px
}

.link-text>small {
	display: block;
	overflow: hidden
}

@media screen and (max-width:730px) {
	.link-items {
		width: calc(50% - 10px)
	}
}

@media screen and (max-width:520px) {
	.link-items {
		width: calc(100% - 10px)
	}
}

.app-search-content {
	max-width: 1350px;
	margin: 34px auto 0
}

@media (max-width:1250px) {
	.app-search-content {
		margin-top: 0
	}
}

.app-search-box {
	border-radius: 4px;
	background-color: #fff;
	transition: all .3s ease
}

.app-search-box .search-data {
	text-align: center;
	max-width: 620px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 30px
}

.app-search-box .search-data img {
	margin-top: 5%;
	margin-bottom: 4%
}

.app-search-box input {
	width: calc(100% - 100px);
	padding: 12px 16px;
	margin: 0;
	vertical-align: top;
	border-radius: 10px 0 0 10px;
	border: 1.4px solid #c4c7ce;
	background: #fff;
	overflow: hidden;
	color: #409eff
}

.app-search-box button,.app-search-box input {
	height: 44px;
	font-size: 14px;
	outline: 0;
	box-shadow: none
}

.app-search-box button {
	cursor: pointer;
	width: 100px;
	line-height: 44px;
	padding: 0;
	background: 0 0;
	background-color: #409eff;
	border-radius: 0 10px 10px 0;
	color: #fff;
	font-weight: 400;
	border: none
}

.search-random {
	max-width: 620px;
	margin: 20px auto 0
}

.search-random ul {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-left: 30px
}

.search-random img {
	vertical-align: middle
}

.search-random ul li {
	width: 50%;
	float: left
}

@media (max-width:730px) {
	.search-random ul li {
		width: 100%
	}
}

.search-random ul li a {
	float: left;
	height: 34px;
	line-height: 34px;
	width: 100%;
	color: #626675
}

.search-random ul li a:hover {
	color: #409eff
}

.app-search-result {
	margin-top: 34px;
	border-radius: 4px;
	padding-bottom: 10px;
	background-color: #fff
}

@media (max-width:1250px) {
	.app-search-result {
		width: 100%;
		margin-top: 0;
		padding-left: 12px
	}
}

.app-search-result>h3 {
	text-align: center;
	padding-top: 20px;
	font-size: 13px
}

.app-search-result>span>a {
	opacity: .9;
	color: #737088;
	margin-left: 10px
}

.app-search-result>h3 span {
	color: #53a8ff
}

.search-result-data {
	margin: 10px
}

.search-result-data h3 {
	font-size: 14px
}

.search-result-data div {
	margin-top: 6px;
	font-size: 12px
}

.search-result-data h3 a {
	color: #737088;
	font-size: 13px
}

.search-result-data h3 a:hover {
	color: #409eff
}

.search-result-data h3 a img {
	vertical-align: middle
}

.search-result-data p {
	margin-top: 6px
}

.search-result-data p a {
	opacity: .9;
	color: #9e9e9e;
	font-size: 12px
}

/*  */
.zmmz-mobile-sidebar-open #app-close {
    left: 0;
    opacity: 1;
    visibility: visible;
    transform: translateX(260px);
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
}
.zmmz-app-sidebar-open #app-close {
    left: 0;
    opacity: 1;
    visibility: visible;
    transform: translateX(300px);
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
}
.zmmz-mobile-sidebar-open .app-mobile-sidebar {
    transform: translateX(0);
    cursor: pointer;
    z-index: 99999;
}

.app-application-row{
	width: 300px;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	z-index: 1026;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transform: translateX(-300px);
	-webkit-transform: translateX(-300px);
	-moz-transform: translateX(-300px);
}
.zmmz-app-sidebar-open #app-application-close {
    left: 0;
    opacity: 1;
    visibility: visible;
    transform: translateX(300px);
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
}
.zmmz-app-sidebar-open .app-application-sidebar {
    transform: translateX(0);
    cursor: pointer;
    z-index: 99999;
}

.uum-show-arc {
    padding: 12px;
}
.form-control {
    display: block;
    width: 100%;
    height: 36px;
    padding: 6px 12px;
    font-size: 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e1e8ed;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.btn-pri {
    color: #9c9c9c;
    background-color: #e5e9ef;
    border-color: #f1736a;
    transition: all .3s;
}
.btn-pri:hover {
    color: #ffffff;
    background-color: #53a8ff;
    transition: all .3s;
}
.ri-lock-line:before {
    content: "\ed9b";
}
.btn {
    display: inline-block;
    padding: 6px 14px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.ri-lock-line:before {
	height: 300px;
	background-image: url("/template/default/static/img/lock.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


.x-interact-publish.send {
    position: absolute;
    right: 0;
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background: #4e6ef2;
    border-radius: 15px;
    cursor: pointer;
}
.comment-content-text .sourceText{
	display: inherit;
	margin-top: 8px;
	margin-bottom: 5px;
	word-wrap:break-word;
}
.comment-content-text .sourceText img{
	width: 22px;
	height: 22px;
	vertical-align: middle;
}
textarea {
	font-family: zmmz;
    font-size: 12px;
    line-height: 1.42857143;
}
/* 页面载入css样式 */
#chatbox{
	margin: 200px auto 0px;
	width: 50%;
}
#emoji{
	width: 50px;
	font-size: 2em;
	cursor: pointer;
	float: left;
}
#send{
	width: 50px;
	height: 40px;
	line-height:40px;
	text-align: center;
	background-color: #66f3f1;
	color:#fff;
	float: right;
	cursor: pointer;
	padding: 0px;
	margin-right: -6px;
}
#result{
clear: both;
min-height: 50px;
padding-top: 30px;
}
/*下面是表情的一些样式，可自行修改*/
.emoji-box{
	overflow: hidden;
	width: 50%;
	position: absolute;
	border: 1px solid #ccc;
	z-index: 9998;
	background: #fff;
	border-radius: 5px;
}
em.tip{
	content:'';
	width:0px;
	height:0px;
	border-width:10px;
	border-style:solid;
	border-color:transparent  transparent  #ccc transparent ;
	position: absolute;
	z-index: 99999;
}
em.tip2{
	content:'';
	width:0px;
	height:0px;
	border-width:10px;
	border-style:solid;
	border-color:transparent  transparent  #fff transparent ;
	position: absolute;
	z-index: 99999;
}
.emoji-box>.emoji-btn-box{
	border-bottom: 1px solid #ccc;
}
.emoji-box>.emoji-btn-box>span{
	min-width: 50px;
	text-align:center;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	padding:2px 10px;
	cursor: pointer;
	font-size: 1em;
	font-weight: bold;
	color: #ccc;
}
.emoji-box>ul.emoji-ul{
	padding: 0px;
	margin: 0px;
	width: 100%;
}
.emoji-box>ul.emoji-ul>li.emoji-li{
	border: 1px solid #fff;
	list-style: none;
	float: left;
}
.emoji-box>ul.emoji-ul>li.emoji-li:HOVER {
	border: 1px solid blue;
}







/* -------------- */
.navbar-form {
    padding: 10px 15px;
    margin-top: 12px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
}
.form-control-top {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e1e8ed;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #e1e8ed;
}
.nav>li {
    position: relative;
    display: block;
}
.navbar-default .navbar-nav>li>a {
    color: #777;
}
@media (min-width: 768px){
	.navbar-right {
		position: absolute;
		right: 0;
		top: 0;
		text-align: center;
	}
	.navbar-left {
		float: left!important;
	}
	.navbar-form {
		width: auto;
		padding-top: 0;
		padding-bottom: 0;
		margin-right: 0;
		margin-left: 0;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.navbar-form .form-group {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle;
	}
	.navbar-form .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}
	.navbar-nav>li {
		float: left;
		line-height: 60px;
	}
	.navbar-nav>li>a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}
#loveCount{
	vertical-align: bottom;
}
.clipboard-btn{
	position: absolute;top: 0;right: 0;cursor: pointer;margin-right: 14px;
    line-height: 27px;color: #737088;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
}

@media (max-width: 996px){
	.vip-member-pop-content {
		display: none;
	}
	.theme-enter-wrap{
		display: none;
	}
}