﻿/**首页样式***/
body {
	font-family: "microsoft yahei", Verdana;
	color: #fff;
	background: #252b45;
	min-width: 100%;
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	-webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
	overflow-x: hidden;
}

.top {
	/*padding-top: .3rem;*/
	padding-top: 0rem;
	margin-bottom: .3rem;
}

	.top .ser {
		margin: 0 .3rem;
		margin-bottom: .3rem;
		height: .68rem;
		line-height: .68rem;
		background-color: #fff;
		/*background: rgba(0,0,0,.35);*/
		border-radius: 1rem;
		font-size: .28rem;
		font-weight: 600;
		display: flex;
		color: #fff !important;
		justify-content: space-around;
		box-shadow: 0 0 10px #9e9595;
	}

		.top .ser input {
			border-style: none;
			border-color: inherit;
			width: 80%;
			border-width: medium;
			border-radius: 1rem;
			background: none;
			height: .68rem;
			color: #ccc;
		}

	.top .ser input::-webkit-input-placeholder {
		color: #ccc;
	}
	.top .ser input:-moz-placeholder {
		color: #ccc;
	}
	.top .ser input::-moz-placeholder {
		color: #ccc;
	}
	.top .ser input:-ms-input-placeholder {
		color: #ccc;
	}


.top span i {
	color: #fff;
	font-size: .36rem;
}
/**banner样式*/
.banner {

}

	.banner .swiper-container {
		width: 100%;
		height: auto;
	}

		.banner .swiper-container img {
			width: 100%;
			border-radius: none;
		}

.cate {
	margin: 3%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.cate li {
		width: 20%;
	}

		.cate li a {
			font-size: .25rem;
			display: flex;
			flex-flow: column;
			align-items: center;
			color:#fff;
		}

			.cate li a img {
				display: block;
				width: 56%;
				margin-bottom: .16rem;
			}

.zhuan {
	margin: 1%;
	margin-bottom: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-flow: wrap;
}

	.zhuan li {
		width: 50%;
		
		border-radius: .1rem;
		margin-bottom: 3%;

	}

		.zhuan li a {
			display: flex;
			justify-content: space-around;
			align-items: center;
			color: #fff;
			font-size: .32rem;
			height: 1.6rem;
		}

		.zhuan li img {
			width: 100%;
		}

.jj {
	line-height: 0.3rem;
	font-size: .35rem;
	width: 90%;
	padding-left: 4%;
}

	.jj span {
		color: #fff;
	}
	.jj a {
		float: right;
		font-size: .25rem;
		line-height: 0.3rem; color:#fff;
	}
		.jj img {
			width: 10%;
			margin-right: 10px;
		}

.tj {
	line-height: 1.5;
	font-size: .36rem;
	color: #2b3455;
	text-align: center;
}

.pro {
	margin: 3% 3% 23% 3%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-flow: wrap;
}

	.pro li {
		width: 48.1%;
		border-radius: .1rem;
		margin-bottom: 3%;
		border: 1px solid #eee;
	}

		.pro li img {
			width: 100%;
			margin: 0 auto;
			display: block;
			border-radius: .1rem .1rem 0 0;
		}

		.pro li p {
			text-align: center;
			font-size: .3rem;
			line-height: 2;
		}

.nav {
	background: #FFF7EE;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 999;
	display: flex;
	justify-content: space-between;
}

	.nav li {
		width: 33.33%;
		position: relative;
	}

		.nav li a {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			font-size: .28rem;
			height: .5rem;
			padding-top: .52rem;
		}

		.nav li img {
			width: 25%;
			position: absolute;
			left: 37%;
			bottom: .52rem;
		}

		.nav li.current img {
			width: 42%;
			left: 28%;
		}
/**会员通知样式***/


.s_top {
	background: -webkit-linear-gradient(top, #2b3455, #2b3455);
	background: -o-linear-gradient(bottom, #2b3455, #2b3455);
	background: -moz-linear-gradient(bottom, #2b3455, #2b3455);
	background: linear-gradient(to bottom, #2b3455, #2b3455);
	padding: 0 .3rem;
	
}

	.s_top a {
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		font-size: .36rem;
		height: .8rem;
	}

		.s_top a i {
			margin-right: 10px;
			font-size: .28rem;
			display: inline-block;
		}

.s_banner {
	padding: .3rem;
	background: #2b3455;
}

	.s_banner img {
		width: 100%;
		border-radius: .1rem;
	}

.sxy_list {
	margin: 0 .3rem 2rem .3rem;
}

	.sxy_list .layui-tab-content {
		padding: 0;
	}

	.sxy_list .layui-tab-title {
		text-align: center;
	}

		.sxy_list .layui-tab-title li {
			font-size: .32rem;
		}

		.sxy_list .layui-tab-title .layui-this {
			color: #fff;
		}

			.sxy_list .layui-tab-title .layui-this::after {
				border-bottom: 2px solid #fff;
			}

.sxy_content .news_list li {
	border-bottom: 1px solid #eee;
	margin: .3rem 0;
	padding-bottom: .3rem;
}

	.sxy_content .news_list li h1 {
		font-size: .3rem;
		margin-bottom: .1rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

		.sxy_content .news_list li h1 span {
			overflow: hidden;
			white-space: nowrap;
			display: inline-block;
			text-overflow: ellipsis;
			width: 90%;
			color: #fff;
		}

		.sxy_content .news_list li h1 i {
			font-style: normal;
			font-size: .28rem;
		}

	.sxy_content .news_list li p {
		color: #fff;
		font-size: .28rem;
	}

.sxy_content .page {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 5% 0;
}

	.sxy_content .page li {
		margin: 0 1%;
	}

		.sxy_content .page li a {
			border-radius: 2px;
			background: #2b3455;
			display: block;
			font-size: .28rem;
			padding: .1rem .3rem;
			text-align: center;
		}

		.sxy_content .page li.current a {
			background: #2b3455;
			color: #fff;
		}
/**会员通知音频区新闻详情样式***/

.news_detail {
	padding: .3rem;
}

	.news_detail h1 {
		font-weight: normal;
		font-size: .38rem;
		background: #2b3455;
		padding: 4% 3%;
		text-align: center;
		color: #fff;
		line-height: 30px;
		border-radius: 5px;
		margin-bottom: 10px;
	}

		.news_detail h1 span {
			font-size: .28rem;
			display: block;
			color: #fff;
		}

	.news_detail p {
		font-size: .3rem;
		color: #fff;
		line-height: 1.8;
		text-indent: 2em;
	}
/**我的样式***/



.my_top {
	background: -webkit-linear-gradient(top, #2b3455, #2b3455);
	background: -o-linear-gradient(bottom, #2b3455, #2b3455);
	background: -moz-linear-gradient(bottom, #2b3455, #2b3455);
	background: linear-gradient(to bottom, #2b3455, #2b3455);
	padding: .3rem .3rem 0 .3rem;
}

	.my_top h1 {
		text-align: right;
	}

		.my_top h1 i {
			color: #fff;
			font-size: .4rem;
		}

.my_sys {
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.my_sys dl {
		width: 50%;
	}

		.my_sys dl dt {
			font-size: .42rem;
			font-weight: bold;
			margin-bottom: .12rem;
		}

		.my_sys dl dd {
			margin-bottom: .12rem;
			font-size: .28rem;
		}

			.my_sys dl dd:last-child {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

				.my_sys dl dd:last-child span {
					display: block;
					text-align: center;
				}

					.my_sys dl dd:last-child span a {
						color: #fff;
					}

					.my_sys dl dd:last-child span i {
						display: block;
						font-style: normal;
					}

	.my_sys .my_photo img {
		width: 1.5rem;
		height: 1.5rem;
		border-radius: 100%;
	}

.my_ts {
	padding: .12rem .2rem;
	background: #252B37;
	border-radius: .2rem .2rem 0 0;
	display: flex;
	font-size: .3rem;
	color: #E0B57C;
	/*	justify-content: space-around;*/
	align-items: center;
	margin-top: .5rem;
}

	.my_ts span {
		width: .78rem;
		height: .78rem;
		border-radius: 100%;
		background: #F9DDBC;
		display: flex;
		justify-content: center;
		align-items: center;
	}

		.my_ts span img {
			width: 60%;
		}

	.my_ts a {
		padding: .1rem .2rem;
		font-size: .28rem;
		color: #fff;
		background: red;
		border-radius: .1rem 0 .1rem 0;
	}

.my_cate {
	margin: 3%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.my_cate li {
		width: 25%;
	}

		.my_cate li a {
			font-size: .28rem;
			display: flex;
			flex-flow: column;
			align-items: center;
		}

			.my_cate li a i {
				display: block;
				color: #2b3455;
				font-size: .68rem;
			}

.my_bx {
	margin: .3rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.my_bx li {
		width: 43%;
		padding: .2rem;
		padding-right: 0;
		border-radius: .1rem;
		position: relative;
	}

.licolor1 {
	background: -webkit-linear-gradient(left, #2b3455, #2b3455);
	background: -o-linear-gradient(left, #2b3455, #2b3455);
	background: -moz-linear-gradient(left, #2b3455, #2b3455);
	background: linear-gradient(to left, #2b3455, #2b3455);
}

.licolor2 {
	background: -webkit-linear-gradient(left, #178b04, #46d82e);
	background: -o-linear-gradient(left, #178b04, #46d82e);
	background: -moz-linear-gradient(left, #178b04, #46d82e);
	background: linear-gradient(to left, #178b04, #46d82e);
}

.licolor3 {
	background: -webkit-linear-gradient(left, #af02ad, #f847f6);
	background: -o-linear-gradient(left, #af02ad, #f847f6);
	background: -moz-linear-gradient(left, #af02ad, #f847f6);
	background: linear-gradient(to left, #af02ad, #f847f6);
}

.my_bx li a {
	color: #fff;
	font-size: .26rem;
	line-height: 1.8;
}

.my_bx li p:first-child {
	font-size: .22rem;
	margin-bottom: .1rem;
}

.my_bx li p img {
	width: .38rem;
	height: auto;
	margin-right: 5px;
}

.my_bx li a span {
	position: absolute;
	font-size: .16rem;
	right: 0;
	top: 0;
	background: #FFF7EE;
	color: #2b3455;
	padding: .1rem .15rem;
	border-radius: 0 .1rem 0 .1rem;
}

.my_bt {
	margin-left: .3rem;
	font-size: .32rem;
	margin-bottom: .5rem;
}

.my_fw {
	margin: 3%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-flow: wrap;
	margin-bottom: 2rem;
}

	.my_fw li {
		width: 25%;
		margin-bottom: .5rem;
	}

		.my_fw li a {
			font-size: .28rem;
			display: flex;
			flex-flow: column;
			align-items: center;
		}

			.my_fw li a i {
				display: block;
				color: #E0B57C;
				font-size: .48rem;
			}
/**pro页面样式*/

.p_top {
	padding-top: 0;
}

	.p_top h1 a {
		background-color: #2b3455;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		font-size: .36rem;
		height: .8rem;
		padding: 0 .3rem;
		margin-bottom: .1rem;
	}

		.p_top h1 a i {
			margin-right: 10px;
			font-size: .28rem;
			display: inline-block;
		}

.pro_list .layui-tab-title {
	background: -webkit-linear-gradient(top, #2b3455, #2b3455);
	background: -o-linear-gradient(bottom, #2b3455, #2b3455);
	background: -moz-linear-gradient(bottom, #2b3455, #2b3455);
	background: linear-gradient(to bottom, #2b3455, #2b3455);
	margin: 0 .3rem;
	border-radius: .1rem;
	border: none !important;
}

	.pro_list .layui-tab-title li {
		font-size: .28rem;
		color: #fff;
		padding: 0 5px !important;
	}

	.pro_list .layui-tab-title .layui-this {
		color: #fff;
	}

		.pro_list .layui-tab-title .layui-this::after {
			border-bottom: 2px solid #fff;
			left: 30%;
			width: 40%;
			height: 35px;
		}

.pro_list .layui-tab-content {
	margin: .3rem;
	padding: 0;
}

.pro_content ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-flow: wrap;
}

.pro_content li {
	width: 48.1%;
	border-radius: .1rem;
	margin-bottom: 3%;
	border: 1px solid #eee;
}

	.pro_content li img {
		width: 100%;
		margin: 0 auto;
		border-radius: .1rem .1rem 0 0;
		display: block;
	}

	.pro_content li h1 {
		font-size: .3rem;
		padding: 0 .3rem;
		height: .6rem;
		line-height: .3rem;
		margin-top: .1rem;
	}

	.pro_content li p {
		font-size: .28rem;
		display: flex;
		justify-content: space-between;
		padding: .15rem .3rem;
		align-items: center;
	}

		.pro_content li p i {
			color: #999;
			background: #2b3455;
			font-size: .22rem;
			font-style: normal;
			padding: .05rem .1rem;
			border-radius: .1rem;
		}

		.pro_content li p span {
			color: #2b3455;
		}
/**注册页面样式*/

.login {
	padding: .3rem;
	font-size: .28rem;
}

	.login li {
		margin-bottom: .15rem;
		border-bottom: 1px solid #2b3455;
	}

	.login span {
		display: block;
		font-size: .3rem;
		font-weight:500;
	}

	.login span {
		display: flex;
		align-items: center;
	}

		.login span i {
			font-weight: normal;
			font-size: .42rem;
			margin-right: 5px;
			color: #fff;
		}

	.login li input {
		margin: 0;
		padding: 0;
		border: none;
		line-height: 2;
		width: 90%;
		background-color: #252b45;
		color:#fff;
	}

.btn {
	background: -webkit-linear-gradient(left, #2b3455, #2b3455);
	background: -o-linear-gradient(left, #2b3455, #2b3455);
	background: -moz-linear-gradient(left, #2b3455, #2b3455);
	background: linear-gradient(to left, #2b3455, #2b3455);
	width: 100%;
	text-align: center;
	border-radius: .1rem;
	height: 1rem;
	line-height: 1rem;
	color: #fff;
	font-size: .32rem;
	border-width:0;
}

.login li button {
	background: -webkit-linear-gradient(left, #2b3455, #2b3455);
	background: -o-linear-gradient(left, #2b3455, #2b3455);
	background: -moz-linear-gradient(left, #2b3455, #2b3455);
	background: linear-gradient(to left, #2b3455, #2b3455);
	width: 100%;
	text-align: center;
	border-radius: .1rem;
	height: 1rem;
	line-height: 1rem;
	color: #fff;
	font-size: .32rem;
}

.login .yzm a {
	background: -webkit-linear-gradient(left, #2b3455, #2b3455);
	background: -o-linear-gradient(left, #2b3455, #2b3455);
	background: -moz-linear-gradient(left, #2b3455, #2b3455);
	background: linear-gradient(to left, #2b3455, #2b3455);
	text-align: center;
	border-radius: .1rem 0 .1rem 0;
	color: #fff;
	font-size: .28rem;
	display: inline-block;
	width: 25%;
	line-height: 2;
}

.login .yzm input {
	width: 70%;
}

.login p {
	text-align: center;
	line-height: 1rem;
	font-size: .32rem;
}

	.login p a {
		color:#de2239;
	}
/**确认订单样式***/
.order {
	padding: .3rem;
	padding-top: 0;
	border-radius: 0 0 .2rem .2rem;
	margin-bottom: .3rem;
	border-bottom: .2rem solid #2b3455;
}

.order_bt h1 {
	display: flex;
	font-size: .32rem;
	justify-content: space-between;
	align-items: center;
	margin-bottom: .3rem;
}

	.order_bt h1 span {
		color: #fff;
	}

.order_bt .ms {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.order_bt .ms p {
		width: 78%;
	}

	.order_bt .ms span {
		font-size: .28rem;
		background: #2b3455;
		padding: 0.1rem .2rem;
		border-radius: .1rem;
		margin-right: .1rem;
	}

	.order_bt .ms .num {
		width: 22%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

		.order_bt .ms .num i {
			font-style: normal;
		}

		.order_bt .ms .num img {
			width: 32%;
		}

.order_xiang {
	width: 100%;
	background: #2b3455 !important;
	border-radius: .1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: .3rem 0;
}

.layui-nav-tree .layui-nav-bar {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
}

.order_xiang a {
	color: #fff !important;
	font-size: .3rem !important;
	border-radius: .1rem !important;
	border-left: 5px solid #2b3455;
	padding: 0 10px !important;
}

.layui-nav-tree .layui-nav-item a:hover {
	background-color: #2b3455 !important;
}

.layui-nav .layui-nav-more {
	border-color: #fff transparent transparent;
	border-top-color: rgba(0,0,0,.7);
}

.layui-nav .layui-nav-mored, .layui-nav-itemed > a .layui-nav-more {
	border-color: transparent transparent #fff;
}

.layui-nav-tree .layui-nav-item {
	border-radius: .1rem !important;
}

.order_xiang .layui-nav-child {
	background-color: #fff !important;
	color: #fff !important;
	white-space: normal !important;
}

.xiang img {
	width: 100%;
	border-radius: .1rem;
	margin: .1rem 0;
}

.xiang p {
	text-indent: 2em;
	line-height: 2;
	font-size: .28rem;
}

.order2 {
	/*padding: .1rem;*/
	margin-bottom: 0.3rem;
	margin-top:0.5rem;
	width:100%;
}

	.order2 dl {
		background: #2b3455;
		border-radius: .3rem .15rem .15rem .15rem;
		margin-bottom: .3rem;
		padding-bottom: .3rem;
	}

		.order2 dl dt {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding-right: .3rem;
		}

			.order2 dl dt h1 {
				background: -webkit-linear-gradient(left, #2b3455, #2b3455);
				background: -o-linear-gradient(left, #2b3455, #2b3455);
				background: -moz-linear-gradient(left, #2b3455, #2b3455);
				background: linear-gradient(to left, #2b3455, #2b3455);
				border-radius: .3rem 0 .1rem 0;
				padding: 0.1rem 0.3rem;
				color: #fff;
				font-size: .32rem;
			}

			.order2 dl dt span em {
				font-style: normal;
				color: #fff;
			}

		.order2 dl dd {
			display: flex;
			justify-content: space-between;
			align-items: center;
			line-height: 1;
			font-size: .3rem;
			padding: 0 .3rem;
			margin-top: .3rem;
		}

			.order2 dl dt em, .order2 dl dd em {
				font-weight: bold;
				font-size: .32rem;
			}

			.order2 dl dd .layui-form-item .layui-form-label {
				color: #888;
				padding: 5px 0px;
				width: auto;
				margin-right: 5px;
			}

			.order2 dl dd span {
				width: 60%;
				display: block;
			}

			.order2 dl dd .layui-form-item {
				margin-bottom: 0px;
				display: flex;
				justify-content: flex-end;
				align-items: center;
				width: 40%;
			}

			.order2 dl dd .layui-input-block {
				margin-left: 0 !important;
			}

			.order2 dl dd .layui-form-switch {
				margin-top: 6px;
				border-color: #999;
				background: -webkit-linear-gradient(left, #666, #999);
				background: -o-linear-gradient(left, #666, #999);
				background: -moz-linear-gradient(left, #666, #999);
				background: linear-gradient(to left, #666, #999);
			}

			.order2 dl dd .layui-form-onswitch {
				border-color: #2b3455;
				background: -webkit-linear-gradient(left, #2b3455, #2b3455);
				background: -o-linear-gradient(left, #2b3455, #2b3455);
				background: -moz-linear-gradient(left, #2b3455, #2b3455);
				background: linear-gradient(to left, #2b3455, #2b3455);
			}

				.order2 dl dd .layui-form-onswitch i {
					background-color: #FCDC83;
				}

.play {
	position: fixed;
	left: 0;
	bottom: 0;
	background: #2b3455;
	width: 100%;
	padding: .1rem 0;
}

.play_btn {
	width: 90%;
	margin: 0 auto;
	display: flex;
	height: 1rem;
	justify-content: space-between;
	align-items: center;
}

	.play_btn span {
		color: #fff;
		font-size: .32rem;
		width: 40%;
		height: 1rem;
		line-height: 1rem;
		padding: 0 5%;
		display: flex;
		border-radius: 1rem 0 0 1rem;
		justify-content: space-between;
		align-items: center;

	}

		.play_btn span em {
			font-size: .26rem;
			font-weight: normal;
			color: rgba(255,255,255,.7);
		}

	.play_btn .btn {
		display: inline-block;
		width: 40%;
		height: 0.8rem;
		line-height: 0.8rem;
		color: #FF3E27;
		text-align: center;
		font-size: .3rem;
		background: -webkit-linear-gradient(top, #FFD177, #F7F28F);
		background: -o-linear-gradient(top, #FFD177, #F7F28F);
		background: -moz-linear-gradient(top, #FFD177, #F7F28F);
		background: linear-gradient(to top, #FFD177, #F7F28F);
		border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
	}

	.play_btn .btn1 {
		display: inline-block;
		width: 100%;
		height: 0.8rem;
		line-height: 0.8rem;
		color: #FFFFFF;
		text-align: center;
		font-size: .3rem;
		background: -webkit-linear-gradient(top, #e98284, #ed1c21);
		background: -o-linear-gradient(top, #e98284, #ed1c21);
		background: -moz-linear-gradient(top, #e98284, #ed1c21);
		background: linear-gradient(to top, #e98284, #ed1c21);
		border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
	}

.layui-layer-title {
	background: #fff;
	font-size: .32rem;
	border-radius: .1rem .1rem 0 0;
}

.dz .layui-btn-container .layui-btn {
	margin: 0 5%;
	width: 90%;
	border-radius: 1rem;
	margin-bottom: .3rem;
	background: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #333;
}

	.dz .layui-btn-container .layui-btn span {
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: #999;
	}

	.dz .layui-btn-container .layui-btn i {
		color: #333;
	}

	.dz .layui-btn-container .layui-btn span i {
		color: #FF3E27;
		margin-right: 5px;
	}

.layui-layer-btn a {
	border: 1px solid #FF3E27;
	background-color: #FF3E27;
	color: #fff;
	width: 45%;
	height: 40px;
	line-height: 40px;
	margin: 0 2%;
	padding: 0;
	border-radius: .1rem;
}

.layui-layer-btn .layui-layer-btn0 {
	border-color: #FF3E27 !important;
	background-color: #fff !important;
	color: #FF3E27;
}
/**添加收货地址样式**/

.dz_top {
	padding: 0 .3rem;
	border-bottom: .12rem solid #2b3455;
	background: #fff;
}

	.dz_top a {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		font-size: .36rem;
		height: .8rem;
	}

		.dz_top a i {
			margin-right: 10px;
			font-size: .28rem;
			display: inline-block;
		}

.dz_input {
	padding: .3rem;
	font-size: .28rem;
	line-height: 3;
	background: #252b45;
}

	.dz_input li {
		margin-bottom: .1rem;
		border-bottom: 1px solid #2b3455;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	.dz_input span {
		display: inline-block;
		width: 23%;
	}

	.dz_input input {
		margin: 0;
		width: 75%;
		padding: 0;
		border: none;
		background: #252b45;
		color:#fff;
	}

	.dz_input .yzm a {
		background: -webkit-linear-gradient(left, #2b3455, #2b3455);
		background: -o-linear-gradient(left, #2b3455, #2b3455);
		background: -moz-linear-gradient(left, #2b3455, #2b3455);
		background: linear-gradient(to left, #2b3455, #2b3455);
		text-align: center;
		border-radius: .1rem 0 .1rem 0;
		color: #fff;
		font-size: .28rem;
		display: inline-block;
		padding: 0 .1rem;
		line-height: 2;
	}

	.dz_input .yzm input {
		width: 50%;
	}

.dz_btn {
	background: -webkit-linear-gradient(left, #2b3455, #2b3455);
	background: -o-linear-gradient(left, #2b3455, #2b3455);
	background: -moz-linear-gradient(left, #2b3455, #2b3455);
	background: linear-gradient(to left, #2b3455, #2b3455);
	width: 100%;
	text-align: center;
	border-radius: .1rem .1rem 0 0;
	height: 1rem;
	line-height: 1rem;
	font-size: .32rem;
	position: fixed;
	left: 0;
	bottom: 0;
	color: #fff;
	border-width:0;
}

	.dz_btn a {
		color: #fff;
	}
/**我的订单样式***/

.myorder_list .layui-tab {
	margin: 0 auto;
}

.myorder_list .layui-tab-title {
	text-align: center;
	background: #2b3455;
	padding: 0 .3rem;
}

	.myorder_list .layui-tab-title li {
		font-size: .32rem;
		width: 20% !important;
		padding: 0;
	}

	.myorder_list .layui-tab-title .layui-this {
		color: #fff;
	}

		.myorder_list .layui-tab-title .layui-this::after {
			border-bottom: 2px solid #fff;
		}

.myorder_list .layui-tab-content {
	padding: 0 .3rem;
	margin-top: .2rem;
}

	.myorder_list .layui-tab-content .blank, .sxy_content .blank {
		text-align: center;
	}

		.myorder_list .layui-tab-content .blank img, .sxy_content .blank img {
			width: 60%;
			margin-top: 10%;
		}

		.myorder_list .layui-tab-content .blank p, .sxy_content .blank p {
			color: #999;
			font-size: .28rem;
		}

.myorder_content dl {
	margin-bottom: .2rem;
	background: #2b3455;
	padding: 0.3rem;
	border-radius: .2rem;
}

	.myorder_content dl dt {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: .3rem;
	}

		.myorder_content dl dt span {
			color: #fff;
		}

	.myorder_content dl .dd1 a {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.myorder_content dl .dd1 img {
		width: 2rem;
		height: 2rem;
		border-radius: .1rem;
		margin-right: 5%;
		display: block;
		border: 1px solid #eee;
	}

	.myorder_content dl .dd1 p {
		width: 70%;
		display: flex;
		align-items: center;
		flex-flow: wrap;
		height: 2rem;
	}

	.myorder_content dl .dd1 span {
		width: 100%;
		display: block;
		display: flex;
		justify-content: space-between;
		align-items: center;
		color:#fff;
	}

	.myorder_content dl .dd1 .name {
		font-weight: bold;
		font-size: .32rem;
	}

		.myorder_content dl .dd1 .name i {
			font-style: normal;
			font-weight: normal;
			font-size: .36rem;
		}

	.myorder_content dl .dd1 .gg i {
		background: #2b3455;
		border-radius: .1rem;
		padding: .05rem .1rem;
		font-style: normal;
		font-size: .28rem;
	}

	.myorder_content dl .dd1 .price {
		justify-content: flex-end;
		font-size: .36rem;
		color: #fff;
	}

	.myorder_content dl .dd2 {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		border-top: 1px solid #eee;
		margin-top: .3rem;
		padding-top: .3rem;
	}

		.myorder_content dl .dd2 a {
			font-size: .32rem;
			text-align: center;
			display: inline-block;
			padding: .12rem .4rem;
			border-radius: 1rem;
			margin-left: 10px;
			border: 1px solid #eee;
			color:#fff;
		}

		.myorder_content dl .dd2 .qr {
			border: 1px solid #eee;
			color: #fff;
		}
/**订单详情页面样式***/


.order_xx_bt {
	background: -webkit-linear-gradient(top, #2b3455, #2b3455);
	background: -o-linear-gradient(bottom, #2b3455, #2b3455);
	background: -moz-linear-gradient(bottom, #2b3455, #2b3455);
	background: linear-gradient(to bottom, #2b3455, #2b3455);
	padding: 0 .3rem .8rem .3rem;
}

	.order_xx_bt a {
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		font-size: .36rem;
		height: .8rem;
	}

		.order_xx_bt a i {
			margin-right: 10px;
			font-size: .28rem;
			display: inline-block;
		}

	.order_xx_bt h2 {
		color: #fff;
		font-size: .36rem;
		margin: .35rem 0 .1rem 0;
	}

	.order_xx_bt h3 {
		color: #fff;
		font-size: .24rem;
	}

.qs {
	margin: 0 4%;
	width: 92%;
	position: absolute;
	left: 0;
	top: 2.5rem;
}

	.qs .qs01 {
		background: #2b3455;
		border-radius: .12rem;
		margin-bottom: .2rem;
		padding: .3rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

		.qs .qs01 dt {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

			.qs .qs01 dt img {
				width: .68rem;
				height: .68rem;
				display: block;
				border-radius: 50%;
				margin-right: .2rem;
			}

			.qs .qs01 dt h1 {
				color: #fff;
				font-size: .36rem;
				line-height: 1.8;
			}

			.qs .qs01 dt p {
				color: #fff;
				font-size: .28rem;
			}

			.qs .qs01 dt h2 {
				color: #fff;
				font-size: .36rem;
				line-height: 1.8;
			}

	.qs .qs02, .qs .qs03 {
		margin-bottom: .2rem;
		background: #2b3455;
		padding: 0.3rem;
		border-radius: .2rem;
	}

		.qs .qs02 dt {
			display: flex;
			align-items: center;
			margin-bottom: .3rem;
		}

			.qs .qs02 dt img {
				width: .68rem;
				height: .68rem;
				display: block;
				border-radius: 50%;
				margin-right: .2rem;
			}

			.qs .qs02 dt span {
				color: #fff;
			}

		.qs .qs02 dd {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: .3rem;
		}

			.qs .qs02 dd img {
				width: 2rem;
				height: 2rem;
				border-radius: .1rem;
				margin-right: 5%;
				display: block;
				border: 1px solid #eee;
			}

			.qs .qs02 dd p {
				width: 70%;
				display: flex;
				align-items: center;
				flex-flow: wrap;
				height: 2rem;
			}

			.qs .qs02 dd span {
				width: 100%;
				display: block;
				display: flex;
				justify-content: space-between;
				align-items: center;
				color:#fff;
			}

			.qs .qs02 dd .name {
				font-weight: bold;
				font-size: .32rem;
			}

				.qs .qs02 dd .name i {
					font-style: normal;
					font-weight: normal;
					font-size: .36rem;
				}

			.qs .qs02 dd .price {
				justify-content: flex-end;
				font-size: .36rem;
				color: #fff;
			}

		.qs .qs02 .dd2 {
			line-height: 2;
			font-size: .28rem;
			margin-bottom: 0rem;
			color: #fff;
		}

			.qs .qs02 .dd2 i {
				line-height: 2;
				font-style: normal;
				color: #fff;
			}

			.qs .qs02 .dd2 .price {
				font-size: .36rem;
				color: #fff;
			}

	.qs .kf {
		background: #fff;
		width: 100%;
		text-align: center;
		border-radius: .1rem;
		height: 1rem;
		line-height: 1rem;
		color: #333;
		font-size: .32rem;
		margin-bottom: .3rem;
	}

	.qs .qs03 dt {
		color: #333;
		font-size: .32rem;
		font-weight: bold;
		line-height: 1.8;
		margin-bottom: .2rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

		.qs .qs03 dt span {
			font-weight: normal;
			font-size: .28rem;
			color: #666;
			display: flex;
			align-items: center;
		}

			.qs .qs03 dt span i {
				margin-left: 5px;
			}

	.qs  dd {
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: .26rem;
		margin-bottom: .2rem;
		color: #999;
	}

		.qs  dd span {
			display: inline-block;
			width: 75%;
			color: #333;
			text-align: right;
		}

			.qs .qs03 dd span i {
				padding: .02rem .1rem;
				font-size: .24rem;
				font-style: normal;
				color: #fff;
				background: red;
				margin-left: 10px;
				border-radius: .1rem 0 .1rem 0;
			}
/**我的会员样式***/

.fs {
	border-bottom: .12rem solid #FDD99A;
	padding: 0 .3rem 1rem .3rem;
}

.fs_zt {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: .2rem;
}

	.fs_zt li {
		width: 23%;
		background: url(../images/fs_bg.png) no-repeat;
		background-size: 100% 100%;
		padding: .5rem 0;
		display: flex;
		justify-content: center;
		flex-flow: column;
		text-align: center;
		color: #fff;
		font-size: .28rem;
	}

		.fs_zt li .p1 {
			color: #FFF5C5;
			font-size: .36rem;
			margin-bottom: .1rem;
		}

		.fs_zt li p i {
			font-style: normal;
			display: block;
		}

.fs_list {
	margin: 0 4%;
	width: 92%;
	position: absolute;
	left: 0;
	top: 3.7rem;
}

.fs_bt {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.fs_bt li {
		width: 47%;
		background: #2b3455;
		padding: .2rem 0;
		border: .05rem solid #FDD99A;
		border-radius: .12rem;
		color: #FFF5C5;
		font-size: .36rem;
		display: flex;
		text-align: center;
		flex-flow: column;
	}

		.fs_bt li span {
			color: #fff;
			font-size: .28rem;
			margin-top: .1rem;
		}

.fs_list .layui-tab-content {
	padding: 10px 0;
}

.fs_list .layui-tab-title {
	border: #fff;
}

	.fs_list .layui-tab-title li {
		font-size: .32rem;
		width: 20% !important;
		padding: 0;
	}

	.fs_list .layui-tab-title .layui-this {
		color: #2b3455;
	}

		.fs_list .layui-tab-title .layui-this::after {
			border-bottom: 3px solid #2b3455;
			border-radius: 3px;
		}

.fs_content .zt {
	background: url(../images/fs_zt.png) no-repeat;
	background-size: 100% 100%;
	padding: .25rem 0;
	margin: .2rem 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.fs_content .zt span {
		width: 25%;
		display: block;
		text-align: center;
		color: #fff;
		font-size: .28rem;
	}

		.fs_content .zt span i {
			display: block;
			font-style: normal;
			margin-bottom: .1rem;
			font-size: .32rem;
		}

.fs_content .bt {
	margin: .4rem 0 .2rem 0;
}

	.fs_content .bt h1 {
		font-size: .32rem;
		font-weight: bold;
	}

.fs_content .tt {
	background: -webkit-linear-gradient(top, #2b3455, #2b3455);
	background: -o-linear-gradient(bottom, #2b3455, #2b3455);
	background: -moz-linear-gradient(bottom, #2b3455, #2b3455);
	background: linear-gradient(to bottom, #2b3455, #2b3455);
	padding: 0.15rem 0;
	color: #fff;
	border-radius: .1rem;
	display: flex;
}

	.fs_content .tt span, .fs_content ul li span {
		display: block;
		width: 23%;
		text-align: center;
		font-size: .32rem;
	}

	.fs_content .tt .span1, .fs_content ul li .span1 {
		display: block;
		width: 31%;
		text-align: center;
		font-size: .32rem;
	}

.fs_content ul li {
	display: flex;
	align-items: center;
	margin: .5rem 0;
}

	.fs_content ul li span {
		font-size: .28rem;
		color: #666;
	}

		.fs_content ul li span:last-child {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0 .1rem;
		}
/***兑金券记录**/
.jl {
	padding-bottom: .5rem;
}

	.jl dl {
		text-align: center;
		font-size: .22rem;
		color: #fff;
		margin-top: .2rem;
	}

	.jl dd span {
		display: block;
		font-size: .52rem;
		margin: .1rem 0;
	}

.jl_list {
	padding: .3rem;
}

	.jl_list h1 {
		font-size: .36rem;
		font-weight: bold;
		margin-bottom: .3rem;
	}

	.jl_list ul li {
		background: #2b3455;
		border-radius: .1rem;
		padding: .3rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: .32rem;
		line-height: 1.8;
		margin-bottom: .2rem;
	}

		.jl_list ul li span {
			display: block;
		}

			.jl_list ul li span i {
				display: block;
				font-size: .28rem;
				color: #999;
				font-style: normal;
			}

			.jl_list ul li span:last-child {
				font-size: .38rem;
			}

		.jl_list ul li .price {
			color: #fff;
		}
/**推广分享样式**/


.pages {
	margin-top: 2em;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.8em;
}

	.pages a, .pages span {
		margin: 5px 3px;
		padding: 0 7px;
		display: inline-block;
		border: 1px solid #ddd;
		color: #fff;
	}

		.pages span.cpb {
			color: #fff;
			font-weight: bold;
			background-color: #2b3455;
			border: 1px solid #2b3455;
		}

		.pages a:hover {
			background-color: #2b3455;
			color: #fff;
			border: 1px solid #2b3455;
			text-decoration: none;
		}


