/* -------- 合集功能所以css集合 -- */
.current-position{padding:30px 0;}

/* -------- 合集首页 -- */
#album .banner{background: url(/assets/revision/images/album/album-banner.jpg) no-repeat center;;height: 200px;}
#album .album-list{padding-top: 10px;}
#album .album-list .wrap{width: 103%;}
#album .album-list .list{width: 295px;margin:20px 20px 0 0;float: left;position: relative;transition: box-shadow .2s}
#album .album-list .list:hover{box-shadow: 0 0 10px rgba(0,0,0,.1)}
#album .album-list .list .tips{position: absolute;right: 0;top: 5px;height: 20px;color:#fff;padding:0 8px;border-top-left-radius:10px;border-bottom-left-radius: 10px;line-height: 20px;background: linear-gradient(to right,#ff731f,#ff5002);}
#album .album-list .list .img{height: 180px;overflow: hidden;}
#album .album-list .list .img img{width: 100%;height: 180px;display: block;}
#album .album-list .list .con{height: 42px;line-height: 40px;padding:0 14px;border:1px #e8e8e8 solid;border-top: none;}
#album .album-list .list .con a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#album .album-list .list .con a:hover{color:#ff7700;}
#album .subnav{border:1px #e8e8e8 solid;margin-top: 30px;padding:8px 0;}
#album .album-nav{background: #fff;position: relative;padding:0 90px 0 100px}
#album .album-nav .nav-l{position: absolute;left: 30px;top: 12px;font-size: 16px;width:60px;}
#album .album-nav .nav-l:before{content: "";position: absolute;right: 0;top: 1px;height: 16px;width: 1px;background: #e8e8e8;}
#album .album-nav .nav-m{line-height: 40px;overflow: hidden;height: 40px;}
#album .album-nav .nav-m .more-btn{position: absolute;right: 30px;top: 0;font-size: 16px;color:#666;cursor: pointer;}
#album .album-nav .nav-m .more-btn i{width: 14px;height: 8px;background: url(/assets/revision/images/album/album-icon.png);display: inline-block;margin-right: 5px;transition: all .2s}
#album .album-nav .nav-m .more-btn.active i{transform: rotate(180deg);}
#album .album-nav .nav-m a{padding:0 20px; font-size: 16px;color:#666;display: inline-block;position: relative;margin-left: -1px;}
#album .album-nav .nav-m a:before{content: "";position: absolute;left: 0;top: 12px;height: 16px;width: 1px;background: #e8e8e8; }
#album .album-nav .nav-m a:hover,#album .album-nav .nav-m a.active{color:#ff7700;}
/* -------- 合集详情页 -- */
#album .album-description{border:1px #e8e8e8 solid;position: relative;}
#album .des-t{position: relative;padding:19px 19px 22px;}
#album .des-t .album-name{height: 20px;margin:8px 0 18px;}
#album .des-t .album-name h3{color:#666;font-size: 20px;font-weight: bold;margin-right: 20px;line-height: 18px;}
#album .des-t .album-name .tags{border-left: 1px #999999 solid;padding-left: 20px;color:#666;height: 20px;line-height: 20px;}
#album .des-t .album-name .tags a{display: inline-block;margin:0 7px;}
#album .des-b{background: #f8f8f8;height: 61px;border-top: 1px #e8e8e8 solid;padding-left: 19px;}
#album .des-b .avatar{margin-right: 15px;width: 40px;height: 50px;padding-top: 10px;}
#album .des-b .avatar img{display: block;width: 40px;height: 40px;border-radius: 50%;}
#album .des-b .avatar-r .p1{padding-top: 10px;color:#999999;}
#album .des-b .avatar-r .p1 a{color:#666;display: inline-block;margin-right: 14px;}
#album .des-b .avatar-r .p2{padding-top: 10px; font-size: 12px;color:#999;}
#album .des-b .avatar-r .p2 a{color:#e76700;}
#album .des-b .tabs a{display: inline-block;padding:0 16px;height: 60px;line-height: 60px;font-size: 16px;color:#666;border-left:1px #e8e8e8 solid;}
#album .des-b .tabs a:hover,#album .des-b .tabs a.active{background: #efefef;}
#album .album-description .share{position: absolute;right: 19px;top: 19px;z-index: 2}
#album .album-description .share > div.fr{margin-left: 20px;}
#album .album-description .share > div > a{padding:0 18px;height: 36px;line-height: 34px;border:1px #e8e8e8 solid;border-radius: 4px;display: inline-block; font-size: 16px;color:#666;}
#album .album-description .share .collect a{background: #ffd200;border-color:#eec400;color:#333;}
#album .album-description .share .collected{height: 36px;overflow: hidden;}
#album .album-description .share .collected a{display: block;transition: all .3s}
#album .album-description .share .collected:hover .c1{margin-top: -36px;}
#album .album-description .share .share-btn{position: relative;height:43px; }
#album .album-description .share .share-btn .btn-m{position: absolute;top: 43px;right: 0;height: 37px;background: #f8f8f8;border:1px #e8e8e8 solid;border-radius: 4px;width: 192px;padding-top: 5px;display: none;}
#album .album-description .share .share-btn:hover .btn-m{display: block;}
#album .album-description .share .share-btn .btn-m a{float: left;width: 25px;height: 25px;background: url(/assets/revision/images/album/album-icon.png);margin:0 3px 0 9px;}
#album .album-description .share .share-btn .btn-m a.qq{background-position: -26px -10px}
#album .album-description .share .share-btn .btn-m a.wechat{background-position: -26px -36px}
#album .album-description .share .share-btn .btn-m a.weibo{background-position: -26px -62px}
#album .album-description .share .share-btn .btn-m a.huaban{background-position: -26px -88px}
#album .album-description .share .share-btn .btn-m a.qzone{background-position: -26px -114px}
#album .album-description .share .share-btn .btn-m a.qq:hover{background-position: 0 -10px}
#album .album-description .share .share-btn .btn-m a.wechat:hover{background-position: 0 -36px}
#album .album-description .share .share-btn .btn-m a.weibo:hover{background-position: 0 -62px}
#album .album-description .share .share-btn .btn-m a.huaban:hover{background-position: 0 -88px}
#album .album-description .share .share-btn .btn-m a.qzone:hover{background-position: 0 -114px}
#album .album-description .share .share-btn .btn-m:before{content: "";width: 7px;height: 6px;background: url(/assets/revision/images/album/album-icon.png) -18px 0;position: absolute;right: 20px;top: -5px;}
#album .des-t .album-con{line-height:18px;color:#999;word-break:break-all}
#album .collect-list .wrap{width: 103%;}
#album .collect-list .list{width: 226px;height: 240px;margin:20px 27.5px 0 0;float: left;position: relative;transition: box-shadow .2s;border:1px #e8e8e8 solid;text-align: center;padding-top: 29px;}
#album .collect-list .list:hover{box-shadow: 0 0 10px rgba(0,0,0,.1)}
#album .collect-list .list .avatar{display: block;width: 105px;height: 105px;border:1px #eaeaea solid;border-radius: 50%;margin:0 auto;}
#album .collect-list .list .avatar img{display: block;width: 103px;border-radius: 50%}
#album .collect-list .list .user-name{color:#666;font-size: 20px;padding:0 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 25px;display: block;}
#album .collect-list .list .num{color:#999;font-size: 16px;margin-top: 20px;}
#album .flow-list{padding-top: 20px;}

/* -------- 新建&编辑合集 -- */
#edit-album{width: 700px;background: #fff;border:1px #e8e8e8 solid;margin:0 auto 80px;}
#edit-album .h3{ font-size: 20px;font-weight: bold;color:#666666;height: 60px;line-height: 58px;padding-left: 19px;border-bottom: 1px #e8e8e8 solid }
#edit-album .form{padding:0 19px;}
#edit-album .form .input-list{border-top: 1px #e8e8e8 solid;padding:20px 0;margin-top: -1px;}
#edit-album .form .input-list .input-l{width: 97px;font-size: 18px;color:#666;line-height: 36px;}
#edit-album .form .input-list .input-r{width: 500px;position: relative;}
#edit-album .form .input-list .input-r .error-tips{position: absolute;left: 510px;top: 3px;white-space: nowrap;height: 28px;border:1px #ecdda8 solid;line-height: 26px;padding:0 14px;background: #fffbee;font-size: 12px;color:#ff6e04;}
#edit-album .form .input-list .input-r .error-tips:before{content: "";width: 7px;height: 6px;background: url(/assets/revision/images/album/album-icon.png) -28px 0;position: absolute;left: -7px;top: 10px;}
#edit-album .form .input-list .input-txt input{border:1px #e8e8e8 solid;height: 36px;line-height: 34px;padding:0 9px;width: 100%;border-radius: 4px;}
#edit-album .form .input-list .input-r .surplus-num{position: absolute;right: 19px;bottom: 10px;color:#999;}
#edit-album .form .input-list .input-r .textarea textarea{width: 100%;height: 125px;border:1px #e8e8e8 solid;border-radius: 4px;line-height: 20px;font-size: 16px;padding:6px 9px;}
#edit-album .form .input-list .img-cover{width: 163px;height: 99px;border-radius: 4px;border:1px #e8e8e8 solid;background: url(/assets/revision/images/album/upload-bg.png) no-repeat center #f6f7f7;}
#edit-album .form .input-list .img-cover img{display: block;width: 161px;height: 97px;border-radius: 4px}
#edit-album .form .input-list .upload-btn{width: 80px;height: 28px;line-height: 26px;transition:background .2s;margin:71px 0 0 15px;background: #f8f8f8;line-height: 26px;text-align: center;border:1px #e8e8e8 solid; font-size: 12px;color:#666;}
#edit-album .form .input-list .upload-btn:hover{background: #fff;cursor: pointer;}
#edit-album .form .input-list .tags{overflow-y: auto;width: 100%;border:1px #e8e8e8 solid;border-radius: 4px;padding:9px 0 0 9px;height: 115px;}
#edit-album .form .input-list .tags::-webkit-scrollbar{width: 3px;}
#edit-album .form .input-list .tags::-webkit-scrollbar-thumb{width: 3px;border-radius: 1px;background: #e8e8e8;}
#edit-album .form .input-list .tags .tag-l{width: 50px; font-size: 16px;color:#666666;line-height: 24px;}
#edit-album .form .input-list .tags .tag-r{width: 420px;}
#edit-album .form .input-list .tags .tag-r span{height: 25px;line-height: 22px;background: #f8f8f8;border:1px #e8e8e8 solid;border-radius: 1px;font-size: 14px;color:#666666;padding:0 12px;display: inline-block;margin:0 10px 10px 0;cursor: pointer;}
#edit-album .form .input-list .tags .tag-r span.active{background: #fdec94;border-color: #eec400;}
#edit-album .form .input-btn{padding-bottom: 20px;text-align: center;}
#edit-album .form .input-btn .return-btn{width: 135px;height: 48px;border:1px #e8e8e8 solid;background: #f8f8f8; font-size: 18px;line-height: 46px;text-align: center;border-radius: 4px;color:#999;display: inline-block;cursor: pointer;vertical-align: top;transition: all .2s}
#edit-album .form .input-btn .return-btn:hover{border-color: #bebebe}
#edit-album .form .input-btn .submit-btn{width: 135px;height: 48px;border:1px #eec400 solid;background: #ffd200; font-size: 18px;line-height: 46px;text-align: center;border-radius: 4px;color:#333;display: inline-block;cursor: pointer;margin-left: 25px;transition: all .2s}
#edit-album .form .input-btn .submit-btn:hover{opacity: .8}

#album .flow-list .edit{width: 45px;  height: 25px;  border: 1px #e8e8e8 solid;  background: #f8f8f8;  left: 10px;  top: 5px;  position: absolute;  text-align: center;  border-radius: 1px;}
#album .flow-list .edit .edit-a{display: block;  height: 23px;  line-height: 22px;}
#album .score-album-detail{font-size: 16px;border-left: 1px #ddd solid;padding-left: 10px;margin-left: 10px;height: 14px;line-height: 16px;}

.progress{
	width: 217px;
	height: 26px;
	display: block;
	/* top: 45px; */
	margin-top: 71px;
	/* margin-left: 104px; */
	float: right;
	padding-top: 6px;
	color: #fff;
	padding-left: 9px;
}

.base-win{position: fixed;z-index: 101;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.base-win .win-m{width: 450px;height: 250px;position: absolute;left: 50%;top: 50%;margin:-125px 0 0 -225px;border:1px #e8e8e8 solid;background: #fff;border-radius: 4px;}
.base-win .win-m .head{background: #f6f6f6;height: 70px;line-height: 68px;padding:0 19px;}
.base-win .win-m .head h3{ font-size: 18px;font-weight: normal;color:#666; }
.base-win .win-m .head .close{color:#666;font-family: "宋体";font-size:24px;cursor: pointer;}
.base-win .win-m .main{padding:0 50px;}
.base-win .win-m .main .pcon{ font-size: 20px;color:#666;line-height: 100px;text-align: center; }
.base-win .win-m .main .btn-m > span{width: 160px;height: 48px;line-height: 46px; font-size: 18px;text-align: center;border-radius: 4px;transition: all .2s;cursor: pointer;}
.base-win .win-m .main .btn-m > span:hover{opacity: .8}
.base-win .win-m .main .btn-m .close{border:1px #e8e8e8 solid;color:#666;}
.base-win .win-m .main .btn-m .del{background: #ffd500;line-height: 48px;color:#333;}

/*start 分享修改*/
#album .album-description .bshare-custom{ line-height: 36px; height: 36px !important;}
#album .album-description .bshare-custom span{ color: #666;}
#album .album-description .bshare-custom a{ vertical-align: middle; width: 36px; height: 36px; margin: 0 3px 0 9px; position: relative;background: none;}
#album .album-description .bshare-custom a:before{
	content: "";position: absolute;background: url(/assets/revision/images/notice/article-icon.png) no-repeat;
}
#bsWXBox{box-sizing: initial;}
#album .album-description .bshare-custom a.bshare-qqim:before{
	width: 22px;
	height: 24px;
	background-position: -65px -30px;
	left: 7px;
	top:5px
}
#album .album-description .bshare-custom a.bshare-qqim:hover:before{background-position: -65px -56px;}
#album .album-description .bshare-custom a.bshare-weixin:before{
	width: 29px;
	height: 23px;
	background-position: -32px -30px;
	left: 5px;
	top:5px
}
#album .album-description .bshare-custom a.bshare-weixin:hover:before{    background-position: -32px -56px;}
#album .album-description .bshare-custom a.bshare-sinaminiblog:before{
	width: 29px;
	height: 23px;
	background-position: 0px -30px;
	left: 4px;
	top:5px
}
#album .album-description .bshare-custom a.bshare-sinaminiblog:hover:before{background-position: 0px -56px;}
/*end 分享修改*/

#edit-album .tips-dl{padding:20px 0}
#edit-album .tips-dl dt{color:#666;font-size:16px;padding-left:19px;height:35px;line-height:34px;background:#fffbee}
#edit-album .tips-dl dd{padding:12px 19px 0;font-size:16px;color:#666;line-height:22px}

@media only screen and (max-width: 1440px) {
	#album .collect-list .list{width: 188px;margin:15px 15px 0 0;}
	#album .collect-list .list .avatar{width: 90px;height: 90px;}
	#album .collect-list .list .avatar img{width: 88px;}
	#album .collect-list .list .user-name{font-size: 18px}
	#album .album-list .list{width: 237px;}
	#album .album-list .list .img{height: 145px;}
	#album .album-list .list .img img{height: 145px;}
}