.nav{
	width: 100%;
	height: 54px;
	line-height: 54px;
	/* margin-bottom: 10px; */
	overflow: hidden;
	background-color: white;
	border-bottom: 1px solid #efefef;
}

#my-article{
	width: 100%;
}

.nav ul{
	width: 100%;
	overflow: hidden;
}

.nav ul li{
	min-width: 60px;
	line-height: 50px;
	float: left;
	margin-left: 10px;
	margin-right: 30px;
	text-align: center;
	cursor: pointer;
	/* border-bottom: 3px solid #ffa200; */
}

.nav ul li:hover{
	border-bottom: 4px solid #ffa200;
}

#my-article,#collect,#newcollect{
	margin-top: 10px;
}

#collect li{
	line-height: 50px;
}

#collect div{
	min-width: 100px;
	text-align: right;
	display: inline-block;
	vertical-align: middle;
	line-height: 40px;
	margin-right: 20px;
}

#collect input{
	width: 260px;
	display: inline-block;
	vertical-align: middle;
}

#collect select{
	width: 270px;
}

#collect button{
	width: 80px;
	text-align: center;
	line-height: 30px;
	background-color: #ffa200;
	border: none;
	border-radius: 4px;
	color: white;
	cursor: pointer;
}

#collectlist{
	text-align: left !important;
}

#collectlist p{
	width: 200px;
	text-align: center;
	line-height: 30px;
	background-color: #f9f2f4;
	color: #ca4440;
}

#collectlist>.ulstyle{
	padding-left: 25px;
}

#collectlist>.ulstyle,.listyle{
	line-height: 20px !important;
	list-style: disc;
}

#collectlist>.ulstyle .listyle{
	padding: 5px 0;
}

#newcollect li{
	line-height: 50px;
}

#newcollect div{
	min-width: 112px;
	text-align: right;
	display: inline-block;
	vertical-align: middle;
	line-height: 40px;
	margin-right: 20px;
}

#newcollect input{
	width: 260px;
	display: inline-block;
	vertical-align: middle;
}

#newcollect select{
	width: 270px;
}

#newcollect button{
	/* text-align: left; */
	width: 80px;
	text-align: center;
	line-height: 30px;
	background-color: #ffa200;
	border: none;
	border-radius: 4px;
	color: white;
	cursor: pointer;
}

.article-library-selecter{
	background-color: #fafafa;
	border-bottom: 1px solid #efefef;
	box-sizing: border-box;
	background-color: white;
}

.article-library-top,.article-library-bottom,.article-select-nav{
	/* height: 50px; */
	line-height: 50px;
}

.article-library-top div{
	display: inline-block;
	vertical-align: middle;
}

.article-library-top p{
	min-width: 5.5rem;
	text-align: right;
	margin-right: .2rem;
	display: inline-block;
	vertical-align: middle;
}

.article-library-top span{
	text-align: right;
	display: inline-block;
	vertical-align: middle;
}

.article-library-top input{
	width: 7rem;
	display: inline-block;
	vertical-align: middle;
}

.article-library-top select{
	width: 8rem;
	display: inline-block;
	vertical-align: middle;
}

.article-library-top button{
	width: 5rem;
	display: inline-block;
	vertical-align: middle;
	border: none;
	background-color: #ffa200;
	line-height: 28px;
	text-align: center;
	color: white;
	border-radius: 6px;
	cursor: pointer;
}

.article-library-bottom p{
	min-width: 5.5rem;
	text-align: right;
	margin-right: 1rem;
	display: inline-block;
	vertical-align: middle;
}

.article-library-bottom ul{
	width: 820px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
}

.article-library-bottom ul li{
	min-width: 5rem;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background-color: #ccc;
	float: left;
	margin-top: 5px;
	margin-right: 1rem;
	border-radius: 4px;
	cursor: pointer;
}

.article-library-bottom ul .lion{
	background-color: #ffa200;
	color: white;
}

.article-select{
	background-color: white;
}

.article-select-nav{
	border-bottom: 1px solid #efefef;
}

.article-select-nav input{
	margin-left: 2rem;
	display: inline-block;
	vertical-align: middle;
}

.article-select-nav label{
	width: 5rem;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}

.article-select-nav p{
	min-width: 5rem;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	margin: auto 1.5rem;
}

/* .article-select-info{
	height: 630px;
} */

.article-select-info>ul>li{
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #efefef;
}

.article-select-info input[type="checkbox"]{
	margin-left: 2rem;
	display: inline-block;
	vertical-align: middle;
}

.article-select-info input[type="text"]{
	max-width: 8.3rem;
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
}

.article-select-info p{
	min-width: 4.5rem;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}

.article-select-info .timesize{
	font-size: 10px;
	margin-left: 10px;
}

.article-select-info .state{
	margin-left: 18px;
}

.article-select-info label{
	line-height: 1em;
	width: 12rem;
	margin-left: 46px;
	display: inline-block;
	vertical-align: middle;
}

.article-select-info select{
	min-width: 5rem;
	margin-left: 12px;
	display: inline-block;
	vertical-align: middle;
}

.article-select-info button{
	line-height: 20px;
	display: inline-block;
	vertical-align: middle;
	background-color: white;
	border: none;
	text-align: center;
	cursor: pointer;
}

.article-select-info button:hover{
	color: #ffa200;
	text-decoration: underline;
}

.article-select-footer{
	width: 100%;
	line-height: 60px;
	position: relative;
}

.article-select-footer > button{
	width: 100px;
	line-height: 30px;
	text-align: center;
	background-color: #ffa200;
	margin-left: 20px;
	color: white;
	border: none;
	border-radius: 6px;
	cursor: pointer;
}

#more-box{
	width: 400px;
	height: 200px;
	background-color: white;
	border: 1px solid #ddd;
	position: absolute;
	bottom: 50px;
	left: 10px;
	z-index: 99;
}

#more-box select{
	min-width: 150px;
	margin: 40px auto;
	margin-left: 25px;
}

#more-box button{
	min-width: 150px;
	margin-left: 25px;
	line-height: 30px;
	text-align: center;
	background-color: #ffa200;
	color: white;
	border: none;
	border-radius: 6px;
}

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

.fade-enter, .fade-leave-active {
	opacity: 0;
}

.pagination-box{
	text-align: center;
	overflow: hidden;
	margin: 0 auto 20px;
	background-color: white;
}

.pagination {
	text-align: center;
	line-height: 50px;
}

.pagination li{
	height: 30px;
	line-height: 30px;
	display: inline-block;
	margin:0 5px;
}

.pagination li a{
	padding:.2rem 1rem;
	display:inline-block;
	border:1px solid #ddd;
	background:#fff;
	color:#666;
}

.pagination li a:hover{
	background:#eee;
}

.pagination li.active a{
	background:#fd703c;
	color:#fff;
}

.chosen-style{
	width: 118px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 2px;
	border-radius: 3px;
	border: 1px solid #ddd;
	text-align: left;
	overflow: hidden;
}

.chosen-style + div{
	margin-left: 14px;
}

.chosen-style + div > ul{
	height: 30px !important;
	line-height: 30px;
}

.ivu-select-multiple .ivu-select-selection{
	height: 30px;
	min-height: 30px;
	overflow: auto;
}