/* CSS Document */
.hide {display: none;}
.publicPop {
	display: none;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: fixed;
	z-index: 9999;
	background: url("../images/pop/filter_bg.png");
}
.publicPop .popContainer {
	position: absolute;
	width: 6.9rem;
	left: 50%;
	top: 50%;
	background: #fff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.publicPop .pop-header {
	background: url("../images/pop/mobile/icon01.png") no-repeat center;
	background-size: cover;
	height: 1.26rem;
	line-height: 1.26rem;
	color: #fff;
	font-size: 0.36rem;
	text-align: center;
}
.publicPop .popContainer .closeBtnItem {
	width: 0.28rem;
	height: 0.28rem;
	background: url("../images/pop/closeBtn.png") no-repeat center;
	background-size: cover;
	position: absolute;
	right: 0.25rem;
	top: 0.25rem;
	z-index: 10;
}

.publicPop .btnGroup {
	text-align: center;
}
.publicPop .btnItem {
	cursor: pointer;
	display: inline-block;
	width: 2.6rem;
	text-align: center;
	height: 0.72rem;
	line-height: 0.72rem;
	border-radius: 0.41rem;
	-webkit-border-radius: 0.41rem;
	-moz-border-radius: 0.41rem;
	font-size: 0.32rem;
	color: #fff;
	margin: 0 0.12rem;
	background: -moz-linear-gradient(left, #e85139 0%, #fb7c62 100%);
    background: -webkit-linear-gradient(left, #e85139 0%,#fb7c62 100%);
    background: -o-linear-gradient(left, #e85139 0%,#fb7c62 100%);
    background: -ms-linear-gradient(left, #e85139 0%,#fb7c62 100%);
    background: linear-gradient(to right, #e85139 0%,#fb7c62 100%);
}
.publicPop .btnItem:active {
	opacity: 0.8;
}
.publicPop .btnItem-cancle {
	background: #fff;
	color: #00a8aa;
	border: solid 1px #00a8aa;
	height: 0.7rem;
	line-height: 0.7rem;
}
.publicPop .btnGroup .disabled {
	background: -moz-linear-gradient(left, #8a8a8a 0%, #fb7c62 100%);
    background: -webkit-linear-gradient(left, #8a8a8a 0%,#fb7c62 100%);
    background: -o-linear-gradient(left, #8a8a8a 0%,#fb7c62 100%);
    background: -ms-linear-gradient(left, #8a8a8a 0%,#fb7c62 100%);
    background: linear-gradient(to right, #8a8a8a 0%,#fb7c62 100%);
}

/*留资弹出层Mobile*/
.fp-ct .fp-hd {
	padding: 0.4rem 0 0.3rem 0;
}
.fp-ct .fp-hd span {
	width: 1.1rem;
	height: 1.1rem;
	display: inline-block;
	background: url("../images/pop/icon01.png") no-repeat center;
	background-size: cover;
}
.fp-ct .fp-hd p {
	font-size: 0.36rem;
	font-weight: bold;
	color: #212121;
	line-height: 100%;
	padding: 0.2rem 0 0 0;
}
.fp-ct ul {
	padding: 0 0.3rem;
}
.fp-ct ul li.fm-item {
	margin: 0 0 0.4rem 0;
	height: 0.6rem;
	line-height: 0.6rem;
}
.fp-ct ul li.fm-item .key-ele {
	width: 1.4rem;
	font-size: 0.26rem;
	color: #212121;
}
.fp-ct ul li.fm-item .key-ele span {
	color: #f54501;
}
.fp-ct ul li.fm-item .stretch {
	border: solid 1px #dcdcdc;
}
.fp-ct ul li.fm-item .inp-item {
	width: calc(100% - 0.4rem);
	background: none;
	padding: 0 0.2rem;
	font-size: 0.26rem;
	color: #212121;
}
.fp-ct ul li.fm-item .sd-btn {
	height: 0.3rem;
	right: 0;
	top: 0.15rem;
	border-left: solid 1px #dcdcdc;
	padding: 0 0.2rem;
	font-size: 0.26rem;
	color: #042e7c;
	background: none;
	line-height: 0.3rem;
}
.fp-ct ul li.fm-item .error {
	left: 1.45rem;
	top: 100%;
	line-height: 0.4rem;
	background: url("../images/pop/icon02.png") no-repeat left center;
	background-size: 0.24rem auto;
	text-indent: 0.32rem;
	font-size: 0.24rem;
	color: #f54501;
}
.fp-ct .btnItemSure {
	width: 3.6rem;
	margin: 0.35rem 0;
}
.fp-ct ul li.fm-item .arrow {
	background: url("../images/pop/arrow.png") no-repeat right center;
	background-size: 0.6rem auto;
}
.fp-ct ul li.fm-item select {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-appearance:none;
	width: 100%;
	height: 0.6rem;
	line-height: 0.6rem;
	background: none;
	border: none;
	float: left;
	text-indent: 0.2rem;
	font-size: 0.26rem;
}

/*留资主题色控制 Mobile*/
.official-theme .fp-hd span {
	background: url("../images/pop/icon03.png") no-repeat center;
	background-size: cover;
}
.official-theme ul li.fm-item .error {
	color: #d94b4b;
	background: url("../images/pop/icon02.png") no-repeat left center;
	background-size: 0.24rem auto;
}
.official-theme ul li.fm-item .key-ele span {
	color: #d94b4b;
}
.official-theme .btnItemSure {
	background: #d94b4b;
	border: solid 1px #d94b4b;
}

/*================ H5 内容 ================*/
/*上传截图*/
.screen-pop {
	top: 6%!important;
	margin-top: 0!important;
}
.upload-screen {
	padding: 0.5rem 0.1rem 0.5rem 0.3rem;
}
.upload-screen h3 {
	font-size: 0.4rem;
	color: #2b2b2b;
	line-height: 100%;
}
.upload-screen h4 {
	font-size: 0.32rem;
	color: #2b2b2b;
	line-height: 100%;
	padding: 0.5rem 0 0.3rem 0;
}
.upload-screen h4 span {
	color: #ff3a3a;
}
.upload-screen .file-btn {
	width: 1.94rem;
	height: 1.94rem;
	overflow: hidden;
	margin: 0 0.2rem 0.2rem 0;
}
.upload-screen .file-btn .upload-btn {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	width: 1.94rem;
	height: 1.94rem;
}
.upload-screen .file-view {
	width: 1.94rem;
	height: 1.94rem;
	overflow: hidden;
	background: #eaeaea;
	margin: 0 0.2rem 0.2rem 0;
	text-align: center;
	display:flex;
    justify-content: center;
    align-items:center;
	position: relative;
}
.upload-screen .file-view img,
.upload-screen .file-view video {
	max-width: 100%;
	max-height: 1.94rem;
}
.upload-screen .file-view img.close-btn {
	width: 0.36rem;
	height: 0.36rem;
	right: 0;
	top: 0;
}
.upload-screen .share-link {
	padding: 0.2rem 0.2rem 0.2rem 0;
}
.upload-screen .share-link h4 {
	padding: 0;
}
.upload-screen .share-link p {
	color: #838383;
	font-size: 0.24rem;
	padding: 0.16rem 0;
}
.upload-screen .share-link input {
	border: solid 1px #b4b6b7;
	text-indent: 0.2rem;
	font-size: 0.26rem;
	color: #2b2b2b;
	height: 0.6rem;
	line-height: 0.6rem;
	width: calc(100% - 2px);
}

.upload-screen .sh-pres {
	padding: 0.2rem 0 0.6rem 0;
	height: 0.42rem;
	line-height: 0.42rem;
	font-size: 0.32rem;
	color: #2b2b2b;
}
.upload-screen .sh-pres span {
	display: inline-block;
	padding: 0 0.14rem;
	height: 0.42rem;
	line-height: 0.42rem;
	margin: 0 0 0 0.1rem;
	font-size: 0.24rem;
	color: #fff;
}
.upload-screen .sh-pres span.item01 {
	background: #f9ab3d;
}
.upload-screen .sh-pres span.item02 {
	background: #01babc;
}
.upload-screen .sh-pres span.item03 {
	background: #cdd0d1;
}
.upload-screen .al-txt {
	font-size: 0.26rem;
	color: #f2664d;
	padding: 0.3rem 0 0 0;
}

/*分享备考故事*/
.share-story {
	padding: 0.5rem 0.1rem 0.5rem 0.3rem;
}
.share-story h3 {
	font-size: 0.4rem;
	color: #2b2b2b;
	line-height: 100%;
}
.share-story h4 {
	font-size: 0.32rem;
	color: #2b2b2b;
	line-height: 100%;
	padding: 0 0 0.2rem 0;
}
.share-story h4 span {
	color: #ff3a3a;
}
.share-story .share-link {
	padding: 0.4rem 0.2rem 0.1rem 0;
}
.share-story .share-link p {
	color: #838383;
	font-size: 0.24rem;
	padding: 0 0 0.16rem 0;
	line-height: 0.3rem;
}
.share-story .share-link input {
	border: solid 1px #b4b6b7;
	text-indent: 0.2rem;
	font-size: 0.26rem;
	color: #2b2b2b;
	height: 0.6rem;
	line-height: 0.6rem;
	width: calc(100% - 2px);
}
.share-story .share-link textarea {
	padding: 6px;
	border: solid 1px #b4b6b7;
	width: calc(100% - 14px);
	line-height: 0.36rem;
	font-size: 0.24rem;
	color: #2b2b2b;
	height: 1.2rem;
	resize: none;
}
.share-story .share-link .upload-btn {
	border: none;
	text-indent: 0;
}
.share-story .share-link .upload {
	width: 1.6rem;
	height: 0.6rem;
	text-align: center;
	line-height: 0.6rem;
	font-size: 0.24rem;
	color: #fff;
	overflow: hidden;
	background: -moz-linear-gradient(left, #e85139 0%, #fb7c62 100%);
    background: -webkit-linear-gradient(left, #e85139 0%,#fb7c62 100%);
    background: -o-linear-gradient(left, #e85139 0%,#fb7c62 100%);
    background: -ms-linear-gradient(left, #e85139 0%,#fb7c62 100%);
    background: linear-gradient(to right, #e85139 0%,#fb7c62 100%);
}
.share-story .share-link .upload .upload-btn {
	font-size: 8rem;
	opacity: 0;
	left: 0;
	top: 0;
	width: 1.6rem;
	height: 0.6rem;
	z-index: 2;
}
.share-story .view-box {
	margin: 0.3rem 0 0.4rem 0;
	min-height: 1.9rem;
}
.share-story .view-box .view-item {
	width: 1.9rem;
	height: 1.9rem;
	background: #ccc;
	overflow: hidden;
	margin: 0 0.24rem 0.2rem 0;
	text-align: center;
	display:flex;
    justify-content: center;
    align-items:center;
	position: relative;
}
.share-story .view-box .view-item img,
.share-story .view-box .view-item video {
	max-width: 100%;
	max-height: 90px;
}
.share-story .view-box .view-item .close-btn {
	right: 0;
	top: 0;
	width: 0.36rem;
	height: 0.36rem;
	z-index: 2;
}
.share-story .view-box .view-item video {
	width: 100%;
	height: 100%;
	visibility: visible!important;
	position: relative;
	z-index: 1;
}
.share-story .al-txt {
	font-size: 0.26rem;
	color: #f2664d;
	padding: 0.3rem 0 0 0;
}

/*投稿记录*/
.story-record {
	padding: 0.5rem 0.3rem;
}
.story-record h3 {
	font-size: 0.4rem;
	color: #2b2b2b;
	line-height: 100%;
}
.story-record .record-wrap {
	margin: 0.4rem 0 0 0;
	border: solid 1px #d6d7d7;
	padding: 0.2rem;
	max-height: 5.6rem;
	overflow: auto;
}
.story-record .record-wrap li {
	padding: 0.24rem 1.4rem 0.24rem 0;
	border-bottom: dashed 1px #dfdddd;
}
.story-record .record-wrap li:last-child {
	border-bottom: none;
}
.story-record .record-wrap li h4 {
	font-size: 0.3rem;
	color: #2b2b2b;
	padding: 0 0 0.2rem 0;
}
.story-record .record-wrap li .inf span {
	font-size: 0.24rem;
	color: #838383;
	margin: 0 0.1rem 0 0;
}
.story-record .record-wrap li .inf a {
	font-size: 0.24rem;
	color: #00a8aa;
}
.story-record .record-wrap li span.item {
	display: inline-block;
	padding: 0 0.14rem;
	height: 0.42rem;
	line-height: 0.42rem;
	margin: 0 0 0 0.1rem;
	font-size: 0.24rem;
	color: #fff;
	right: 0.1rem;
	top: 50%;
	margin: -0.21rem 0 0 0;
}
.story-record .record-wrap li span.item01 {
	background: #f9ab3d;
}
.story-record .record-wrap li span.item02 {
	background: #01babc;
}
.story-record .record-wrap li span.item03 {
	background: #cdd0d1;
}
.story-record .record-void {
	padding: 1rem 0; 
	font-size: 0.3rem; 
	color: #666; 
	text-align: center;
}


/*文字类提示*/
.alert-pop {
	padding: 0.5rem 0.3rem;
}
.alert-pop h3 {
	font-size: 0.4rem;
	color: #2b2b2b;
	line-height: 100%;
}
.alert-pop .al-txt {
	font-size: 0.24rem;
	color: #838383;
	line-height: 0.46rem;
	padding: 0.4rem 0 0 0;
}
.alert-pop .btnGroup {
	padding: 0.5rem 0 0 0;
}

/*我的邮寄地址*/
.my-address {
	padding: 0.5rem 0.3rem;
}
.my-address h3 {
	font-size: 0.4rem;
	color: #2b2b2b;
	line-height: 100%;
}
.my-address .addr-wrap {
	border: solid 1px #d6d7d7;
	padding: 0.3rem;
	margin: 0.4rem 0 0 0;
}
.my-address .addr-wrap h4 {
	font-size: 0.32rem;
	color: #2b2b2b;
	line-height: 0.48rem;
}
.my-address .addr-wrap h4 span {
	color: #ff3a3a;
}
.my-address .addr-wrap h4 a {
	height: 0.44rem;
	display: inline-block;
	line-height: 0.44rem;
	padding: 0 0.2rem;
	border: solid 2px #00a8aa;
	font-size: 0.24rem;
	color: #00a8aa;
}
.my-address .addr-wrap h4 strong {
	font-size: 0.46rem;
	vertical-align: sub;
	height: 0.46rem;
	line-height: 0.46rem;
	display: inline-block;
}
.my-address .addr-wrap ul {
	padding: 1px 0 0.4rem 0;
}
.my-address .addr-wrap li {
	margin: 0.4rem 0 0 0;
	padding: 0 0 0 0.55rem;
	background: url("../images/pop/radio-default.png") no-repeat left 0.02rem;
	background-size: 0.4rem auto;
	line-height: 0.4rem;
	font-size: 0.26rem;
	color: #2b2b2b;
}
.my-address .addr-wrap li.active {
	background: url("../images/pop/radio-active.png") no-repeat left 0.02rem;
	background-size: 0.4rem auto;
}
.my-address .addr-wrap li span {
	color: #00a8aa;
}
.my-address .addr-wrap li p {
	padding: 0.1rem 0 0 0;
	line-height: 0.36rem;
}
.my-address .btnGroup {
	padding: 0.4rem 0 0 0;
}

/*新建邮寄地址*/
.build-address {
	padding: 0.75rem 0.38rem 0.5rem 0.38rem;
}
.build-address li {
	padding: 0.24rem 0;
	border-bottom: solid 1px #e8e8e8;
	font-size: 0.32rem;
	color: #2b2b2b;
	line-height: 0.4rem;
}
.build-address li:last-child {
	border-bottom: none;
}
.build-address li .ip-item {
	height: 0.4rem;
	font-size: 0.3rem;
	color: #2b2b2b;
}
.build-address li span {
	font-size: 0.3rem;
}
.build-address li textarea {
	border: none;
	line-height: 0.4rem;
	font-size: 0.3rem;
	color: #2b2b2b;
	resize: none;
}
.build-address li .slide-btn {
	width: 1rem;
	height: 0.42rem;
	background: url("../images/pop/slide.png") no-repeat center;
	background-size: 1rem auto;
}
.build-address li input.active {
	background: url("../images/pop/slide-active.png") no-repeat center;
	background-size: 1rem auto;
}

.build-address .btnGroup {
	padding: 0.46rem 0 0 0;
}

/*学币明细以及兑换*/
.gold-coin {
	padding: 0.46rem 0.36rem;
}
.gold-coin h2 {
	font-size: 0.4rem;
	color: #2b2b2b;
	line-height: 100%;
	padding: 0 0 0.3rem 0;
}
.gold-coin h3 {
	font-size: 0.36rem;
	color: #2b2b2b;
	line-height: 100%;
	padding: 0 0 0.4rem 0;
}
.gold-coin .tab-box span {
	display: inline-block;
	margin: 0 2px;
	border: solid 1px #d6d7d7;
	border-bottom: none;
	width: 2.58rem;
	height: 0.58rem;
	line-height: 0.58rem;
	font-size: 0.32rem;
	color: #2b2b2b;
	font-weight: bold;
	border-top-left-radius: 0.1rem;
	-webkit-border-top-left-radius: 0.1rem;
	-moz-border-top-left-radius: 0.1rem;
	border-top-right-radius: 0.1rem;
	-webkit-border-top-right-radius: 0.1rem;
	-moz-border-top-right-radius: 0.1rem;
}
.gold-coin .tab-box span.active {
	color: #fff;
	border: solid 1px #00a8aa;
	border-bottom: none;
	background: #00a8aa;
}
.gold-coin .tab-content {
	border: solid 1px #d6d7d7;
	padding: 0.2rem 0.24rem;
}
/*收支明细*/
.gold-coin .coin-list {
	height: 6rem;
	overflow: auto;
}
.gold-coin .coin-list li {
	border-bottom: dashed 1px #dedede;
	padding: 0.24rem 1.5rem 0.24rem 0;
}
.gold-coin .coin-list li:last-child {
	border-bottom: none;
}
.gold-coin .coin-list li h4 {
	font-size: 0.3rem;
	color: #2b2b2b;
}
.gold-coin .coin-list li .date-ele {
	padding: 0.2rem 0 0 0;
	font-size: 0.24rem;
	color: #838383;
}
.gold-coin .coin-list li span.ab {
	right: 0.2rem;
	height: 0.4rem;
	line-height: 0.4rem;
	top: 50%;
	margin: -0.2rem 0 0 0;
	font-size: 0.28rem;
	font-weight: bold;
}
.gold-coin .coin-list li span.green {
	color: #00a8aa;
}
.gold-coin .coin-list li span.red {
	color: #ee5d45;
}
/*兑换列表*/
.gold-coin .gift-list {
	max-height: 8rem;
	overflow: auto;
}
.gold-coin .gift-list {
	padding: 0 0.2rem;
}
.gold-coin .gift-list li {
	border-bottom: dashed 1px #dedede;
	padding: 0.24rem 1.7rem 0.24rem 0;
}
.gold-coin .gift-list li:last-child {
	border-bottom: none;
}
.gold-coin .gift-list li h4 {
	font-size: 0.3rem;
	color: #2b2b2b;
	line-height: 0.4rem;
}
.gold-coin .gift-list li .des {
	font-size: 0.24rem;
	color: #838383;
	padding: 0.06rem 0;
	line-height: 0.3rem;
}
.gold-coin .gift-list li .date-ele {
	font-size: 0.24rem;
	padding: 0.06rem 0 0 0;
	color: #838383;
}
.gold-coin .gift-list li .pic {
	width: 0.94rem;
	height: 1.45rem;
	line-height: 1.45rem;
	overflow: hidden;
	right: 0.05rem;
	top: 50%;
	margin: -0.73rem 0 0 0;
	border: solid 1px #00dee1;
}
.gold-coin .data-void {
	font-size: 0.26rem;
	color: #999;
	padding: 0.45rem 0;
}

/*查看示例*/
.example-pop {
	padding: 0.46rem 0.36rem;
}
.example-pop h2 {
	font-size: 0.4rem;
	color: #2b2b2b;
	line-height: 100%;
	padding: 0 0 0.4rem 0;
	text-align: center;
}
.example-pop .pic-box img {
	max-height: 8rem;
}

/*H5活动说明样式*/
.rule-pop {
	padding: 0.4rem 0.16rem 0.4rem 0.25rem;
}
.rule-pop h2 {
	font-size: 0.4rem;
	color: #2b2b2b;
	line-height: 100%;
	padding: 0 0 0.4rem 0;
	text-align: center;
}
.rule-pop h3 {
	font-size: 0.28rem;
	color: #212121;
	line-height: 0.46rem;
	padding: 0 0 0.06rem 0;
	word-break: break-all;
}
.rule-pop p {
	font-size: 0.28rem;
	color: #212121;
	line-height: 0.46rem;
	word-break: break-all;
}
.rule-pop .sec {
	padding: 0 0 0.4rem 0;
}
.rule-pop .intro-content {
	max-height: 8rem;
	overflow: auto;
}

@media only screen and (min-width: 769px) {
	.publicPop {
		display: none;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		position: fixed;
		z-index: 99;
		background: url("../images/pop/filter_bg.png");
	}
	.publicPop .popContainer {
		position: absolute;
		width: 420px;
		left: 50%;
		top: 50%;
		background: #fff;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
	}
	.publicPop .pop-header {
		background: url("../images/pop/mobile/icon01.png") no-repeat center;
		height: 82px;
		line-height: 82px;
		color: #fff;
		font-size: 18px;
		text-align: center;
	}
	.publicPop .pop-header p {
		line-height: 24px;
		padding: 15px 0 0 0;
	}
	.publicPop .popContainer .closeBtnItem {
		width: 16px;
		height: 16px;
		background: url("../images/pop/closeBtn.png") no-repeat center;
		background-size: cover;
		position: absolute;
		right: 12px;
		top: 12px;
	}
	
	.publicPop .btnGroup {
		text-align: center;
	}
	.publicPop .btnItem {
		cursor: pointer;
		display: inline-block;
		width: 140px;
		text-align: center;
		height: 46px;
		line-height: 46px;
		border-radius: 23px;
		-webkit-border-radius: 23px;
		-moz-border-radius: 23px;
		font-size: 16px;
		color: #fff;
		margin: 0 7px;
		background: -moz-linear-gradient(left, #e85139 0%, #fb7c62 100%);
		background: -webkit-linear-gradient(left, #e85139 0%,#fb7c62 100%);
		background: -o-linear-gradient(left, #e85139 0%,#fb7c62 100%);
		background: -ms-linear-gradient(left, #e85139 0%,#fb7c62 100%);
		background: linear-gradient(to right, #e85139 0%,#fb7c62 100%);
	}
	.publicPop .btnItem:active {
		opacity: 0.8;
	}
	.publicPop .btnItem-cancle {
		background: #fff;
		color: #00a8aa;
		border: solid 1px #00a8aa;
		height: 44px;
		line-height: 44px;
	}
	
	/*留资弹出层PC*/
	.fp-ct .fp-hd {
		padding: 30px 0 20px 0;
	}
	.fp-ct .fp-hd span {
		width: 50px;
		height: 50px;
		display: inline-block;
		background: url("../images/pop/icon01.png") no-repeat center;
		background-size: cover;
	}
	.fp-ct .fp-hd p {
		font-size: 18px;
		font-weight: bold;
		color: #212121;
		line-height: 100%;
		padding: 12px 0 0 0;
	}
	.fp-ct ul {
		padding: 0 30px;
	}
	.fp-ct ul li.fm-item {
		margin: 0 0 20px 0;
		height: 40px;
		line-height: 40px;
	}
	.fp-ct ul li.fm-item .key-ele {
		width: 70px;
		font-size: 14px;
		color: #212121;
	}
	.fp-ct ul li.fm-item .key-ele span {
		color: #f54501;
	}
	.fp-ct ul li.fm-item .stretch {
		border: solid 1px #dcdcdc;
	}
	.fp-ct ul li.fm-item .inp-item {
		width: calc(100% - 20px);
		background: none;
		padding: 0 10px;
		font-size: 14px;
		color: #212121;
	}
	.fp-ct ul li.fm-item .sd-btn {
		height: 20px;
		right: 0;
		top: 10px;
		border-left: solid 1px #dcdcdc;
		padding: 0 15px;
		font-size: 14px;
		color: #042e7c;
		background: none;
		line-height: 20px;
	}
	.fp-ct ul li.fm-item .error {
		left: 75px;
		top: 100%;
		line-height: 20px;
		background: url("../images/pop/icon02.png") no-repeat left center;
		background-size: 14px auto;
		text-indent: 20px;
		font-size: 12px;
		color: #f54501;
	}
	.fp-ct .btnItemSure {
		width: 180px;
		margin: 15px 0 25px 0;
		height: 36px;
		line-height: 36px;
		border-radius: 18px;
		-webkit-border-radius: 18px;
		-moz-border-radius: 18px;
	}
	
	.fp-ct ul li.fm-item .arrow {
		background: url("../images/pop/arrow.png") no-repeat right center;
		background-size: 38px auto;
	}
	.fp-ct ul li.fm-item select {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		-webkit-appearance:none;
		width: 100%;
		height: 38px;
		line-height: 38px;
		background: none;
		border: none;
		float: left;
		text-indent: 10px;
		font-size: 14px;
	}
	
	/*留资主题色控制 PC*/
	.official-theme .fp-hd span {
		background: url("../images/pop/icon03.png") no-repeat center;
		background-size: cover;
	}
	.official-theme ul li.fm-item .error {
		color: #d94b4b;
		background: url("../images/pop/icon02.png") no-repeat left center;
		background-size: 14px auto;
	}
	.official-theme ul li.fm-item .key-ele span {
		color: #d94b4b;
	}
	.official-theme .btnItemSure {
		background: #d94b4b;
		border: solid 1px #d94b4b;
	}	
	
	/*================PC 内容/*================*/
	/*上传截图*/
	.screen-pop {
		top: 100px!important;
		margin-top: 0!important;
	}
	.upload-screen {
		padding: 20px 30px;
	}
	.upload-screen h3 {
		font-size: 20px;
		color: #2b2b2b;
		line-height: 100%;
	}
	.upload-screen h4 {
		font-size: 18px;
		color: #2b2b2b;
		line-height: 100%;
		padding: 25px 0 15px 0;
	}
	.upload-screen h4 span {
		color: #ff3a3a;
	}
	.upload-screen .file-btn {
		width: 100px;
		height: 100px;
		overflow: hidden;
		margin: 0 10px 10px 0;
	}
	.upload-screen .file-btn .upload-btn {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		width: 100px;
		height: 100px;
	}
	.upload-screen .file-view {
		width: 100px;
		height: 100px;
		overflow: hidden;
		background: #eaeaea;
		margin: 0 10px 10px 0;
		text-align: center;
	}
	.upload-screen .file-view img,
	.upload-screen .file-view video {
		max-width: 100%;
		max-height: 100px;
	}
	.upload-screen .file-view img.close-btn {
		width: 20px;
		height: 20px;
		right: 0;
		top: 0;
	}
	.upload-screen .share-link {
		padding: 10px 0;
	}
	.upload-screen .share-link h4 {
		padding: 0;
	}
	.upload-screen .share-link p {
		color: #838383;
		font-size: 14px;
		padding: 8px 0;
	}
	.upload-screen .share-link input {
		border: solid 1px #b4b6b7;
		text-indent: 10px;
		font-size: 14px;
		color: #2b2b2b;
		height: 30px;
		line-height: 30px;
		width: calc(100% - 2px);
	}

	.upload-screen .sh-pres {
		padding: 10px 0 30px 0;
		height: 22px;
		line-height: 22px;
		font-size: 14px;
		color: #2b2b2b;
	}
	.upload-screen .sh-pres span {
		display: inline-block;
		padding: 0 6px;
		height: 22px;
		line-height: 22px;
		margin: 0 0 0 8px;
		font-size: 14px;
		color: #fff;
	}
	.upload-screen .sh-pres span.item01 {
		background: #f9ab3d;
	}
	.upload-screen .sh-pres span.item02 {
		background: #01babc;
	}
	.upload-screen .sh-pres span.item03 {
		background: #cdd0d1;
	}
	.upload-screen .al-txt {
		font-size: 12px;
		color: #f2664d;
		padding: 15px 0 0 0;
	}
	
	/*分享备考故事*/
	.share-story {
		padding: 20px 30px;
	}
	.share-story h3 {
		font-size: 20px;
		color: #2b2b2b;
		line-height: 100%;
		padding: 0 0 10px 0;
	}
	.share-story h4 {
		font-size: 18px;
		color: #2b2b2b;
		line-height: 100%;
		padding: 0 0 10px 0;
	}
	.share-story h4 span {
		color: #ff3a3a;
	}
	.share-story .share-link {
		padding: 10px 0;
	}
	.share-story .share-link p {
		color: #838383;
		font-size: 14px;
		padding: 0 0 8px 0;
		line-height: 20px;
	}
	.share-story .share-link input {
		border: solid 1px #b4b6b7;
		text-indent: 10px;
		font-size: 14px;
		color: #2b2b2b;
		height: 30px;
		line-height: 30px;
		width: calc(100% - 2px);
	}
	.share-story .share-link textarea {
		padding: 6px;
		border: solid 1px #b4b6b7;
		width: calc(100% - 14px);
		line-height: 20px;
		font-size: 14px;
		color: #2b2b2b;
		height: 60px;
		resize: none;
	}
	.share-story .share-link .upload-btn {
		border: none;
		text-indent: 0;
	}
	.share-story .share-link .upload {
		width: 80px;
		height: 24px;
		text-align: center;
		line-height: 24px;
		font-size: 14px;
		color: #fff;
		overflow: hidden;
		background: -moz-linear-gradient(left, #e85139 0%, #fb7c62 100%);
		background: -webkit-linear-gradient(left, #e85139 0%,#fb7c62 100%);
		background: -o-linear-gradient(left, #e85139 0%,#fb7c62 100%);
		background: -ms-linear-gradient(left, #e85139 0%,#fb7c62 100%);
		background: linear-gradient(to right, #e85139 0%,#fb7c62 100%);
	}
	.share-story .share-link .upload .upload-btn {
		font-size: 5rem;
		opacity: 0;
		left: 0;
		top: 0;
		width: 80px;
		height: 24px;
		z-index: 2;
	}
	.share-story .view-box {
		margin: 15px 0 10px 0;
		min-height: 90px;
	}
	.share-story .view-box .view-item {
		width: 90px;
		height: 90px;
		background: #ccc;
		overflow: hidden;
		margin: 0 10px 10px 0;
	}
	.share-story .view-box .view-item img,
	.share-story .view-box .view-item video {
		max-width: 100%;
		max-height: 90px;
	}
	.share-story .view-box .view-item .close-btn {
		right: 0;
		top: 0;
		width: 20px;
		height: 20px;
	}
	.share-story .view-box .view-item video {
		width: 100%;
		height: 100%;
		visibility: visible!important;
	}
	.share-story .al-txt {
		font-size: 12px;
		color: #f2664d;
		padding: 15px 0 0 0;
	}
	
	/*投稿记录*/
	.story-record {
		padding: 25px 20px;
	}
	.story-record h3 {
		font-size: 20px;
		color: #2b2b2b;
		line-height: 100%;
	}
	.story-record .record-wrap {
		margin: 20px 0 0 0;
		border: solid 1px #d6d7d7;
		padding: 10px;
		max-height: 400px;
		overflow: auto;
	}
	.story-record .record-wrap li {
		padding: 12px 70px 12px 0;
		border-bottom: dashed 1px #dfdddd;
	}
	.story-record .record-wrap li:last-child {
		border-bottom: none;
	}
	.story-record .record-wrap li h4 {
		font-size: 14px;
		color: #2b2b2b;
		padding: 0 0 10px 0;
	}
	.story-record .record-wrap li .inf span {
		font-size: 12px;
		color: #838383;
		margin: 0 5px 0 0;
	}
	.story-record .record-wrap li .inf a {
		font-size: 12px;
		color: #00a8aa;
	}
	.story-record .record-wrap li span.item {
		display: inline-block;
		padding: 0 10px;
		height: 22px;
		line-height: 22px;
		font-size: 12px;
		color: #fff;
		right: 5px;
		top: 50%;
		margin: -11px 0 0 0;
	}
	.story-record .record-wrap li span.item01 {
		background: #f9ab3d;
	}
	.story-record .record-wrap li span.item02 {
		background: #01babc;
	}
	.story-record .record-wrap li span.item03 {
		background: #cdd0d1;
	}
	.story-record .record-void {
		padding: 40px 0; 
		font-size: 16px; 
		color: #666; 
		text-align: center;
	}

	
	/*文字类提示*/
	.alert-pop {
		padding: 25px 15px;
	}
	.alert-pop h3 {
		font-size: 20px;
		color: #2b2b2b;
		line-height: 100%;
	}
	.alert-pop .al-txt {
		font-size: 14px;
		color: #838383;
		line-height: 20px;
		padding: 20px 0 0 0;
	}
	.alert-pop .btnGroup {
		padding: 25px 0 0 0;
	}

	/*我的邮寄地址*/
	.my-address {
		padding: 25px 15px;
	}
	.my-address h3 {
		font-size: 20px;
		color: #2b2b2b;
		line-height: 100%;
	}
	.my-address .addr-wrap {
		border: solid 1px #d6d7d7;
		padding: 15px;
		margin: 20px 0 0 0;
	}
	.my-address .addr-wrap h4 {
		font-size: 16px;
		color: #2b2b2b;
		line-height: 24px;
	}
	.my-address .addr-wrap h4 span {
		color: #ff3a3a;
	}
	.my-address .addr-wrap h4 a {
		height: 22px;
		display: inline-block;
		line-height: 22px;
		padding: 0 12px;
		border: solid 2px #00a8aa;
		font-size: 14px;
		color: #00a8aa;
	}
	.my-address .addr-wrap h4 strong {
		font-size: 24px;
		vertical-align: sub;
		height: 22px;
		line-height: 22px;
		display: inline-block;
	}
	.my-address .addr-wrap ul {
		padding: 1px 0 20px 0;
	}
	.my-address .addr-wrap li {
		margin: 20px 0 0 0;
		padding: 0 0 0 24px;
		background: url("../images/pop/radio-default.png") no-repeat left 0.02rem;
		background-size: 18px auto;
		line-height: 20px;
		font-size: 14px;
		color: #2b2b2b;
	}
	.my-address .addr-wrap li.active {
		background: url("../images/pop/radio-active.png") no-repeat left 0.02rem;
		background-size: 18px auto;
	}
	.my-address .addr-wrap li span {
		color: #00a8aa;
	}
	.my-address .addr-wrap li p {
		padding: 6px 0 0 0;
		line-height: 20px;
	}
	.my-address .btnGroup {
		padding: 20px 0 0 0;
	}
	
	/*新建邮寄地址*/
	.build-address {
		padding: 40px 20px 25px 20px;
	}
	.build-address li {
		padding: 15px 0;
		border-bottom: solid 1px #e8e8e8;
		font-size: 16px;
		color: #2b2b2b;
		line-height: 28px;
	}
	.build-address li:last-child {
		border-bottom: none;
	}
	.build-address li .ip-item {
		height: 28px;
		font-size: 14px;
		color: #2b2b2b;
	}
	.build-address li span {
		font-size: 14px;
	}
	.build-address li textarea {
		display: block;
		border: none;
		padding: 4px;
		line-height: 20px;
		font-size: 14px;
		color: #2b2b2b;
		width: 280px;
		height: 60px;
	}
	.build-address li .slide-btn {
		width: 50px;
		height: 22px;
		background: url("../images/pop/slide.png") no-repeat center;
		background-size: 50px auto;
	}
	.build-address li input.active {
		background: url("../images/pop/slide-active.png") no-repeat center;
		background-size: 50px auto;
	}

	.build-address .btnGroup {
		padding: 24px 0 0 0;
	}
	
	/*学币明细以及兑换*/
	.gold-coin {
		padding: 25px 20px;
	}
	.gold-coin h2 {
		font-size: 20px;
		color: #2b2b2b;
		line-height: 100%;
		padding: 0 0 15px 0;
	}
	.gold-coin h3 {
		font-size: 18px;
		color: #2b2b2b;
		line-height: 100%;
		padding: 0 0 20px 0;
	}
	.gold-coin .tab-box span {
		display: inline-block;
		margin: 0 2px;
		border: solid 1px #d6d7d7;
		border-bottom: none;
		width: 126px;
		height: 30px;
		line-height: 30px;
		font-size: 16px;
		color: #2b2b2b;
		font-weight: bold;
		border-top-left-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		-moz-border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-top-right-radius: 5px;
		cursor: pointer;
	}
	.gold-coin .tab-box span.active {
		color: #fff;
		border: solid 1px #00a8aa;
		border-bottom: none;
		background: #00a8aa;
	}
	.gold-coin .tab-content {
		border: solid 1px #d6d7d7;
		padding: 10px 12px;
	}
	/*收支明细*/
	.gold-coin .coin-list {
		max-height: 400px;
		overflow: auto;
	}
	.gold-coin .coin-list li {
		border-bottom: dashed 1px #dedede;
		padding: 12px 85px 12px 0;
	}
	.gold-coin .coin-list li:last-child {
		border-bottom: none;
	}
	.gold-coin .coin-list li h4 {
		font-size: 16px;
		color: #2b2b2b;
	}
	.gold-coin .coin-list li .date-ele {
		padding: 10px 0 0 0;
		font-size: 14px;
		color: #838383;
	}
	.gold-coin .coin-list li span.ab {
		right: 10px;
		height: 20px;
		line-height: 20px;
		top: 50%;
		margin: -10px 0 0 0;
		font-size: 16px;
		font-weight: bold;
	}
	.gold-coin .coin-list li span.green {
		color: #00a8aa;
	}
	.gold-coin .coin-list li span.red {
		color: #ee5d45;
	}
	/*兑换列表*/
	.gold-coin .gift-list {
		max-height: 400px;
		overflow: auto;
	}
	.gold-coin .gift-list {
		padding: 0 10px;
	}
	.gold-coin .gift-list li {
		border-bottom: dashed 1px #dedede;
		padding: 12px 85px 12px 0;
	}
	.gold-coin .gift-list li:last-child {
		border-bottom: none;
	}
	.gold-coin .gift-list li h4 {
		font-size: 16px;
		color: #2b2b2b;
		line-height: 22px;
	}
	.gold-coin .gift-list li .des {
		font-size: 14px;
		color: #838383;
		padding: 4px 0;
		line-height: 20px;
	}
	.gold-coin .gift-list li .date-ele {
		font-size: 14px;
		padding: 4px 0 0 0;
		color: #838383;
	}
	.gold-coin .gift-list li .pic {
		width: 48px;
		height: 74px;
		line-height: 74px;
		overflow: hidden;
		right: 5px;
		top: 50%;
		margin: -37px 0 0 0;
		border: solid 1px #00dee1;
	}
	.gold-coin .data-void {
		font-size: 14px;
		color: #999;
		padding: 30px 0;
	}
	
	/*查看示例*/
	.example-pop {
		padding: 25px 20px;
	}
	.example-pop h2 {
		font-size: 20px;
		color: #2b2b2b;
		line-height: 100%;
		padding: 0 0 20px 0;
		text-align: center;
	}
	.example-pop .pic-box img {
		max-height: 460px;
	}
	
	/*活动规则*/
	.rule-pop {
		padding: 30px 5px 30px 15px;
	}
	.rule-pop h2 {
		font-size: 20px;
		color: #2b2b2b;
		line-height: 100%;
		padding: 0 0 20px 0;
		text-align: center;
	}
	.rule-pop h3 {
		font-size: 14px;
		color: #212121;
		line-height: 22px;
		padding: 0 0 6px 0;
	}
	.rule-pop p {
		font-size: 14px;
		color: #212121;
		line-height: 20px;
	}
	.rule-pop .sec {
		padding: 0 0 20px 0;
	}
	.rule-pop .intro-content {
		max-height: 500px;
		overflow: auto;
	}
	
}