.page-base-list {
     /*background-image: url("../img/list-bg.png");*/ 
	-ms-overflow-x: hidden;background-attachment: fixed; background-repeat: no-repeat; background-size: cover;
}

.page-base-list .container {
	padding-right: 15px; padding-left: 15px;
}
.page-base-list #loadMore {
	background: rgba(255, 255, 255, 0.75); margin: 0px auto; padding: 6px 0px; border-radius: 5px; border: 1px solid rgb(219, 219, 219); border-image: none; width: 150px; text-align: center; color: rgb(102, 102, 102); text-decoration: none; display: block;
}
.base-list li {
	background: rgba(255, 255, 255, 0.75); margin: 10px 0px; padding: 15px 10px; border-radius: 5px; width: 100%; overflow: hidden; display: table; box-shadow: 2px 3px 6px 0px rgba(0,0,0,0.25);
}

.base-list1 li {
	background: rgba(255, 255, 255, 0.75);  padding: 10px 10px; width: 100%; overflow: hidden; display: table;
        border: 1px solid #dfdfdf;
    margin: 4px;
    border-radius: 5px;
}

.base-list li p {
	vertical-align: middle;
}
.base-list li .arrow-wrapper {
	vertical-align: middle;
}
.base-list li p {
	padding: 0px; width: 96%; font-size: 1.6rem; display: table-cell; position: relative;
}
.base-list li.answered p::after {
	background: rgba(255, 255, 255, 0.5); padding: 1px 10px; border-radius: 3px; border: 2px solid rgba(255, 0, 0, 0.5); border-image: none; right: 5px; bottom: 0px; color: rgba(255, 0, 0, 0.75); font-size: 1.6rem; position: absolute; content: "已回复"; transform: rotate(-12deg); -webkit-transform: rotate(-12deg);
}
.base-list li .time {
	color: rgb(102, 102, 102); font-size: 1.5rem;
}
.base-list li .arrow-wrapper {
	width: 25px; height: 100%; text-align: right; display: table-cell;
}
.base-list1 li .arrow-wrapper {
	width: 25px; height: 100%; text-align: right; display: table-cell;
}
.base-list li .arrow-wrapper img {
	width: 22px; height: 22px;
}
.page-color-card-list .container {
	padding-right: 15px; padding-left: 15px;
}
.color-card-list {
	margin-bottom: 20px;
}
.color-card-list li {
	background: rgb(255, 255, 255); border-width: 8px 1px 1px; border-style: solid; border-color: transparent; padding: 15px 0px; border-radius: 8px; border-image: none; overflow: hidden; margin-bottom: 15px; position: relative; box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.25);
}
.color-card-list li.binded {
	border-color: rgb(0, 159, 240);
}
.color-card-list li.opened {
	border-color: rgb(0, 159, 240);
}
.color-card-list li.unbind {
	border-color: rgb(51, 153, 103);
}
.color-card-list li.fail {
	border-color: rgb(255, 51, 52);
}
.color-card-list li.unopen {
	border-color: rgb(255, 51, 52);
}
.color-card-list li::after {
	border-radius: 40px; border: 1px solid rgb(219, 219, 219); border-image: none; top: 13px; width: 80px; height: 80px; text-align: center; right: 10px; line-height: 80px; font-weight: bold; position: absolute; content: ""; opacity: 0.6; transform: rotate(-30deg); -webkit-transform: rotate(-30deg);
}
.color-card-list li.binded::after {
	border-color: rgb(0, 159, 240); color: rgb(0, 159, 240); content: "已绑定";
}
.color-card-list li.opened::after {
	border-color: rgb(0, 159, 240); color: rgb(0, 159, 240); content: "已开票";
}
.color-card-list li.unbind::after {
	border-color: rgb(51, 153, 103); color: rgb(51, 153, 103); content: "未绑定";
}
.color-card-list li.fail::after {
	border-color: rgb(255, 51, 52); color: rgb(255, 51, 52); content: "绑定失败";
}
.color-card-list li.unopen::after {
	border-color: rgb(255, 51, 52); color: rgb(255, 51, 52); content: "未开票";
}
.color-card-list li img {
	margin: 0px 10px; width: 76px; height: 76px; float: left;
}
.color-card-list .account-info {
	width: 100%; overflow: hidden; float: left;
}
.color-card-list .account-info h4 {
	overflow: hidden; padding-right: 10px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.color-card-list .account-info p {
	overflow: hidden; padding-right: 10px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.color-card-list .account-info h4 {
	margin-top: 5px; margin-bottom: 5px; min-height: 5px;
}
.color-card-list .account-info p {
	line-height: 1.5; font-size: 1.5rem;
}
.page-image-text-list {
	
}
.page-image-text-list .container {
	padding-top: 0px;
}
.image-text-list li {
	padding: 10px 32px 10px 10px; overflow: hidden; margin-bottom: 3px; display: block; position: relative;
}
.image-text-list li::after {
	top: 50%; right: 10px; color: rgba(0, 0, 0, 0.5); font-family: "FontAwesome"; font-size: 31px; margin-top: -22px; position: absolute; content: "\f105";
}
.image-text-list li:nth-of-type(2n+1) {
	background: rgb(245, 245, 245);
}
.image-text-list li:nth-of-type(2n) {
	background: rgb(229, 229, 229);
}
.image-text-list .inner-wrapper {
	width: 100%; display: table; table-layout: fixed;
}
.image-text-list .cell {
	vertical-align: middle; display: table-cell;
}
.image-text-list :first-of-type.cell {
	width: 90px;
}
.image-text-list .cover-wrapper {
	background: rgb(255, 255, 255); padding: 3px; border: 1px solid rgb(221, 221, 221); border-image: none; margin-right: 10px;
}
.image-text-list .cover {
	width: 72px; height: 72px; background-size: cover;
}
.image-text-list .title {
	margin: 8px 0px; color: rgb(51, 51, 51); overflow: hidden; font-size: 1.7rem; font-weight: normal; -ms-text-overflow: ellipsis; max-height: 38px; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.image-text-list time {
	color: rgb(102, 102, 102); font-size: 1.5rem;
}
.page-image-text-list #loadMore {
	background: none; width: 100%; color: rgb(255, 255, 255); line-height: 2; display: block;
}
.page-my-media-list {
	
}
.page-my-media-list .container {
	padding-top: 0px;
}
.my-media-list {
	
}
.my-media-list li {
	padding: 10px; width: 100%; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; display: table; table-layout: fixed;
}
.my-media-list li .cell {
	vertical-align: middle; display: table-cell;
}
.my-media-list li :first-of-type.cell {
	width: 90px;
}
.my-media-list li .cover-wrapper {
	background: rgb(255, 255, 255); padding: 3px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 80px; height: 80px;
}
.my-media-list li .cover {
	background-position: center; width: 100%; height: 100%; background-size: cover;
}
.my-media-list li .cover {
	width: 100%; height: 100%; background-size: cover;
}
.my-media-list li .title {
	margin: 6px 0px; color: rgb(51, 51, 51); line-height: 1.3; overflow: hidden; font-size: 1.7rem; -ms-word-wrap: break-word; -ms-text-overflow: ellipsis; max-height: 42px; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.my-media-list li time {
	color: rgb(102, 102, 102); font-size: 1.5rem;
}
.page-my-media-list #loadMore {
	background: none; width: 100%; color: rgb(102, 102, 102); line-height: 2; display: block;
}
.my-media-list li:first-of-type {
	padding: 0px; position: relative;
}
.my-media-list li:first-of-type .cell {
	width: 100% !important; display: block;
}
.my-media-list li:first-of-type :nth-of-type(2).cell {
	padding: 15px 10px; bottom: 0px; line-height: 1.8; overflow: hidden; display: block; position: absolute; max-height: 68px;
}
.my-media-list li:first-of-type .cover-wrapper {
	background: none; padding: 0px; border: currentColor; border-image: none; width: 100%; height: 200px;
}
.my-media-list li:first-of-type .title {
	margin: 0px; color: rgb(255, 255, 255);
}
.my-media-list li:first-of-type time {
	display: none;
}