body{
	/*height:3000px;*/
	background:#f8f8f8;
	font-family:'PingFang SC', '.萍方-简', 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', sans-serif;
}
html{
	background:#f8f8f8;
}
a{
	text-decoration:none;
	color:#000;
}
input::-ms-clear{display:none;}
.hidden{
	display:none;
}
.banner{
	height:34px;
	width:100%;
	/*top:400px;*/
	line-height:40px;
	padding:8px 0;
	box-shadow:0px 1px 10px #ddd;
	min-width:830px;
	text-align:center;
	position:fixed;
	display:block;
	background:#fff;	
	z-index:1000;
	overflow:hidden;
}
.firstcontent{
	height:40px;
	position:relative;
	top:0px;
}
.secondcontent{
	/*display:none;*/
	opacity:0;
	font-size:20px;
	position:relative;
	margin-top:16px;
	top:-56px;
	z-index:-1;
}
.floatHide{
	top:-56px;
	position:fixed;
	min-width:830px;
}
.logo{
	height:28px;
	display:block;
	float:left;
	margin-left:20px;
	position:relative;
	top:3px;
}
.tab{
	float:left;
	height:40px;
	margin-left:10%;
	position:relative;
	top:-4px;
}
.tab li{
	float:left;
	height:36px;
	cursor:pointer;
	color:#666;
}
.tab .hotBook{
	margin-left:60px;
}
.tab li:hover{
	color:#333;
	font-weight:bold;
}
.tab .checked{
	border-bottom:2px #F8E318 solid;
	color:#333;
	font-weight:bold;
}
.searchView{
	float:right;
	position:relative;
	height:32px;
	width:280px;
	background: #EFEFEF;
	border-radius:3px;
	border:1px #ccc solid;
	left:0;
	border-color:#ccc;
	border-style:solid;
	border-width:0;
}
.searchView:hover{
	/*border-width:1px;*/
	box-shadow:0 0 1px #666;
}
.searchView .onfocus{
	border-width:0px;
	height:30px;
	width:278px;
}

.secondcontent .searchView{
	top:-40px;
	right:25px;
	margin-right:30px; 
}
.searchView input{
	border:none;
	background:#EFEFEF;
	height:26px;
	outline:none;
	width:214px;
	padding:0 14px;
	border-radius:3px;
	position:relative;
	top:-4px;
	left:-17px;
	font-size:16px;
}
.secondcontent input{
	top:-6px;
}
.searchView .searchImg{
	position:absolute;
	height:20px;
	top:6px;
	left:245px;
	cursor:pointer;
}
.rmSearch{
	position:absolute;
	cursor:pointer;
	width:12px;
	height:12px !important;
	left:249px !important;
	top:10px !important;
}
.addMenu{
	float:right;
	display:block;
	height:20px;
	position:relative;
	top:6px;
	margin-left:2.5%;
	cursor:pointer;
}
.headPic{
	float:right;
	display:block;
	height:40px;
	margin-left:2.5%;
	margin-right:20px;
	cursor:pointer;
	border-radius:20px;
	position:relative;
	top:-3px;
}
.headPicbubble{
	z-index: 2147483647;
}
.headPicbubble .bubble{
	position:fixed;
	width:218px;
	height:50px;
	float:right;
	top:80px;
	top:61px;
	right:10px;
	/*border:1px #ededed solid;*/
	border-radius:8px;
	background:#fff;
	z-index: 2147483647;
	/*box-shadow:0px 0px 2px #ccc;*/
}
.triangle{
	display:block;
}
.writeTriangle{
	display:block;
}
.title .bubble .writeTriangle.hover,
.bubble .writeTriangle.hover{
	border-bottom-color:#f3f3f3 !important;
}
.title .bubble{
	top:66px;
	right:7px;
	width:100px;
}
.title .morebubble .triangle{
	left:42px !important;
}
.title .info .bubble{
	position:absolute;
	height:200px;
	width:120px;
	left:35px;
	right:0;
	top:72px;
	/*bottom:0;*/
	margin:auto;
	/*padding-top:35px*/
}
.title .selectInfo .bubble{
	position:absolute;
	height:200px;
	width:120px;
	left:143px;
	top:70px;
}
.statebubble{
	position:relative;
}
.statebubble .bubble,
.otherbubble .bubble,
.selectbubble .bubble{
	height:200px;
	width:150px;
	/*right:0;*/
	top:35px;
	/*bottom:0;*/
	padding-top:35px;
	left:47.6%;
}
.selectbubble .bubble{
	left:431px;
	/*right:0;*/
	top:35px;
}
.otherbubble .bubble{
	left:100px;
}
.statebubble .bubble,
.otherbubble .bubble,
.selectbubble .bubble{
	position:fixed;
}
.bubble{
	position:absolute;
	z-index:1000;	
	display:none;
}
.headPicbubble .bubble{
	
}
.bubble .triangle{
	width:0px;
	height:0px;
	position:relative;
}
.headPicbubble .bubble .triangle{
	top:-15px;
	left:189px;
	/*border-left: 15px solid transparent;
    border-right: 15px solid transparent;*/
    border-bottom: 15px solid #ededed;
}
.title .bubble .triangle,
.statebubble .bubble .triangle,
.otherbubble .bubble .triangle,
.selectbubble .bubble .triangle{
	top:-30px;
	left:48px;
	z-index:1000;
	border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #ededed;
}
.bubble .writeTriangle{
	width:0px;
	height:0px;
	position:relative;
	border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #fff;
}
.headPicbubble .bubble .writeTriangle{
	top:3px;
	left:-14px;
}
.title .bubble .writeTriangle{
	top:3px;
	left:-14px;
	border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #fff;
}
.statebubble .bubble .writeTriangle,
.otherbubble .bubble .writeTriangle,
.selectbubble .bubble .writeTriangle{
	top:3px;
	left:-14px;
	border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #fff;
}
.bubble ul{	
	position:relative;	
	text-align:left;
	cursor:pointer;
}
.headPicbubble .bubble ul{
	/*height:260px;*/
	top:-15px;
}
.title .bubble ul,
.statebubble .bubble ul,
.otherbubble .bubble ul,
.selectbubble .bubble ul{
	/*height:153px;*/
	top:-30px;
	font-size:16px;
	color:#424242;
	border:1px #ededed solid;
	border-radius:8px;
	background:#fff;
	box-shadow:0px 0px 2px #ccc;
}
.headPicbubble .bubble ul li,
.title .bubble ul li,
.statebubble .bubble ul li,
.otherbubble .bubble ul li,
.selectbubble .bubble ul li{
	line-height:50px;
}
.statebubble .bubble ul,
.title .bubble ul,
.selectbubble .bubble ul{
	width:118px;
	text-align:center;
}
.headPicbubble .bubble ul li:nth-child(1){
	border-radius:7px;
}
.title .bubble ul li:nth-child(1),
.statebubble .bubble ul li:nth-child(1),
.otherbubble .bubble ul li:nth-child(1),
.selectbubble .bubble ul li:nth-child(1){
	border-radius:7px 7px 0 0;
}
.title .bubble ul li:nth-child(4),
.statebubble .bubble ul li:nth-child(4),
.otherbubble .bubble ul li:nth-child(4),
.selectbubble .bubble ul li:nth-child(4),
.headPicbubble .bubble ul li:nth-child(5),
.otherbubble .bubble ul li:nth-child(3){
	line-height:51px;
	border-radius:0 0 7px 7px;
}
.title .bubble ul li,
.statebubble .bubble ul li,
.otherbubble .bubble ul li,
.selectbubble .bubble ul li{
	padding:0 10px;
	border-bottom:1px #e8e8e8 solid;
}
.title .bubble ul li:nth-child(4),
.statebubble .bubble ul li:nth-child(4),
.otherbubble .bubble ul li:nth-child(4),
.selectbubble .bubble ul li:nth-child(4){
	border:none;
}
.headPicbubble .bubble ul .nickname{
	line-height:60px;
	color:#000 !important;
}
.headPicbubble .bubble ul .nickname img{
	height:32px;
	width:32px;
	border-radius:16px;
	vertical-align:middle;
	margin:0 9px 0 30px;
}
.headPicbubble .bubble ul li:hover,
.title .bubble ul li:hover,
.statebubble .bubble ul li:hover,
.otherbubble .bubble ul li:hover,
.selectbubble .bubble ul li:hover{
	background: #F3F3F3;
}
.headPicbubble .bubble ul li:hover{
	border-radius:0 !important;
}
.headPicbubble .bubble ul li:first-child:hover{
	border-top-left-radius:8px !important;
	border-top-right-radius:8px !important;
}
.headPicbubble .bubble ul li:last-child:hover{
	border-bottom-left-radius:8px !important;
	border-bottom-right-radius:8px !important;
}
.headPicbubble .bubble .install .icon{
	background:url(../images/instal@3x.png);
	background-size:cover;
}
.headPicbubble .bubble .invite .icon{
	background:url(../images/invite@3x.png);
	background-size:cover;
}
.headPicbubble .bubble .contact .icon{
	background:url(../images/contact@3x.png);
	background-size:cover;
}
.headPicbubble .bubble .logout .icon{
	background:url(../images/logout@3x.png) no-repeat;
	background-size:cover;
}
.headPicbubble .bubble .export .icon{
	background:url(../images/iconfont-export@2x.png) no-repeat;
	background-size:cover;
}
.headPicbubble .bubble .logout{
	/*border-top:1px #e8e8e8 solid;*/
}
.headPicbubble .bubble .icon{
	float:left;
	width:20px;
	height:20px;
	margin:15px 9px 0 37px;
}
.headPicbubble .bubble .export{
	display:none;
}
.headPicbubble .bubble ul li.border-all-radius{
	border-radius:8px !important; 
}

.title{
	height:56px;
	width:100%;
	line-height:56px;
	min-width:830px;
	color:#999;
	text-align:center;
	font-size:24px;
	position:absolute;
	z-index:999;
	top:65px;
}
.floating{
	top:0px !important;
	position:fixed !important;
}
.classification,
.state{
	cursor:pointer;
}
.classification:hover,
.state:hover{
	color:#888;
}
.secondcontent .logo{
	display:block;
	position: absolute;
}
.title .menu,
.secondcontent .menu{
	float:right;
	position:relative;
	top:-44px;
	margin-right:40px;
}
.secondcontent .menu{
	top:-34px;
	float:right;
	margin-right:30px;
}
.secondcontent .info{
	color:#999;
	position:relative;
	top:-4px;
}
.title .menu div,
.secondcontent .menu div{
	height:20px;
	width:20px;
	float:right;
	margin-left:23px;
	cursor:pointer;
	font-size:12px;
    line-height: 1;
}
.title .menu .more,
.secondcontent .menu .more{
	background:url(../images/more@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:0 7px;
}
.title .menu .more:hover,
.secondcontent .menu .more:hover{
	background:url(../images/morehover@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:0 7px;
}
.title .menu .batch,
.secondcontent .menu .batch{
	background:url(../images/batch@3x.png);	
	background-repeat:no-repeat;
	background-size:contain;
}
.title .menu .batch:hover,
.title .menu .batch.on,
.secondcontent .menu .batch:hover{
	background:url(../images/batchhover@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.title .menu .sort,
.secondcontent .menu .sort{	
	background:url(../images/sort@3x.png);	
	background-repeat:no-repeat;
	background-size:contain;
	background-position:4px 0px;
}
.title .menu .sort:hover,
.secondcontent .menu .sort:hover{	
	background:url(../images/sorthover@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:4px 0px;
}
.title .menu .refresh,
.secondcontent .menu .refresh{
	background:url(../images/refresh@3x.png);	
	background-repeat:no-repeat;
	background-size:contain;
}
.secondcontent .menu .refresh{
	margin-left:0;
}
.secondcontent .menu .refresh:hover{
	margin-left:0;
}
.title .menu .refresh:hover,
.secondcontent .menu .refresh:hover{
	background:url(../images/refreshhover@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.main{
	position:relative;
	top:120px;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	text-align:left;
	max-width:1836px;/*最多显示6列*/
}
.hot .main{
	top:80px;
}
.main .card{
	float:left;
	margin:13px;
	/*width:310px;*/
	width:280px;
	padding:18px 0;
	box-shadow:0px 0px 10px #ccc;
	overflow:hidden;
	position:relative;
	background:#fff;
	text-align:left;
}
.main .cardFixedHeight{
	/*float:left;*/
	display:inline-block;
	margin:13px 13px;
	/*width:310px;*/
	width:252px;
	height:268px;
	padding:18px 0;
	box-shadow:0px 0px 10px #ccc;
	overflow:hidden;
	position:relative;
	background:#fff;
	text-align:left;
}
.main .card:hover,
.main .cardFixedHeight:hover{
	/*box-shadow:0px 0px 15px #ccc;
	-webkit-box-shadow: 0px 0px 15px #ccc;
    -moz-box-shadow: 0px 0px 15px #ccc;*/
}
.main .card .category,
.main .cardFixedHeight .category{
	display:inline-block;
	color:#71AAFF;
	font-size:12px;
	padding:0 15px;
	/*margin-bottom:8px;*/
	height:17px;
	cursor:pointer;
	overflow:hidden;
	position:relative;
	top:-4px;
}
.main .card .category:hover,
.main .cardFixedHeight .category:hover{
	color:#3779DB;
}
.no-category,
.main .cardFixedHeight .no-category{
	display:inline-block;
	color: #BABBC1;
	font-size:12px;
	height:17px;
	padding:0 15px;
	/*padding-bottom:8px;*/
	cursor:pointer;
	overflow:hidden;
	position:relative;
	top:-4px;
}
.no-category:hover,
.main .cardFixedHeight .no-category:hover{
	color:#3779DB;
}
.main .card .bookmarkTitle,
.main .cardFixedHeight .bookmarkTitle{
	color:#333;
	font-size:16px;
	padding-left:15px;
	padding-right:20px;
	padding-top:4px;
	margin-top:-5px;
	line-height:24px;
	display: -webkit-box; 
	-webkit-box-orient;
	text-overflow: ellipsis;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.main .card .bookmarkTitleHover,
.main .cardFixedHeight .bookmarkTitleHover{
	/*color:#5392F0 !important;*/
	/*font-weight:bold;*/
}
.main .cardFixedHeight .bookmarkTitle{
	height:48px;
}
.main .card .bookmarkView{
	width:100%;
	max-height:400px;
	overflow:hidden;
	margin-top:14px;
}
.main .cardFixedHeight .bookmarkView{
	width:100%;
	height:150px;
	overflow:hidden;
	margin-top:14px;
}
.main .card .bookmarkView .introduct{
	height:153px;
	margin:0 16px;
	line-height:24px;
	font-size:14px;
	color:#757576;
	text-align: justify
}
.main .cardFixedHeight .bookmarkView .introduct{
	margin:0 16px;
	height:131px;
	line-height:21px;
	font-size:12px;
	color:#757576;
	overflow:hidden;
	text-align: justify;
	font-weight:300;
}
.main .card .bookmarkImg,
.main .cardFixedHeight .bookmarkImg{
	width:100%;
}
.main .card .source,
.main .card .bookmarkMenu,
.main .card .signMenu,
.main .card .shareMenu,
.main .cardFixedHeight .source,
.main .cardFixedHeight .bookmarkMenu,
.main .cardFixedHeight .signMenu,
.main .cardFixedHeight .shareMenu{
	padding:0 13px;
	padding-top:15px;
	padding-right:0;
	height:27px;
	line-height:27px;
	font-size:0;
}
.main .card .shareMenu,
.main .cardFixedHeight .shareMenu{
	padding-left:8px;
}

.main .card .source,
.main .cardFixedHeight .source{
	padding-right:5px;
	/*position:absolute;
	width:234px;*/
}
.main .card .bookmarkMenu,
.main .cardFixedHeight .bookmarkMenu{
	float:left;
	width:226px;
	background:#fff;
	padding-right:15px;
	position:absolute;
	bottom:11px;
	left:0px;
	display:none;
}
.main .card .signMenu,
.main .cardFixedHeight .signMenu,
.main .card .shareMenu,
.main .cardFixedHeight .shareMenu{
	width:210px;
	background:#fff;
	position:absolute;
	bottom:11px;
	left:0px;
	color:#999;
	font-size:12px;	
	display:none;
}
.batchStatusMenu{
	float:right;
	position: fixed;
	right:124px;
	bottom:80px;
	z-index:10001;
	display:none;
}
.batchStatusMenu .triangle{
	width:0;
	position:absolute;
	top:30px;
	right:13px;
	z-index:1000;
	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ededed;
}
.batchStatusMenu .writeTriangle{
	top:-10px;
	left:-9px;
	width:0px;
	height:0px;
	position:relative;
	border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #fff;
}
.title .batchStatusMenu{
	float:right;
	position: relative;
	left:215px;
	top:0;
	/*display:none;*/
}

.batchStatusMenu .signMenu{
	line-height:30px;
	height:30px;
	background:#fff;
	color:#999;
	font-size:12px;	
	width:170px;
	border:1px #ededed solid;
	border-radius:2px;
	padding-left:10px;
}
.title .batchStatusMenu .triangle{
	top:-19px;
	right:48px;
}
.title .batchStatusMenu .writeTriangle{
	top:11px;
	left:-9px;
}
.main .card .signMenu span:nth-child(1),
.main .cardFixedHeight .signMenu span:nth-child(1),
.batchStatusMenu .signMenu span:nth-child(1){
	float: left;
}
.main .card .signMenu ul,
.main .cardFixedHeight .signMenu ul,
.batchStatusMenu .signMenu ul{
	overflow:hidden;
	float:left;
	padding-top:3px;
}
.main .card .signMenu li,
.main .cardFixedHeight .signMenu li,
.batchStatusMenu .signMenu li{
	text-align:center;
	float:left;
	width:30px;
	height:20px;
	line-height:20px;	
	padding:0 5px;
	cursor: pointer;
}
.main .card .signMenu li:hover,
.main .cardFixedHeight .signMenu li:hover,
.batchStatusMenu .signMenu li:hover{
	color:#333;
}
.main .card .signMenu label,
.main .cardFixedHeight .signMenu label{
	float:left;
}
.main .card .signMenu .checked,
.main .cardFixedHeight .signMenu .checked,
.main .card .signMenu .checked:hover,
.main .cardFixedHeight .signMenu .checked:hover{
	color:#fff;
	background: #71AAFF;
	border-radius:3px;
}
.main .card .signMenu .readStatus,
.main .cardFixedHeight .signMenu .readStatus{
	display:none;
}
.main .card .source .sourceLog,
.main .cardFixedHeight .source .sourceLog{
	float:left;
	width:15px;
	height:15px;
	position:relative;
	top:8px;
	margin-right:5px;
	border-radius:8px;
}
.main .card .source .sourceName,
.main .cardFixedHeight .source .sourceName{
	display:inline-block;
	float:left;
	position: relative;
	top:2px;
	max-width:80px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:12px;
	color:#333;
}
.main .card .source .date,
.main .cardFixedHeight .source .date{
	/*display:inline-block;*/
	/*float:left;*/
	position: relative;
	top:2px;
	font-size:12px;
	color:#BFC0C6;
}

.main .card .source .collected,
.main .cardFixedHeight .source .collected{
	float:right;
	position: relative;
	top:6px;
	width:16px;
	height:16px;
	margin-right:5px;
	background:url(../images/collected.png);
	background-repeat:no-repeat;
	background-size:16px;
	background-position:0 2px;
	cursor:pointer;
}
.main .card .source .more,
.main .cardFixedHeight .source .more{
	float:right;
	width:40px;
	height:30px;
	/*background:url(../images/more@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:0 7px;*/
	cursor:pointer;
	text-align:center;
}
.main .card .source .more img,
.main .cardFixedHeight .source .more img{
	width:15px;
	margin-top:13px;
	/*margin-left:7px;*/
	display:inline-block;
}
.main .card .source .more:hover,
.main .cardFixedHeight .source .more:hover{
	/*float:right;
	width:20px;
	height:20px;
	background:url(../images/morehover@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:0 7px;*/
}
.main .card .bookmarkMenu span,
.main .cardFixedHeight .bookmarkMenu span{
	margin-right:22px;
	display:block;
	float:right;
	height:27px;
	width:27px;
	cursor:pointer;
}
.hot .main .cardFixedHeight .bookmarkMenu span{
	float:right;
}
.hot .main .cardFixedHeight .bookmarkMenu .close{
	float:right;
}
.main .card .bookmarkMenu .close,
.main .cardFixedHeight .bookmarkMenu .close,
.main .card .signMenu .close,
.main .cardFixedHeight .signMenu .close{
	float:right;
	margin-right:6px;
	margin-top:10px;
	height:10px;
	width:10px;
	background:url(../images/closev2.png);
	background-repeat:no-repeat;
	background-size:contain;
	cursor:pointer;
}
.main .card .bookmarkMenu .close:hover,
.main .cardFixedHeight .bookmarkMenu .close:hover,
.main .card .signMenu .close:hover,
.main .cardFixedHeight .signMenu .close:hover{
	background:url(../images/closev2hover@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.main .card .bookmarkMenu .collect,
.main .cardFixedHeight .bookmarkMenu .collect{
	margin-right:16px;
	background:url(../images/collect.png);
	background-repeat:no-repeat;
	background-size:contain;
}
/*热门收藏*/
.main .card .bookmarkMenu .collect.hot,
.main .cardFixedHeight .bookmarkMenu .collect.hot{
	margin-right:22px;
	background:url(../images/collect@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.main .card .bookmarkMenu .collected,
.main .cardFixedHeight .bookmarkMenu .collected{
	margin-right:16px;
	position:relative;
	top:4px;
	height:25px;
	width:25px;
	background:url(../images/collected.png);
	background-repeat:no-repeat;
	background-size:16px;
	background-position:4px 4px;
}
/*热门收藏*/
.main .card .bookmarkMenu .collected.hot,
.main .cardFixedHeight .bookmarkMenu .collected.hot{
	margin-right:22px;
	position:relative;
	top:0px;
	height:27px;
	width:27px;
	background:url(../images/collecthover@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:0px;
}
.main .card .bookmarkMenu .share,
.main .cardFixedHeight .bookmarkMenu .share{
	background:url(../images/share@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.main .card .bookmarkMenu .sign,
.main .cardFixedHeight .bookmarkMenu .sign{
	background:url(../images/sign@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.hot .main .card .bookmarkMenu .collect,
.hot .main .cardFixedHeight .bookmarkMenu .collect{
	background:url(../images/collect@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:27px;
	height:27px;
	top:0;
}
.main .card .bookmarkMenu .delete,
.title .menu .delete,
.main .cardFixedHeight .bookmarkMenu .delete{
	background:url(../images/delete@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.main .card .bookmarkMenu .close:hover,
.main .cardFixedHeight .bookmarkMenu .close:hover{
	float:right;
	margin-right:6px;
	margin-top:10px;
	height:10px;
	width:10px;
	background:url(../images/closev2hover@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.main .card .bookmarkMenu .collect:hover,
.main .cardFixedHeight .bookmarkMenu .collect:hover{
	background:url(../images/collecthover.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.main .card .bookmarkMenu .collect.hot:hover,
.main .cardFixedHeight .bookmarkMenu .collect.hot:hover{
	background:url(../images/collecthover@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.main .card .bookmarkMenu .share:hover,
.main .cardFixedHeight .bookmarkMenu .share:hover{
	background:url(../images/sharehover@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.main .card .bookmarkMenu .sign:hover,
.main .cardFixedHeight .bookmarkMenu .sign:hover{
	background:url(../images/signhover@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.hot .main .card .bookmarkMenu .collect:hover,
.hot .main .cardFixedHeight .bookmarkMenu .collect:hover,
.hot .main .cardFixedHeight .bookmarkMenu .collect.collected{
	background:url(../images/collecthover@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.main .card .bookmarkMenu .delete:hover,
.title .menu .delete:hover,
.main .cardFixedHeight .bookmarkMenu .delete:hover{
	background:url(../images/deletehover@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.categorysView-add,
.categorysView-chose,
.categorysView-creat{	
	width:650px;
	height:70%; 
	position: fixed;
	/*top:0;*/
	/*bottom:0;*/
	left:0;
	right:0;
	margin:auto;
	z-index:2147483647;
	background:#fff;
	display:none;
	border-radius:5px;
}
.categorysView-creat{
	height:450px;
	top:0;
	bottom:0;
}
.categorysView-add .top,
.categorysView-chose .top,
.categorysView-creat .top{
	font-size:22px;
	line-height:59px;
	height:59px;
	color:#666666;
	padding:10px 31px;
	border-bottom:1px #e8e8e8 solid;
}
.categorysView-add .top .closeIcon,
.categorysView-chose .top .closeIcon,
.categorysView-creat .top .closeIcon{
	display:block;
	width:25px;
	height:25px;
	position:relative;
	top:18px;
	float:right;
	background: url(../images/closev2.png);
	background-size:15px;
	background-repeat:no-repeat;
	background-position:4px;
	cursor:pointer;
}
.categorysView-add .top .closeIcon:hover,
.categorysView-creat .top .closeIcon:hover,
.categorysView-chose .top .closeIcon:hover{
	background: url(../images/closev2hover@3x.png);
	background-size:15px;
	background-position:4px;
	background-repeat:no-repeat;
}
.categorysView-add .top .categorysearchView,
.categorysView-chose .top .categorysearchView{
	display:inline-block;
	margin-left:170px;
	position: relative;
	height:42px;
	top:10px;
	background:#efefef;
	border-radius:3px;
}
.categorysView-add .top .categorysearchView:hover,
.categorysView-chose .top .categorysearchView:hover{
	box-shadow:0 0 1px #666;
}
.categorysView-add .top .categorysearchView{
	margin-left:125px;
}
.categorysView-add .top .categorysearch ,
.categorysView-chose .top .categorysearch{
	border:none;
	position: relative;
	top:-10px;
	padding:10px 20px;
	background:#efefef;
	border-radius:3px;
	outline:none;
	font-size:16px;
}
.categorysView-add .top .searchImg ,
.categorysView-chose .top .searchImg{
	position:relative;
	height:20px;
	top:-5px;
	left:-10px;
	cursor:pointer;
}
.categorysView-add .categorysList .categoryCard input,
.categorysView-chose .categorysList .categoryCard input{
	display:none;
}
.categorysView-add .categorysList,
.categorysView-chose .categorysList{
	/*min-height:100px;*/
	/*max-height:312px;*/
	padding:15px 30px;
	overflow-y:auto;
	color:#666;
}
.categorysView-creat .categorysList{
	height:262px;
	padding:15px 30px;
}
.categorysView-creat .categorysList input{
	width:350px;
	/*height:30px;*/
	font-size:20px;
	display:block;
	position:relative;
	top:106px;
	margin:0 auto;
	/*color:#CCCACA;*/
	background:#fafafa;
	border:1px #dadbE3 solid;
	padding:10px 25px;
}
.categorysView-add .categorysList .categoryCard,
.categorysView-chose .categorysList .categoryCard{
	height:18px;
	line-height:18px;
	padding:11px 16px;
	margin:7px 15px;
	background:#EFEFEF;
	color:#666;
	font-size:18px;
	/*float:left;*/
	display:inline-block;	
	border-radius:5px;
	cursor:pointer;
}
/* 分类标签鼠标悬浮改变颜色 */
.categorysView-add .categorysList .categoryCard:hover,
.categorysView-chose .categorysList .categoryCard:hover{
	background-color:#71AAFF;
	color:white;
}
.categorysView-add .categorysList .categoryCardChecked,
.categorysView-chose .categorysList .categoryCardChecked{
	background:#71AAFF !important;
	color:#fff;
}
/* 分类标签数量样式 */
.categorysView-add .categorysList .categoryCard .categoryAmount,
.categorysView-chose .categorysList .categoryCard .categoryAmount
{
	font-style:normal;
	font-size:14px;
}
.categorysView-add .categorysList .categoryCard .categoryName,
.categorysView-chose .categorysList .categoryCard .categoryName{
	font-style:normal;
}
.categorysView-add footer,
.categorysView-creat footer{
	height:49px;
	line-height:49px;
	border-top:1px #e8e8e8 solid;
	padding:15px 30px;
}
.categorysView-add footer .confirm,
.categorysView-creat footer .save,
.categorysView-creat footer .cancel{
	position:relative;
	top:6px;
	width:90px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#fff;
	background:#71AAFF;
	float:right;
	border-radius:5px;
	cursor:pointer;
}
/* 按钮鼠标悬浮效果 */
.categorysView-add footer .confirm:hover,
.categorysView-creat footer .save:hover,
.categorysView-creat footer .cancel:hover{
	background-color:#2C86D9;
	color:#fff;
}
.categorysView-creat footer .cancel{
	background:#efefef;
	margin-right:16px;
	color:#666;
}
.categorysView-add footer .addIcon{
	position:relative;
	top:3px;
	height:44px;
	width:44px;
	background:url(../images/addtocategorys@3x.png);
	background-size: contain;
	float:left;
	cursor:pointer;
}
.selectLoading{
	width:300px;
	height:60px;
	text-align:center;
	line-height:60px;
	font-size:26px;
	color:#999;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	z-index:100000
}
.floating .transparentLayer{
	position:absolute;
	width:100%;
	height:100%;
	background:#fff;
	top:0px;
	z-index:-900;
	opacity:1;
	box-shadow:0px 1px 10px #ddd;
}
.main .cardFixedHeight.rec-read .bookmarkTitle,
.main .cardFixedHeight.rec-read .bookmarkView .introduct,
.main .cardFixedHeight.rec-read .sourceName{
	color:#888;
}
.addMarkbubble{
	width:300px;
	/*border:2px #ededed solid;*/
	border-radius:8px;
	padding:0 20px;
	padding-bottom:20px;
	position:fixed;
	top:61px;
	right:2.75%;
	background:#fff;
	z-index:2147483647;
	display:none;
	/*height:260px;*/
}
.addMarkbubble .triangle{
	width:0;
	position:absolute;
	top:-29px;
	right:66px;
	z-index:1000;
	/*border-left: 15px solid transparent;
    border-right: 15px solid transparent;*/
    border-bottom: 15px solid #ededed;
}
.addMarkbubble .writeTriangle{
	top:16px;
	left:-14px;
	position: absolute;
	width:0px;
	height:0px;
	position:relative;
	border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #fff;
}
.addMarkbubble .viewName{
	margin-top: 30px;
	margin-bottom: 10px;
}
.addMarkbubble .urlInputView{
	overflow:hidden;
	/*padding:0 20px;*/
	padding-top:10px;
	/*padding:10px 0;*/
}
.addMarkbubble .urlInput{
	float:left;
	width:200px;
	display:inline-block;
	font-size:16px;
	padding:5px 20px;
	border: 1px #dadbE3 solid;
	border-radius:3px 0 0 3px;
	outline:none;
}
.addMarkbubble .savebtn{
	float:left;	
	display:inline-block;
	background:#71AAFF;
	line-height:34px;
	color:#fff;
	width:55px;
	text-align:center;
	border-radius: 0 3px 3px 0;
	border:none;
	cursor:pointer;
}
.link{
	margin-top:25px;
	color:#acacac;
}
.toolsbtn,.importbtn{
	/*padding-left:30px;*/
	text-align:center;
	position:relative;
	width:300px;
	margin:0 auto;
	height:40px;
	line-height:40px;
	color:#71AAFF;
	margin-top:23px;
	border-radius:5px;
	font-size:16px;
}
.toolsbtn{
	/*margin-left:20px;*/
	/*background: url(../images/tool.png);
	background-repeat:no-repeat;
	background-size:contain;*/
}
.toolsbtn:hover{
	color:#3779DB;
	/*margin-left:20px;*/
	/*background: url(../images/toolhover.png);
	background-repeat:no-repeat;
	background-size:contain;*/
}
.importbtn{
	/*margin-left:40px;*/
	/*background: url(../images/import.png);
	background-repeat:no-repeat;
	background-size:contain;*/
}
.importbtn:hover{
	color:#3779DB;
	/*margin-left:40px;*/
	/*background: url(../images/importhover.png);
	background-repeat:no-repeat;
	background-size:contain;*/
}
.toolsbtn .toolIcon{
	width:23px;
	position:relative;
	top:5px;
	right:8px;
}
.toolsbtn a{
	width:320px;
	margin:0 auto;
	height:60px;
	line-height:60px;
	font-size:0;
	position:absolute;
	top:0;
	left:0;
	cursor:move;
}
.main .cardFixedHeight .selectBox{
	display:none;
	border-radius:2em;
	background: url(../images/selectBox.png);
	background-repeat:no-repeat;
	background-size:contain;
    width: 1.5em;
	height: 1.5em;
    position: absolute;
    right: 10px;
    top: 10px;
	cursor:pointer;
	-webkit-user-select:none;
}
.main .cardFixedHeight .selectBox.selected{
	background: url(../images/selectBoxSelected.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.batchStatus{
	background:url(../images/batchStatus.png);
	background-repeat: no-repeat;
	background-size: 22px 17px;
	background-position:3px 2px; 
}
.batchStatus:hover{
	background:url(../images/batchStatushover.png);
	background-repeat: no-repeat;
	background-size: 22px 17px;
	background-position:3px 2px; 
}
.batchFolder{
	background:url(../images/batchFolder.png);
	background-repeat: no-repeat;
	background-size: 22px 18px;
	background-position:3px 2px;
}
.batchFolder:hover{
	background:url(../images/batchFolderhover.png);
	background-repeat: no-repeat;
	background-size: 22px 18px;
	background-position:3px 2px;
}
.batchDelete{
	background:url(../images/batchDelete.png);
	background-repeat: no-repeat;
	background-size: 18px 21px;
	background-position:5px 0px;
}
.batchDelete:hover{
	background:url(../images/batchDeletehover.png);
	background-repeat: no-repeat;
	background-size: 18px 21px;
	background-position:5px 0px;
}
.batchCollect{
	background:url(../images/batchCollect.png);
	background-repeat: no-repeat;
	background-size:21px 18px;
	background-position:4px 2px;
}
.batchCollect:hover{
	background:url(../images/batchCollecthover.png);
	background-repeat: no-repeat;
	background-size:21px 18px;
	background-position:4px 2px;
}
.batchClose{
	width:14px;
	padding:0;
	background:url(../images/closev2.png);
	background-repeat: no-repeat;
	background-size:14px;
}
.batchClose:hover{
	width:14px;
	padding:0;
	background:url(../images/batchclosehover.png);
	background-repeat: no-repeat;
	background-size:14px;
}
.Batchinfo{
	text-align:center;
	display:none;
}
.BatchName{
	display:inline-block;
}
.banner .selectedNum{
	
}
.selectedNum{
	position: absolute;
	left:0;
	font-size:16px;
	margin-left:40px;
}
.selectAll,
.deselectAll{
	display:none;
	position:absolute;
	font-size:16px;
	right:150px;
	cursor:pointer;
}
.deselectAll{
	right:190px;
}
.selectAll:hover,
.deselectAll:hover{
	color:black;
}
.main .card .shareMenu .shareto,
.main .cardFixedHeight .shareMenu .shareto{
	float:left;
}
.main .card .shareMenu span,
.main .cardFixedHeight .shareMenu span{
	width:27px;
	height:27px;
	display:block;
	float: left;
	margin:0 7px;
	cursor:pointer;
}
.hot .main .card .shareMenu span,
.hot .main .cardFixedHeight .shareMenu span{
	float:right;
}

.main .card .shareMenu .weibo,
.main .cardFixedHeight .shareMenu .weibo{
	background:url(../images/weiboshare@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.main .card .shareMenu .qq,
.main .cardFixedHeight .shareMenu .qq{
	background:url(../images/qqshare@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.main .card .shareMenu .qqzone,
.main .cardFixedHeight .shareMenu .qqzone{
	background:url(../images/qqzoneshare@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.main .card .shareMenu .kindle,
.main .cardFixedHeight .shareMenu .kindle{
	background:url(../images/kindleshare@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.main .card .shareMenu .wechat,
.main .cardFixedHeight .shareMenu .wechat{
	background:url(../images/wechatshare@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.main .card .shareMenu .weibo:hover,
.main .cardFixedHeight .shareMenu .weibo:hover{
	background:url(../images/weibosharehover@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.main .card .shareMenu .qq:hover,
.main .cardFixedHeight .shareMenu .qq:hover{
	background:url(../images/qqsharehover@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.main .card .shareMenu .qqzone:hover,
.main .cardFixedHeight .shareMenu .qqzone:hover{
	background:url(../images/qqzonesharehover@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.main .card .shareMenu .kindle:hover,
.main .cardFixedHeight .shareMenu .kindle:hover{
	background:url(../images/kindlesharehover@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.main .card .shareMenu .wechat:hover,
.main .cardFixedHeight .shareMenu .wechat:hover{
	background:url(../images/wechatsharehover@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.main .card .shareMenu .close,
.main .cardFixedHeight .shareMenu .close{
	height:10px;
	width:10px;
	float:right;
	margin-top:10px;
	background:url(../images/closev2.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.main .card .shareMenu .close:hover,
.main .cardFixedHeight .shareMenu .close:hover{
	background:url(../images/closev2hover@3x.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.wechatshare{
	width:252px;
	height:268px;
	padding:18px 0;
	position:absolute;
	left:0;
	top:0px;
	background:#fff;
	display:none;
}
.wechatshare .close{
	display:inline-block;
	width:19px;
	height:19px;
	margin-left: 20px;
	cursor:pointer;
}
.wechatshare .close img{
	width:12px;
	height:12px;
}
.erweima{
	width:168px;
	height:168px;
	display:block;
	margin:0 auto;
	margin-top:18px;
	margin-bottom:13px;
}
.wechatIntroduct{
	width:184px;
	margin:0 auto;
	font-size:14px;
	color:#333;
	text-align:justify;
}
.scrollToTop{
	position:fixed;
	right:63px;
	bottom:80px;
	width:46px;
	height:46px;
	cursor:pointer;
	opacity:1;
}
.toolsIntrodect{
	margin-top:10px;
	font-size:14px;
	color:#999;
	font-family:'PingFang SC';
}
.toolsIntrodect a{
	color:#71AAFF;
	text-decoration:underline;
}
.selectInfo{
	display:none;
}
.selectInfo .classification:hover,
.selectInfo .state:hover{
	color:#3779DB !important;
}
.selectInfo .screenMenu{
	position:absolute;
	left:40px;/* 由于logo不动导致筛选菜单与logo重叠，可将left值调大以解决此问题 */
	font-size:16px;
	color:#71AAFF;
}
.selectInfo .screenMenu span{
	display:inline-block;
	margin-right:10px;
}
.selectInfo .screenMenu span:nth-child(1){
	color:#999;
	margin-right:0;
}
.batchBar{
	height:70px;
	line-height:70px;
	width:100%;
	position:fixed;
	bottom:0;
	color:#ccc;
	display:none;
	z-index:1;
}
.batchBar .batchNum{
	font-size:24px;
	color:#fff;
	padding-right:56px;
	margin-left:60px;
	margin-right:14px;
}
.batchBar .checkAll,
.batchBar .inverse{
	font-size:18px;
	margin-left:56px;
	cursor:pointer;
}
.batchBar .checkAll{
	margin-left:0px;
}
.batchBar .checkAll:hover,
.batchBar .inverse:hover{
	color:#fff;
}
.batchBar .batchMenu{
	float:right;
}
.batchBar .batchMenu span{
	display:inline-block;
	margin-right:56px;
	font-size:15px;
	padding-top:25px;
	line-height:15px;
	margin-top:15px;
	cursor:pointer;
}
.batchBar .batchMenu span:hover{
	color:#fff;
}
.batchBar .bg{
	height:70px;
	width:100%;
	opacity:0.84;
	background:#000;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}

.loading-img{
	display:none;
	position:fixed;
	z-index:2147483647;
}
.loading-img img{
	width:64px;
	height:64px;
}
.categorysView-add .creatCategory{
	/*padding:15px 30px;*/
	height:49px;
	display:none;
	position:absolute;
}
.creatCategory .creatInput{
	width:298px;
	/*height:47px;*/
	line-height:22px;
	border:1px #ccc solid;
	border-radius:3px;
	background:#fafafa;
	font-size:18px;
	padding:10px 25px;
	outline:none;
}
.creatCategory .creatInput:hover{
	box-shadow:0 0 1px #666;
}
.creatCategory span{
	display:inline-block;
	width:90px;
	text-align:center;
	line-height: 40px;
	border-radius:4px;
	cursor:pointer;
}
.creatCategory span:hover{
	background-color:#2C86D9;
	color:#fff;
}
.creatCategory .save{
	margin-left:16px;
	background:#71aaff;	
	color:#fff;
}.creatCategory .cancel{
	margin-left:34px;
	background:#efefef;
	color:#666;
}
.explorecollected{
	position:relative;
	right:6px;
	float:right;
	width:27px;
	height:27px;
	background: url(../images/collecthover@3x.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.modal-measure-scrollbar{
    position: absolute;
    height: 100px;
    width: 100px;
    top: -300px;
    left: -300px;
    overflow: scroll;
    z-index: 1000;
    overflow-y: scroll;
}
.modal-measure-scrollbar .inner{
    height: 200px;
}
.animated{
  -webkit-animation-duration: 400ms !important;
  animation-duration: 400ms !important;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}