/* GT兑现 */
input{
	outline:none;
	border:0;
}
.gtdx{
	width: 100%;
	height: auto;
	background: url(../img/gtdx-1.jpg);
	background-size:100% 100%;
}
.gtdx-tit{
	width: 52%;
	margin: 0 auto;
	padding-top: 0.25rem;
}
.gtdx-1{
	position: absolute;
	width: 3%;
	left: -2%;
	top: 0.2rem;
}
.gtdx-2{
	font-size: 0.15rem;
	line-height: 0.35rem;
	color: #FFFFFF;
	padding-top: 0.22rem;
}
.gtdx-2 img{
	width: 6%;
	vertical-align: middle;
}
.gtdx-3{
	width: 92%;
	height: auto;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	padding-left: 4%;
	padding-right: 4%;
	background: url(../img/gtdx-5.png);
	background-size:100% 100%;
	margin-top: 0.1rem;
}
.gtdx-4{
	font-size: 0.12rem;
	line-height: 0.2rem;
	color: #000000;
	text-align: center;
}
.gtdx-4 input{
	width: 68%;
	height: 0.3rem;
	background: #FFFFFF;
	border-radius: 0.1rem;
	background: #FFFFFF;
	border: none;
	text-indent: 1em;
}
.gtdx-5{
	font-size: 0.13rem;
	color: #000000;
	margin-top: 0.15rem;
}
.gtdx-5 input{
	float: left;
}
.gtdx-5 p{
	float: left;
	margin-left: 0.05rem;
}
.gtdx-5 p span{
	font-style: bold;
	line-height: 0.2rem;
}
.gtdx-6{
	font-size: 0.18rem;
	text-align: center;
	line-height: 0.3rem;
	color: #000000;
}
.gtdx-7{
	font-size: 0.1rem;
	line-height: 0.18rem;
	color: #000000;
	text-align: center;
}
.gtdx-8{
	width: 100%;
	height: 0.3rem;
	background: #0066CC;
	border: none;
	font-size: 0.12rem;
	line-height: 0.2rem;
	color: #FFFFFF;
	margin-top: 0.2rem;
	margin: 0 auto;
	text-align:center;
}
.gtdx-8h{
	width: 49%;
	height: 0.3rem;
	background: url(../img/gtdx-6.png);
	background-size:100% 100%;
	border: none;
	font-size: 0.12rem;
	line-height: 0.3rem;
	color: #000000;
	margin-top: 0.2rem;
}

.gtdx-8t{
	width: 33%;
	height: 0.3rem;
	background: url(../img/gtdx-6.png);
	background-size:100% 100%;
	border: none;
	font-size: 0.12rem;
	line-height: 0.2rem;
	color: #000000;
	margin-top: 0.1rem;
}

.gtdx-9{
	width: 100%;
	height: auto;
	padding-bottom: 0.15rem;
	background: #E6F3FF;
	border-top: 1px solid #87CEEB;
	margin-top: 0.1rem;
}
.gtdx-10{
	width: 86%;
	margin: 0 auto;
	/* padding-bottom: 0.15rem; */
	padding-top: 0.15rem;
	background: #E6F3FF;
}
.gtdx-10 p{
	float: left;
	color: #000000;
	width: 22%; 
	font-size: 0.12rem;
	line-height: 0.24rem;
}
.gtdx-11{
	float: right;
	width: 78%;
	height: 0.24rem;
	background: #FFFFFF;
	border-radius: 0.1rem;
	border: none;
	font-size: 0.12rem;
	color: #909090;
	text-indent: 1em;
}
/* .gtdx-13{
	float: right;
	width: 78%;
} */
.gtdx-12{
	width: 38%;
	height: 0.24rem;
	font-size: 0.12rem;
	color: #909090;
	border: none;
	border-radius: 0.1rem;
	text-indent: 1em;
}
.gtdx-13{
	margin-top: 0.18rem;
	border-left: 3px solid #87CEEB;
	padding-left: 10px;
}

/* 支付方式竖排样式 */
.payment-options {
	width: 78%;
	float: right;
	background: #FFFFFF;
	border-radius: 0.1rem;
	padding: 0.1rem;
	box-sizing: border-box;
}

.payment-option {
	display: block;
	width: 100%;
	margin-bottom: 0.08rem;
	clear: both;
}

.payment-option:last-child {
	margin-bottom: 0;
}

.payment-option input[type="radio"] {
	float: left;
	margin-right: 0.1rem;
	margin-top: 0.04rem;
}

.payment-option label {
	float: left;
	font-size: 0.12rem;
	line-height: 0.24rem;
	color: #000000;
	cursor: pointer;
}

.payment-option input[type="radio"]:disabled + label {
	color: #999999;
	cursor: not-allowed;
}

.disabled-option {
	color: #999999;
}
.gtdx-13 img{
	width: 62%;
	vertical-align: middle;
}
.gtdx-13 span{
	color: #87CEEB;
	font-size: 0.12rem;
	text-align: right;
}
.gtdx-14{
	font-size: 0.12rem;
	line-height: 0.18rem;
	color: #333333;
	padding-bottom: 10px;
}

.pages {
	text-align: center;
	padding: 10px 0;
	font-size: 14px;
	color: #333;
}

.pages a {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 2px;
	border: 1px solid #ddd;
	text-decoration: none;
	color: #333;
}

.pages a:hover {
	background-color: #f5f5f5;
}

.pages strong {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 2px;
	background-color: #87CEEB;
	color: #fff;
	font-weight: bold;
}

.gtdx-15{
	width: 49%;
	height: 0.24rem;
	background: #FFFFFF;
	border-radius: 0.1rem;
	border: none;
	font-size: 0.12rem;
	color: #909090;
	text-indent: 1em;
}

.gtdx-16{
	width: 49%;
	height: 0.24rem;
	background: #FFFFFF;
	border-radius: 0.1rem;
	border: none;
	font-size: 0.12rem;
	color: #909090;
	text-indent: 1em;
}

.gtdx-17{
	float: left;
	width: 100%;
	height: 0.24rem;
	background: #FFFFFF;
	border-radius: 0.1rem;
	border: none;
	font-size: 0.12rem;
	color: #909090;
	text-indent: 1em;
}

.kongge{
	clear:both;
	height:.8rem;
}
.bottom{
	width:100%;
	max-width:768px;
	position:fixed;
	bottom:0;
	padding:.08rem 0 0 0;
	background:#14052A;
}
.bottom ul{
	width: 100%;
}
.bottom li{
	width:20%;
	float:left;
}
.bottom ul li a{
	/* width: 25%; */
	display: block;
	text-align: center;
}
.bottom ul li a img{
	width: 30%;
	height:.25rem;
}
.bottom ul li a div{
	width: 30%;
	height:.25rem;
	/* background: url(../img/gtdx-9.png);
	background-size:100% 100%; */
	margin: 0 auto;
}
.bo-1{
	background: url(../img/gtdx-9.png);
	background-size:100% 100%;
}
.bo-2{
	background: url(../img/gtdx-10.png);
	background-size:100% 100%;
}
.bo-3{
	background: url(../img/gtdx-11.png);
	background-size:100% 100%;
}
.bo-4{
	background: url(../img/gtdx-12.png);
	background-size:100% 100%;
}
.bottom ul li a p{
	font-size: 0.1rem;
	color: #a0a0a0;
	line-height: 0.3rem;
}
.bottom ul li a:hover p,.bottom ul li a.on p{
	color: #FFFFFF;
}
.bottom ul li:hover .bo-1{
	background: url(../img/gtdx-9-h.png);
	background-size:100% 100%;
}
.bottom ul li:hover .bo-2{
	background: url(../img/gtdx-10-h.png);
	background-size:100% 100%;
}
.bottom ul li:hover .bo-3{
	background: url(../img/gtdx-11-h.png);
	background-size:100% 100%;
}
.bottom ul li:hover .bo-4{
	background: url(../img/gtdx-12-h.png);
	background-size:100% 100%;
}

/*注册底部*/
.bottomzc{
	width:100%;
	max-width:768px;
	position:fixed;
	bottom:0;
	padding:.08rem 0 0 0;
	background:#000;
}
.bottomzc ul{
	width: 100%;
}
.bottomzc li{
	width:33.3%;
	float:left;
}
.bottomzc ul li a{
	display: block;
	text-align: center;
}
.bottomzc ul li a img{
	width: 25%;
	height:.25rem;
}
.bottomzc ul li a div{
	width: 25%;
	height:.25rem;
	margin: 0 auto;
}
.bottomzc ul li a p{
	font-size: 0.1rem;
	color: #a0a0a0;
	line-height: 0.3rem;
}
.bottomzc ul li a:hover p,.bottom ul li a.on p{
	color: #FFFFFF;
}
.bottomzc ul li:hover .bo-1{
	background: url(../img/gtdx-9-h.png);
	background-size:100% 100%;
}
.bottomzc ul li:hover .bo-2{
	background: url(../img/gtdx-10-h.png);
	background-size:100% 100%;
}
.bottomzc ul li:hover .bo-3{
	background: url(../img/gtdx-11-h.png);
	background-size:100% 100%;
}
.bottomzc ul li:hover .bo-4{
	background: url(../img/gtdx-12-h.png);
	background-size:100% 100%;
}

/* CNY流转记录 */
.usdtlzjl-1{
	width: 70%;
	height: auto;
	background: #FFFFFF;
	border-radius: 0.1rem;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	border-radius: 0.1rem;
	padding-left: 5%;
	padding-right: 5%;
	-webkit-box-shadow:0 0 10px rgba(4, 0, 0, .45);
	-moz-box-shadow:0 0 10px rgba(4, 0, 0, .45);
	box-shadow:0 0 10px rgba(4, 0, 0, .45);
	margin-top: -0.2rem;
}
.usdtlzjl-1 p{
	font-size: 0.12rem;
	color: #909090;
	padding-bottom: 0.15rem;
	text-align: left;
}
.usdtlzjl-1 textarea{
	width:100%;
	min-height:1rem;
}
.cart-textarea{
	width:92%;
	min-height:0.8rem;
	border:none;
}
.cart-text{
	width:30px;
	height:30px;
	line-height:30px;
	color: #37455d;
	font-size: 0.16rem;
	border:none;
	margin-top:5px;
}
.usdtlzjl-1 button{
	width: 1.55rem;
	height: 0.37rem;
	border-radius: 0.1rem;
	background: url(../img/usdtlzjl-2.png);
	background-size: 100% 100%;
	-webkit-box-shadow:0 0 5px rgba(4, 0, 0, .45);
	-moz-box-shadow:0 0 5px rgba(4, 0, 0, .45);
	box-shadow:0 0 5px rgba(4, 0, 0, .45);
	color: #000000;
	font-size: 0.12rem;
	border: none;
}
.usdtlzjl-2{
	font-size: 0.09rem;
	color: #FFFFFF;
	text-align: center;
	padding-top: 0.1rem;
}

/* CNY转gt */
.usdtgt-1{
	font-size: 0.09rem;
	color: #FFFFFF;
	line-height: 0.24rem;
	text-align: right;
	width: 80%;
	margin: 0 auto;
}
.usdtgt-2{
	font-size: 0.18rem;
	text-align: left;
	line-height: 0.3rem;
	color: #000000;
	margin-left: 5%;
}
.usdtgt-3{
	font-size: 0.1rem;
	line-height: 0.18rem;
	color: #000000;
	text-align: left;
	margin-left: 5%;
}

/* 财务明细 */
.pe-1{
	width: 78%;
	margin: 0 auto;
	padding-top: 0.2rem;
}
.pe-1 li{
	width: 100%;
	height: 0.4rem;
}
.pe-1 li img:nth-of-type(1){
	width: 8%;
	vertical-align: center;
}
.pe-1 span{
	font-size: 0.15rem;
	line-height: 0.35rem;
	color: #333333;
}
.pe-1 li img:nth-of-type(2){
	width: 6%;
	vertical-align: middle;
	float: right;
	margin-top: 0.12rem;
}

/* 财务管理 */
.cwgl{
	width: 100%;
	height: 6rem;
}
/* 公告界面 */
.ggjmbg{
	width: 100%;
	background: url(../img/ggjmbg.jpg) no-repeat center bottom #000000;
	background-size:100% auto;
}
.ggjmcon{
	min-height:4rem;
}
/* 注册协议 */
.zcxybg{
	width: 100%;
	background: url(../img/zcxybg.jpg) no-repeat center bottom #000000;
	background-size:100% auto;
}
/* 奖金查询 */
.jjcxbg{
	width: 100%;
	background: url(../img/jjcxbg.jpg) no-repeat center bottom #000000;
	background-size:100% auto;
}

.jjcxcon{
	width:92%;
	margin: 0 auto;
	padding-top: 0.15rem;
}
.jjcxcon-1{
	width: 90%;
	height: 0.24rem;
	background: #FFFFFF;
	border-radius: 0.1rem;
	border: none;
	font-size: 0.12rem;
	color: #909090;
	text-indent: 1em;
}
/* 密码修改 */
.mmxgcon{
	width: 100%;
	height: auto;
	color:#fff;
	padding-bottom: 0.15rem;
	margin-top: 0.1rem;
}
.mmxgtab tr td{
	line-height:.4rem;
	color:#333333;
}
.mmxg-1{
	width: 96%;
	height: 0.26rem;
	background: #FFFFFF;
	border-radius: 0.05rem;
	border: none;
	font-size: 0.12rem;
	color: #909090;
	text-indent: 1em;
}
.mmxg-1h{
	width: 30%;
	height: 0.26rem;
	background: #FFFFFF;
	border-radius: 0.05rem;
	border: none;
	font-size: 0.12rem;
	color: #909090;
	text-indent: 1em;
}
/* 忘记密码 */
.wjmm-1{
	width: 100%;
	height: 0.24rem;
	background: #FFFFFF;
	border-radius: 0.1rem;
	border: none;
	font-size: 0.12rem;
	color: #909090;
	text-indent: 1em;
}
.huanyin{
	width:40%;
	margin:2rem auto 0 auto;
}
/* 忘记密码 */
.zcdcwz{
	font-size: 0.12rem;
	line-height: 0.18rem;
	color: #000000;
	margin:.2rem 0;
	text-align: center;
}
/* 注册 */
.zchy-1{
	width: 96%;
	height: 0.26rem;
	background: #FFFFFF;
	border-radius: 0.05rem;
	border: none;
	font-size: 0.12rem;
	color: #909090;
	text-indent: 1em;
}
.huise{
	color:#585858;
}
.huangse{
	color:#fbc810;
}

/* 个人中心 */
.grzx01{
	width: 100%;
	height:3.1rem;
	padding-top:.15rem;
	background: url(../img/grzx01.jpg) no-repeat center top;
	background-size:100% 77%;
}
.grzx02{
	width:80%;
	margin:.20rem auto 0 auto;
}
.grzx02 .vip{
	width:90%;
	float:left;
}
.grzx02 .haoma{
	width:65%;
	float:right;
}


.grzx03{
	width:80%;
	margin:.2rem auto 0 auto;
	background:#ECDBBD;
	border-radius: 0.1rem;
	padding:.1rem;
	color:#333333;
}
.grzx03 li{
	width:24%;
	float:left;
	font-size:.12rem;
	text-align:center;
}

.line_r{
	border-right:1px dashed #000;
}
.line_m{
	clear:both;
	height:.05rem;
	border-bottom:1px dashed #000;
	margin-bottom:.05rem;
}



.grzx04{
	width: 72%;
	margin:.12rem auto 0 auto;
	height:.38rem;
	line-height:.38rem;
	padding:0 1% 0 12%;
	background: url(../img/grzx04.png) no-repeat center top;
	background-size:100% 100%;
}
#demo {
	overflow:hidden;
	width: 20%;
	height:.38rem;
}
 
#indemo {
	width: 80%;
}
#demo1 {
	float: left;
}
#demo1 li{
	float:left;
	line-height:.42rem;
}
#demo2 {
	float: left;
}	
.grzx05{
	width:86%;
	margin:.16rem auto 0 auto;
}
.grzx05 li{
	width:33.3%;
	float:left;
	font-size:.12rem;
	color:#333333;
	text-align:center;
	margin-bottom:.1rem;
	line-height:.3rem;
}
.grzx05 a{
	color:#333333;
}
.grzx05 .tupian{
	width:50%;
	margin:0 auto;
}
.grzx06{
	width:35%;
	margin:.3rem auto;
}
.grzx06 a{
	font-size:.12rem;
	color:#333333;
}
/* shop */
.shop-top{
	width: 100%;
	padding-top: 0.2rem;
}
.shop-top-1{
	float: left;
	width: 48%;
}
.shop-top-2{
	float: right;
	width: 16%;
}
/* 购物车页面新样式 - 现代化设计 */
.shop-1 {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: #fff;
	width: 100%;
	font-size: 0.18rem;
	line-height: 0.3rem;
	padding: 0.05rem 0;
	position: relative;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	min-height: auto;
	height: auto;
}
.shop-1 p {
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.shop-1 a {
	position: absolute;
	left: 15px;
	top: 8px;
	display: flex;
	align-items: center;
}
.shop-1 a svg {
	width: 24px;
	height: 24px;
}

.shop-2 {
	width: 95%;
	margin: 0.1rem auto;
	background: #fff;
	border-radius: 0.15rem;
	padding: 0.15rem;
	box-shadow: 0 2px 8px rgba(0,0,0,0.08);
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: flex-start;
	gap: 0.1rem;
	min-height: 1.5rem;
}

.shop-2::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: 100%;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.shop-2 .tar {
	position: absolute;
	top: 0.15rem;
	right: 0.15rem;
	width: 0.3rem;
	height: 0.3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,0,0,0.1);
	border-radius: 50%;
	z-index: 10;
}

.shop-2 .tar:hover {
	background: rgba(255,0,0,0.2);
}

.shop-3 {
	width: 25%;
	text-align: center;
	padding: 0.05rem;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	order: -1; /* 确保图片在最左边 */
}

.shop-3 img {
	width: 100%;
	height: auto;
	border-radius: 0.1rem;
	box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	object-fit: cover;
	aspect-ratio: 1;
}

.shop-4 {
	padding-left: 0.1rem;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	order: 1; /* 确保商品信息在图片右边 */
}

.shop-4 h1 {
	display: none;
}

.shop-5 {
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.shop-5 li {
	margin-bottom: 0.05rem;
	font-size: 0.13rem;
	color: #333;
	line-height: 1.3;
	display: flex;
	align-items: center;
	word-wrap: break-word;
	word-break: break-all;
	flex: 1 1 auto;
	min-width: 45%; /* 确保每行最多显示两个属性 */
}

.shop-5 li img {
	display: none;
}

.shop-5 li:nth-child(1) {
	font-weight: bold;
	color: #667eea;
	font-size: 0.14rem;
	margin-bottom: 0.1rem;
}

.shop-6 {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 0.08rem;
	padding-top: 0.08rem;
	border-top: 1px solid #87CEEB;
	gap: 0.02rem;
	flex-shrink: 0;
	order: 1; /* 确保购买数量模块在库存行下方 */
	flex-wrap: nowrap; /* 确保所有元素在一行显示 */
}

.shop-6 button {
	width: 0.32rem;
	height: 0.32rem;
	border: 1px solid #87CEEB;
	background: #f8f8f8;
	border-radius: 0.06rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0.05rem;
	transition: all 0.2s;
}

.shop-6 button:hover {
	background: #667eea;
	border-color: #667eea;
}

.shop-6 button:hover img {
	filter: brightness(0) invert(1);
}

.shop-6 button img {
	width: 0.16rem;
	height: 0.16rem;
	transition: all 0.2s;
}

.shop-6 .cart-text {
	width: 0.5rem;
	height: 0.32rem;
	text-align: center;
	border: 1px solid #87CEEB;
	border-radius: 0.06rem;
	font-size: 0.14rem;
	background: #fff;
}

/* 结算区域样式 */
.shop-settlement {
	width: 95%;
	margin: 0.2rem auto;
	background: #fff;
	border-radius: 0.15rem;
	padding: 0.15rem;
	box-shadow: 0 2px 8px rgba(0,0,0,0.08);
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.shop-settlement .balance-info {
	display: flex;
	justify-content: space-around;
	margin-bottom: 0.15rem;
	gap: 0.1rem;
	flex-direction: row;
}

.shop-settlement .balance-item {
	text-align: center;
	flex: 1;
	background: #f8f9fa;
	padding: 0.1rem;
	border-radius: 0.08rem;
	box-shadow: 0 1px 3px rgba(0,0,0,0.05);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-width: 0;
}

.shop-settlement .balance-value {
	font-size: 0.16rem;
	font-weight: bold;
	color: #667eea;
}

.shop-settlement .balance-label {
	font-size: 0.12rem;
	color: #666;
	margin-top: 0.05rem;
}

.shop-settlement .tips {
	background: #f8f9fa;
	padding: 0.1rem;
	border-radius: 0.08rem;
	margin-bottom: 0.15rem;
	font-size: 0.12rem;
	color: #666;
}

.shop-settlement .tips b {
	color: #e74c3c;
}

.shop-settlement .payment-options {
	margin-bottom: 0.02rem;
	overflow: visible;
	min-height: auto;
	padding-bottom: 0.5rem;
}

.shop-settlement .payment-options label {
	display: inline-flex;
	align-items: center;
	margin-right: 0.15rem;
	font-size: 0.13rem;
	padding: 0.08rem 0.12rem;
	border-radius: 0.08rem;
	transition: all 0.2s;
	cursor: pointer;
	border: 1px solid #87CEEB;
	background: #fff;
}

.shop-settlement .address-select {
	width: 100%;
	height: 0.36rem;
	border: 1px solid #87CEEB;
	border-radius: 0.08rem;
	padding: 0 0.1rem;
	font-size: 0.13rem;
	margin-bottom: 0.15rem;
}

.shop-settlement .submit-btn {
	width: 100%;
	height: 0.44rem;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: #fff;
	border: none;
	border-radius: 0.22rem;
	font-size: 0.16rem;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s;
}

.shop-settlement .submit-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

/* 保留原有样式兼容性 */
.shop-35 {
	width: 50%;
	float: left;
	text-align: center;
}

.shop-35 img {
	width: 100%;
}

.shop-7 {
	width: 24%;
	float: left;
}

.shop-8 {
	width: 100%;
	float: none;
	min-height: auto;
	background: transparent;
	border-radius: 0;
	font-size: 0.14rem;
	color: #333;
	overflow: visible;
}

.shop-9 {
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	border-radius: 0.1rem;
	border: none;
	font-size: 0.12rem;
	color: #909090;
	text-indent: 1em;
}

.shop-8 select {
	width: 32%;
	height: 0.24rem;
	font-size: 0.12rem;
	color: #909090;
	border: none;
}

.shop-10 {
	width: 100%;
	height: 0.95rem;
	border-radius: 0.1rem;
	background: #FFFFFF;
	font-size: 0.12rem;
	color: #909090;
	line-height: 0.15rem;
	text-indent: 1em;
	padding-top: 0.05rem;
	margin-top: 0.1rem;
}

.shop-11 {
	margin-top: 0.8rem;
}

.shop-11 p:nth-of-type(1) {
	width: 65%;
	height: 0.34rem;
	background: #FFFFFF;
	text-align: center;
	line-height: 0.34rem;
	font-size: 0.12rem;
	color: #000;
	float: left;
}

.shop-11 span {
	font-size: 0.12rem;
}

.shop-11 p:nth-of-type(2) {
	width: 35%;
	height: 0.34rem;
	background: url(../img/shop-10.png) repeat;
	background-size:100% 100% ;
	text-align: center;
	line-height: 0.34rem;
	font-size: 0.10rem;
	color: #000;
	float: left;
}

.shop-12 {
	width: 100%;
	height: 0.24rem;
}

/* 购物车页面新增样式 */
.payment-options, .delivery-options, .address-section {
	margin-bottom: 0.08rem;
}

.payment-options .shop-7, .delivery-options .shop-7, .address-section .shop-7 {
	width: 100%;
	margin-bottom: 0.04rem;
	font-size: 0.14rem;
	color: #333;
}

.payment-options .shop-8, .delivery-options .shop-8 {
	width: 100%;
	display: block;
	min-height: auto;
	overflow: visible;
	padding: 0;
}

.payment-options label, .delivery-options label {
	display: block;
	font-size: 0.14rem;
	color: #333;
	cursor: pointer;
	padding: 0.15rem 0.2rem;
	border-radius: 0.1rem;
	transition: all 0.3s ease;
	border: 2px solid #e0e0e0;
	background: #fff;
	min-height: 0.5rem;
	line-height: 1.5;
	white-space: normal;
	width: 100%;
	margin-bottom: 0.1rem;
	box-sizing: border-box;
	text-align: left;
}

.payment-options label:hover, .delivery-options label:hover {
	background: #f8f9fa !important;
	border-color: #667eea !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15) !important;
}

.payment-options label input[type="radio"], .delivery-options label input[type="radio"] {
	margin-right: 0.12rem !important;
	vertical-align: middle !important;
	width: 0.18rem !important;
	height: 0.18rem !important;
}

/* 选中状态样式 */
.payment-options input[type="radio"]:checked + label,
.delivery-options input[type="radio"]:checked + label {
	background: #e7f3ff !important;
	border-color: #667eea !important;
	color: #667eea !important;
	font-weight: bold !important;
}

/* 禁用状态样式 */
.payment-options input[type="radio"]:disabled + label {
	opacity: 0.6 !important;
	cursor: not-allowed !important;
	background: #f5f5f5 !important;
}

.address-section .shop-8 {
	width: 100%;
	position: relative;
}

/* 添加新的样式优化 */
.shop-settlement .payment-options label:hover {
	background: #f8f9fa;
	border-color: #667eea;
}

.shop-settlement .payment-options input[type="radio"] {
	margin-right: 0.08rem;
}

.shop-settlement {
	padding-bottom: 0.5rem;
}

/* 优化地址选择框 */
.shop-settlement .address-select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url('data:image/svg+xml;utf8,<svg fill="%23667eea" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
	background-repeat: no-repeat;
	background-position: right 0.1rem center;
	background-size: 0.2rem;
	padding-right: 0.3rem;
}

/* 优化按钮和交互元素 */
.shop-6 button:active {
	transform: scale(0.95);
}

.shop-settlement .submit-btn:active {
	transform: translateY(0) scale(0.98);
}

/* 添加过渡效果 */
.shop-2 {
	transition: all 0.3s ease;
}

.shop-2:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}

/* 响应式设计优化 */
@media screen and (max-width: 480px) {
	.shop-3 {
		width: 35%;
	}
	
	.payment-options .shop-8 {
		gap: 0.01rem;
		padding: 0;
	}
	
	.payment-options label {
		padding: 0.05rem 0.02rem !important;
		font-size: 0.11rem !important;
		flex: 1;
		margin-right: 0 !important;
		min-width: 0 !important;
		justify-content: flex-start;
		height: 0.35rem;
		line-height: normal;
	}
}
	
	.shop-4 {
		width: 60%;
		padding-left: 0.08rem;
	}
	
	.shop-5 li {
		font-size: 0.12rem;
		margin-bottom: 0.06rem;
	}
	
	.shop-5 li:nth-child(1) {
		font-size: 0.13rem;
	}
	
	.shop-6 .cart-text {
		width: 0.45rem;
		font-size: 0.13rem;
	}
	
	.shop-settlement .balance-info {
		flex-direction: row;
		gap: 0.08rem;
	}
	
	.shop-settlement .balance-item {
		padding: 0.08rem;
		flex: 1;
	}
	
	.shop-settlement .balance-label {
		font-size: 0.11rem;
	}
	
	.shop-settlement .balance-value {
		font-size: 0.14rem;
	}
	
	.shop-settlement .payment-options label {
		font-size: 0.12rem;
		padding: 0.06rem 0.1rem;
		margin-right: 0.08rem;
	}
	
	.shop-settlement .address-select {
		height: 0.32rem;
		font-size: 0.12rem;
	}
	
	.shop-settlement .submit-btn {
		height: 0.4rem;
		font-size: 0.15rem;
	}
}

@media screen and (max-width: 320px) {
	.shop-3 {
		width: 40%;
	}
	
	.shop-4 {
		width: 55%;
	}
	
	.shop-5 li {
		font-size: 0.11rem;
	}
	
	.shop-6 .cart-text {
		width: 0.4rem;
		font-size: 0.12rem;
	}
	
	.shop-6 button {
		width: 0.28rem;
		height: 0.28rem;
	}
	
	.shop-6 button img {
		width: 0.14rem;
		height: 0.14rem;
	}
}

/* 额外的布局优化 */
.clear {
	clear: both;
}

/* 确保所有商品卡片高度一致 */
.shop-2 {
	display: flex;
	align-items: stretch;
	min-height: 1.2rem;
}

/* 优化价格显示 */
.shop-5 li[style*="display:"] {
	color: #666;
	font-size: 0.12rem;
}

/* 优化按钮组布局 */
.shop-6 {
	flex-wrap: nowrap;
}

/* 确保结算区域在移动设备上的可读性 */
.shop-settlement {
	margin-bottom: 0.8rem;
}

/* 优化底部导航栏兼容性 */
/* 确保底部导航栏兼容性 */
.bom_blank {
	height: 0.6rem;
}

/* 修复购物车布局的额外样式 */
.shop-2 .tar {
	position: absolute;
	top: 0.15rem;
	right: 0.15rem;
	width: 0.3rem;
	height: 0.3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,0,0,0.1);
	border-radius: 50%;
	z-index: 10;
	flex-shrink: 0;
}

/* 确保商品图片正确显示 */
.shop-3 img {
	max-width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 0.1rem;
	box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

/* 优化价格信息显示 */
.shop-5 li[style*="display:block"] {
	color: #e74c3c;
	font-weight: 500;
}

/* 确保数量输入框正确对齐 */
.shop-6 .cart-text {
	text-align: center;
	font-weight: 500;
	color: #333;
}

/* 优化结算区域的间距 */
.shop-settlement > div {
	margin-bottom: 0.1rem;
}

.shop-settlement > div:last-child {
	margin-bottom: 0;
}
}

.submit-section {
	width: 95%;
	margin: 0.2rem auto;
}

.order-summary {
	background: #f8f9fa;
	padding: 0.1rem;
	border-radius: 0.08rem;
	margin-bottom: 0.15rem;
}
/* 商品详情页 */
.info-1 h1{
	color: #333333;
	font-size: 0.12rem;
	line-height: 0.2rem;
}
.info-2{
	width: 100%;
	margin-top: 0.1rem;
}
.info-2 li{
	float: left;
	font-size: 0.15rem;
	color: #333333;
}
.info-2 li img{
	width: 18%;
}
.info-3{
	font-size: 0.15rem;
	color: #333333;
}
.info-3 select{
	width: 22%;
	height: 0.24rem;
	background: #FFFFFF;
	border-radius: 0.1rem;
	line-height: 0.24rem;
	color: #000000;
	margin-top: 0.1rem;
	font-size: 0.12rem;
}

/*商品界面*/
.spjm-tit{
	width: 52%;
	float:left;
}
.spjm-01{
	width:10%;
	float:right;
}
.spjm-02{
	width:5%;
	float:left;
}
.spjm-03{
	width:80%;
	margin-left:5%;
	float:left;
}
.spjm-03 input{
	width:80%;
	height:.25rem;
	padding:.02rem 0 .02rem 15%;
	background: url(../img/spjm02.png) no-repeat 3% center #E8E3E3;
	background-size:auto 60%;
	border-radius: 0.05rem;
}
.spjm-04{
	width:5%;
	margin-left:2%;
	float:left;
}
.spjm-04 input{
	background:none;
	color:#333333;
	font-size:.14rem;
	line-height:.26rem;
}
.spjm-05{
}
.spjm-05 li{
	width:25%;
	color:#fff;
	float:left;
	line-height:.52rem;
	text-align:center;
}
.spjm-05 a{
	color:#fff;
}
.spjm-06 ul{
	margin-left:-2%;
}
.spjm-06 li{
	width:44%;
	height:2.2rem;
	margin-left:2%;
	margin-bottom:.08rem;
	float:left;
	color:#37455d;
	line-height:.18rem;
	font-size:.12rem;
	padding:0 2% .02rem 2%;
	background:#fff;
	border-radius: 0.05rem;
}
.spjm-06 a{
	color:#37455d;
}
.spjm-06 .listtp img{
	width:100%;
	height:1.2rem;
	border-radius: 0.05rem 0.05rem 0 0;
}
.spjm-06 .ziying{
	background:#37455d;
	color:#fff;
	font-size:.07rem;
	padding:.02rem .05rem;
	border-radius: 0.05rem;
}

.spjm-07 ul{
	margin-left:-2%;
}
.spjm-07 li{
	width:98%;
	/*height:2.2rem;*/
	height:220px;
	margin-left:2%;
	margin-bottom:.18rem;
	float:left;
	color:#37455d;
	line-height:.18rem;
	font-size:.12rem;
	padding:0 2% .02rem 2%;
	background:#fff;
	border-radius: 0.05rem;
}
.spjm-07 a{
	color:#37455d;
}
.spjm-07 .listtp img{
	width:100%;
	height:1.2rem;
	border-radius: 0.05rem 0.05rem 0 0;
}
.spjm-07 .ziying{
	background:#37455d;
	color:#fff;
	font-size:.07rem;
	padding:.02rem .05rem;
	border-radius: 0.05rem;
}

.caidan{
	margin:.2rem auto;
}
.caidan li{
	width:25%;
	float:left;
	font-size:.12rem;
	line-height:.24rem;
	text-align:center;
}
.caidan .tupian{
	width:70%;
	margin:0 auto;
}
.caidan a{
	color:#333333;
}
.jrtj_tit{
	color:#333333;
	margin-bottom:.12rem;
}
.jrtj_tit a{
	color:#fff;
}



/* EP交易 begin */
.index_cuttg_top_div{
    height:100px; width:100%; padding-top:30px;
}
.index_cuttg_top_left_span{
    width:48%; height:40px; text-align:center; font-size:16px; color:#333333; float:left;border-right: 1px solid #87CEEB;line-height:150%;
}
.index_cuttg_top_right_span{
    width:48%; height:40px; text-align:center; font-size:16px; color:#333333; float:right; line-height:150%;
}

.index_cuttg_main_div{width:100%;margin:0px auto;padding:0px;color:#333333; /*background-color:#FFFFFF; */min-height:300px; }
.index_cuttg_main_top_div{
    height:35px; width:100%; border-bottom: 0px solid #e2e2e2;  color:#333333;
}
.index_cuttg_main_top_div img{
    width:12px;
}

.index_cuttg_main_left_span{
    text-align:center; width:33%; line-height:35px; font-size:16px; float:left;
}
.index_cuttg_main_mid_span{
    text-align:center; width:34%; line-height:35px; font-size:16px; float:left;
}
.index_cuttg_main_right_span{
    text-align:center; width:33%; line-height:35px; font-size:16px; float:right;
}

/*.index_cuttg_main_mid_div{
    height:100px; width:100%; border-bottom: 1px solid #87CEEB; padding-top:20px;background-color:#f8f8f8;opacity:0.7;filter:alpha(opacity=70);
}*/

.index_cuttg_buy_mid_div{
    height:100px; width:100%; border-bottom: 0px solid #f5f5f5; padding-top:20px; color:#333333;
}
.index_cuttg_buy_mid_div img{
    width:36px;
}
.index_cuttg_buy_mid_span{
    text-align:center; width:33%; line-height:35px; font-size:16px; float:left;
}


.index_cuttg_main_mid_div{
    height:100px; width:100%; border-bottom: 0px solid #f5f5f5; padding-top:20px; color:#333333;
}
.index_cuttg_main_mid_div img{
    width:42px;
}
.index_cuttg_main_mid_span{
    text-align:center; width:50%; line-height:35px; font-size:16px; float:left;
}

.index_cuttg_main_bottom_div{
    width:100%;margin:0px auto;min-height:350px; height:auto;/* background-color:#FFFFFF;*/
}
.index_cuttg_show_ul{
    width:98%;margin:0px auto;
}
.index_cuttg_show_li{
    height:auto;line-height:150%; margin:10px; font-size:16px;border: 1px solid #87CEEB; border-radius:5px; padding:5px;
}

.tabdivindexcuttg{width:100%;margin:0px auto;padding:0px;color:#333333; background-color:#ECDBBD; height:45px; padding-top:15px;}
.tabdivindexcuttg lu{
	list-style: none;
}
.tabdivindexcuttg li{
	border-bottom: 1px solid #87CEEB; font-size:16px; padding:0px; width:25%; float:left; text-align:center;color:#333333;
}
.tabdivindexcuttg li a{
	color:#333333;
}
/* EP交易 end*/


.sub_btn{display:block;background:-webkit-gradient(linear,left top,left bottom,from(#0A61B8),to(#337EDF));background:-moz-linear-gradient(top,#0A61B8,#337EDF);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0A61B8', endColorstr='#337EDF');background-color:red;border:0;width:100%;margin:10px auto 0;height:35px;line-height:32px;color:#fff;font-size:1.5em;font-weight:400;cursor:pointer;text-align:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-bottom:1px solid #87CEEB}

.sub_btn_red{display:block;background:-webkit-gradient(linear,left top,left bottom,from(#ff6633),to(#ff6633));background:-moz-linear-gradient(top,#ff6633,#ff6633);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6633', endColorstr='#ff6633');background-color:red;border:0;width:100%;margin:10px auto 0;height:35px;line-height:32px;color:#fff;font-size:1em;font-weight:100;cursor:pointer;text-align:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-bottom:1px solid #87CEEB}

.sub_btn_right{display:block;background:-webkit-gradient(linear,left top,left bottom,from(#987C0B),to(#987C0B));background:-moz-linear-gradient(top,#987C0B,#987C0B);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#987C0B', endColorstr='#987C0B');background-color:red;border:0;width:30%;margin:0px auto 0;height:28px;line-height:28px;color:#fff;font-size:1em;font-weight:100;cursor:pointer;text-align:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-bottom:1px solid #87CEEB; float:right;}

.buy_btn_right{display:block;background:-webkit-gradient(linear,left top,left bottom,from(#9D1F7E),to(#831367));background:-moz-linear-gradient(top,#9D1F7E,#831367);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9D1F7E', endColorstr='#831367');background-color:red;border:0;width:50px;margin:0px auto 0;height:22px;line-height:22px;color:#fff;font-size:1em;font-weight:100;cursor:pointer;text-align:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-bottom:1px solid #87CEEB; float:right;}

.sub_btn_bottom{display:block;background:-webkit-gradient(linear,left top,left bottom,from(#6CBADE),to(#0DAEE5));background:-moz-linear-gradient(top,#6CBADE,#0DAEE5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6CBADE', endColorstr='#0DAEE5');background-color:red;border:0;width:90%;margin:0 auto;height:35px;line-height:32px;color:#fff;font-size:12px;font-weight:100;cursor:pointer;text-align:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-bottom:1px solid #87CEEB}

.sub_btn_bottom_half{display:block;background:-webkit-gradient(linear,left top,left bottom,from(#6CBADE),to(#0DAEE5));background:-moz-linear-gradient(top,#6CBADE,#0DAEE5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6CBADE', endColorstr='#0DAEE5');background-color:red;border:0;width:46%;margin:2%;height:35px;line-height:32px;color:#fff;font-size:12px;font-weight:100;cursor:pointer;text-align:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-bottom:1px solid #87CEEB; float:left;}

.sub_btn_half{display:block;background:-webkit-gradient(linear,left top,left bottom,from(#6CBADE),to(#0DAEE5));background:-moz-linear-gradient(top,#6CBADE,#0DAEE5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6CBADE', endColorstr='#0DAEE5');background-color:red;border:0;width:50%;margin:0 auto;height:35px;line-height:32px; margin-top:10px;color:#fff;font-size:12px;font-weight:100;cursor:pointer;text-align:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-bottom:1px solid #87CEEB;}

.sub_btn_bottom_yellow_half{display:block;background:-webkit-gradient(linear,left top,left bottom,from(#FFD701),to(#E3C526));background:-moz-linear-gradient(top,#FFD701,#E3C526);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD701', endColorstr='#E3C526');background-color:red;border:0;width:46%;margin:2%;height:35px;line-height:32px;color:#fff;font-size:12px;font-weight:100;cursor:pointer;text-align:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-bottom:1px solid #87CEEB; float:left;}


.sub_btn_set{display:block;background:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f5f5f5));background:-moz-linear-gradient(top,#f5f5f5,#f5f5f5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f5f5f5');background-color:f5f5f5;border:0;width:90%;margin:0 auto;height:35px;line-height:32px;color:#333333;font-size:12px;font-weight:100;cursor:pointer;text-align:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-bottom:1px solid #f5f5f5}

.sub_btn_bottom_div{ width:90%;margin:0 auto;}

.sub_btn_yellow{display:block;background:-webkit-gradient(linear,left top,left bottom,from(#FFD701),to(#E3C526));background:-moz-linear-gradient(top,#FFD701,#E3C526);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD701', endColorstr='#E3C526');background-color:red;border:0;width:100%;margin:10px auto 0;height:35px;line-height:32px;color:#fff;font-size:1em;font-weight:100;cursor:pointer;text-align:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-bottom:1px solid #87CEEB}

.sub_btn_yellow_half{display:block;background:-webkit-gradient(linear,left top,left bottom,from(#FFD701),to(#E3C526));background:-moz-linear-gradient(top,#FFD701,#E3C526);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD701', endColorstr='#E3C526');background-color:red;border:0;width:50%;margin:10px auto 0;height:35px;line-height:32px;color:#fff;font-size:1em;font-weight:100;cursor:pointer;text-align:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-bottom:1px solid #87CEEB}

.sub_btn_blue_mid{display:block;background:-webkit-gradient(linear,left top,left bottom,from(#92A8A8),to(#5480AD));background:-moz-linear-gradient(top,#92A8A8,#5480AD);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#92A8A8', endColorstr='#5480AD');background-color:red;border:0;width:50%;margin:0px auto;height:40px;line-height:32px;color:#fff;font-size:1em;font-weight:100;cursor:pointer;text-align:center;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;border:3px solid #bcb0a3;position:absolute; bottom:100px; left:25%;}


.sub_btn_no{display:block;background:-webkit-gradient(linear,left top,left bottom,from(#999999),to(#dddddd));background:-moz-linear-gradient(top,#6CBADE,#0DAEE5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6CBADE', endColorstr='#0DAEE5');background-color:red;border:0;width:100%;margin:10px auto 0;height:35px;line-height:32px;color:#fff;font-size:1em;font-weight:700;cursor:pointer;text-align:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-bottom:1px solid #87CEEB}


.foot_dh{ width:100%; max-width:640px; position:fixed; border-top:#87CEEB solid 1px; background:#FFF; bottom:0; padding:5px 0;}
.foot_dh .f_dh{ display:block; width:25%; float:left;}
.foot_dh .f_dh .f_dh_img{ width:100%; margin:0 auto}
.foot_dh .f_dh .f_dh_img img{ height:26px; width:26px; margin:0 auto; display:block}
.foot_dh .f_dh .f_dh_txt{ width:100%; text-align:center; font-size:0.8em;}
.foot_dh .f_dh .cur{ color:#f4ac33}
.foot_dh .f_dh a:hover{color:#000}

.foot_c{ width:100%; height:80px; clear:both;}



/*.m-tabbar:after {content: '';position: absolute;z-index: 0;top: 0;left: 0;width: 100%;height: 1px;border-top: 1px solid #dedede;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);-webkit-transform-origin: 0 0;transform-origin: 0 0;}*/
/*.m-tabbar a{}*/
.bom_blank{height:50px}
.m-tabbar {width: 100%;position: fixed;left:0;bottom:0;z-index: 100;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;padding: 5px 0 3px;background-color: rgba(255, 255, 255, 0.96);}

.m-tabbar:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #87CEEB;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}


.tabbar-item {
    padding-top:5px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
}

.tabbar-item.tabbar-active {
    color: #fff;
    background-image: linear-gradient(to right, #3FFD3B,#88FF74,#9FFF81);
    border-radius:3px 3px 0 0;
}
.tabbar-item .tabbar-icon{}
.tabbar-item .tabbar-icon img{width:25px;height:22px;}