/* 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: url(../img/gtdx-6.png);
	background-size:100% 100%;
	border: none;
	font-size: 0.12rem;
	line-height: 0.2rem;
	color: #000000;
	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: url(../img/gtdx-7.png);
	background-size:100% 100%;
	margin-top: 0.1rem;
}
.gtdx-10{
	width: 86%;
	margin: 0 auto;
	/* padding-bottom: 0.15rem; */
	padding-top: 0.15rem;
}
.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;
}
.gtdx-13 img{
	width: 62%;
	vertical-align: middle;
}
.gtdx-13 span{
	color: #fadb58;
	font-size: 0.12rem;
	text-align: right;
}
.gtdx-14{
	font-size: 0.12rem;
	line-height: 0.18rem;
	color: #333333;
}

.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,.bottomzc 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{
	width: 100%;
	text-align: center;
	font-size: 0.15rem;
	line-height: 0.24rem;
	color: #333333;
	position: relative;
	padding-top: 0.22rem;
}
.shop-1 a img{
	position: absolute;
	width: 4%;
	top: 0.27rem;
	left: 0;
}
.shop-2{
	width: 100%;
	height: auto;
	background: #FFFFFF;
	padding-top: 0.1rem;
	padding-bottom: 0.2rem;
	margin-top: 0.15rem;
}
.shop-3{
	width: 32%;
	float: left;
}
.shop-3 img{
	width: 100%;
}
.shop-4{
	width: 62%;
	margin-left: 4%;
	float: left;
}
.shop-4 h1{
	color: #333333;
	font-size: 0.12rem;
	line-height: 0.2rem;
}
.shop-5{
	width: 100%;
	color: #37455d;
	font-size: 0.14rem;
}
.shop-5 li{
	margin-top: 0.1rem;
}
.shop-5 img{
	width: 10%;
	vertical-align: bottom;
}
.shop-6{
	text-align: right;
	margin-top: -0.1rem;
}
.shop-6 button{
	border: none;
	background: none;
}
.shop-6 button img{
	width: 80%;
}
.shop-6 span{
	color: #37455d;
	font-size: 0.18rem;
}
.shop-7{
	width: 24%;
	float: left;
}
.shop-7 img{
	width: 100%;
}
.shop-8{
	width: 72%;
	float: right;
	height: 0.24rem;
	background: #FFFFFF;
	border-radius: 0.1rem;
	font-size: 0.12rem;
	color: #909090;
	overflow: hidden;
}
.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.10rem;
	color: #000;
	float: left;
}
.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;
}
/* 商品详情页 */
.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 #f9f9f9;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 #f5f5f5; 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 #f5f5f5; 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 #f5f5f5; 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:1em;font-weight:400;cursor:pointer;text-align:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-bottom:1px solid #bcb0a3}

.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 #bcb0a3}

.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 #bcb0a3; 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 #bcb0a3; 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 #bcb0a3}

.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 #bcb0a3; 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 #bcb0a3;}

.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 #bcb0a3; 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 #bcb0a3}

.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 #bcb0a3}

.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 #bcb0a3}


/* 原始样式已移除，使用下面的修复版本 */

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

/* ===== 底部导航居中修复 - 添加于 2026-01-07 23:55:57 ===== */
.foot_dh {
    display: flex !important;
    justify-content: space-around !important;
    align-items: center !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 93.75% !important;
    background-color: #ffffff !important;
    border-top: 1px solid #e0e0e0 !important;
    z-index: 9999 !important;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1) !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
}

.f_dh {
    text-align: center !important;
    padding: 10px 5px !important;
    min-height: 60px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    flex: 1 !important;
}

.f_dh_img {
    height: 28px !important;
    width: 28px !important;
    margin-bottom: 6px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: hidden !important;
}

.f_dh_img img {
    height: 100% !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

.f_dh_txt {
    font-size: 14px !important;
    color: #666666 !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
}

/* 商品详情页的.shop-11通过页面内联样式或其他方式隐藏，不在这里设置全局规则 */

/* 响应式设计 - 保持一致，不修改底部导航大小 */
@media (max-width: 768px) {
    .foot_c {
        height: 50px;
    }
}

@media (max-width: 480px) {
    .foot_c {
        height: 50px;
    }
}

/* ========== 商品详情页底部导航样式 ========== */
/* 确保与首页底部导航大小一致 */

.foot_dh {
    min-height: 60px !important;
}

.f_dh {
    padding: 10px 5px !important;
    min-height: 60px !important;
}

.f_dh_img {
    height: 28px !important;
    width: 28px !important;
    margin-bottom: 6px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: hidden !important;
    position: relative !important;
}

.f_dh_img img {
    height: 100% !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.f_dh_txt {
    font-size: 14px !important;
    color: #666666 !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
}

/* ========== 去结算按钮红色高亮样式 ========== */
/* 添加于 2026-01-21 */

/* 默认激活状态：打开页面时就是亮色 */
.f_dh.active {
    background: linear-gradient(135deg, #ff416c 0%, #ff4b2b 100%) !important;
    box-shadow: 0 4px 15px rgba(255, 65, 108, 0.4) !important;
    animation: pulse-red 2s infinite;
}

.f_dh.active .f_dh_txt {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.f_dh.active .f_dh_img img {
    filter: brightness(0) invert(1) !important;
}

/* 点击后状态：更深红色 */
.f_dh.active:active {
    background: linear-gradient(135deg, #c92a2a 0%, #ff2a2a 100%) !important;
    box-shadow: 0 2px 10px rgba(255, 42, 42, 0.6) !important;
    animation: none !important;
}

.f_dh.active:active .f_dh_txt {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.f_dh.active:active .f_dh_img img {
    filter: brightness(0) invert(1) !important;
    transform: scale(0.95) !important;
}

@keyframes pulse-red {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 65, 108, 0.4);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(255, 65, 108, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 65, 108, 0);
    }
}

/* ========== 绿色农业主题 - 我的粉丝页面 ========== */
/* 振兴乡村 助力绿色农业 */

.green-agri-page {
    min-height: 100vh;
    background: linear-gradient(180deg, #e8f5e9 0%, #c8e6c9 50%, #a5d6a7 100%);
    padding-bottom: 0.8rem;
}

/* 页面头部 */
.green-header {
    background: linear-gradient(135deg, #2e7d32 0%, #43a047 50%, #66bb6a 100%);
    padding: 0.18rem 0.15rem;
    position: relative;
    box-shadow: 0 2px 12px rgba(46, 125, 50, 0.3);
}

.green-header-title {
    font-size: 0.18rem;
    color: #ffffff;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.02rem;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.green-header-back {
    position: absolute;
    left: 0.12rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.28rem;
    height: 0.28rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.green-header-back:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: translateY(-50%) scale(1.05);
}

.green-header-back img {
    width: 0.16rem;
    height: auto;
    filter: brightness(0) invert(1);
}

/* 搜索表单区域 */
.green-search-box {
    background: linear-gradient(145deg, #ffffff 0%, #f1f8e9 100%);
    margin: 0.12rem;
    border-radius: 0.12rem;
    padding: 0.15rem;
    box-shadow: 0 4px 15px rgba(46, 125, 50, 0.12);
    box-sizing: border-box;
    overflow: hidden;
}

.green-search-row {
    display: flex;
    align-items: center;
    margin-bottom: 0.12rem;
    gap: 0.06rem;
    width: 100%;
    box-sizing: border-box;
}

.green-search-row:last-child {
    margin-bottom: 0;
}

.green-search-label {
    font-size: 0.12rem;
    color: #2e7d32;
    width: 0.6rem;
    flex-shrink: 0;
    font-weight: 500;
}

.green-search-input {
    flex: 1;
    min-width: 0;
    height: 0.32rem;
    background: #ffffff;
    border: 1px solid #c8e6c9;
    border-radius: 0.06rem;
    font-size: 0.12rem;
    color: #333;
    text-indent: 0.1rem;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.green-search-input:focus {
    border-color: #43a047;
    box-shadow: 0 0 0 2px rgba(67, 160, 71, 0.15);
    outline: none;
}

.green-search-input::placeholder {
    color: #9ccc65;
}

.green-date-row {
    display: flex;
    flex: 1;
    gap: 0.06rem;
    min-width: 0;
    overflow: hidden;
}

.green-date-input {
    flex: 1;
    min-width: 0;
    height: 0.32rem;
    background: #ffffff;
    border: 1px solid #c8e6c9;
    border-radius: 0.06rem;
    font-size: 0.11rem;
    color: #333;
    text-indent: 0.06rem;
    box-sizing: border-box;
}

.green-select {
    flex: 1;
    height: 0.32rem;
    background: #ffffff;
    border: 1px solid #c8e6c9;
    border-radius: 0.06rem;
    font-size: 0.12rem;
    color: #333;
    padding-left: 0.1rem;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232e7d32' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.1rem center;
}

.green-search-btn {
    width: 100%;
    height: 0.4rem;
    background: linear-gradient(135deg, #43a047 0%, #2e7d32 100%);
    border: none;
    border-radius: 0.2rem;
    font-size: 0.14rem;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: 0.05rem;
    margin-top: 0.15rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(46, 125, 50, 0.3);
}

.green-search-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(46, 125, 50, 0.4);
}

.green-search-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(46, 125, 50, 0.3);
}

/* 粉丝卡片 */
.green-fans-list {
    padding: 0 0.12rem;
}

.green-fans-card {
    background: linear-gradient(145deg, #ffffff 0%, #f9fbe7 100%);
    border-radius: 0.12rem;
    margin-bottom: 0.12rem;
    overflow: hidden;
    box-shadow: 0 3px 12px rgba(46, 125, 50, 0.1);
    transition: all 0.3s ease;
    border-left: 3px solid #43a047;
}

.green-fans-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(46, 125, 50, 0.15);
}

.green-fans-header {
    background: linear-gradient(90deg, #e8f5e9 0%, #c8e6c9 100%);
    padding: 0.1rem 0.12rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.green-fans-index {
    font-size: 0.11rem;
    color: #2e7d32;
    font-weight: 600;
}

.green-fans-status {
    font-size: 0.1rem;
    padding: 0.02rem 0.08rem;
    border-radius: 0.1rem;
    background: #43a047;
    color: #fff;
}

.green-fans-status.inactive {
    background: #ff7043;
}

.green-fans-status.gift {
    background: #66bb6a;
}

.green-fans-status.backfill {
    background: #26a69a;
}

.green-fans-content {
    padding: 0.12rem;
}

.green-fans-row {
    display: flex;
    margin-bottom: 0.08rem;
    font-size: 0.12rem;
    line-height: 1.5;
}

.green-fans-row:last-child {
    margin-bottom: 0;
}

.green-fans-label {
    color: #689f38;
    width: 0.8rem;
    flex-shrink: 0;
    white-space: nowrap;
}

.green-fans-value {
    color: #333;
    flex: 1;
    font-weight: 500;
}

.green-fans-value.highlight {
    color: #2e7d32;
    font-weight: 600;
}

/* 分页样式 */
.green-pagination {
    text-align: center;
    padding: 0.15rem 0.12rem;
}

.green-pagination a,
.green-pagination span {
    display: inline-block;
    min-width: 0.28rem;
    height: 0.28rem;
    line-height: 0.28rem;
    margin: 0 0.03rem;
    font-size: 0.11rem;
    color: #2e7d32;
    background: #ffffff;
    border-radius: 0.04rem;
    border: 1px solid #c8e6c9;
    transition: all 0.3s ease;
}

.green-pagination a:hover {
    background: #e8f5e9;
    border-color: #43a047;
}

.green-pagination .current {
    background: linear-gradient(135deg, #43a047 0%, #2e7d32 100%);
    color: #ffffff;
    border-color: #2e7d32;
}

/* 空状态 */
.green-empty {
    text-align: center;
    padding: 0.5rem 0.2rem;
    color: #689f38;
}

.green-empty-icon {
    font-size: 0.5rem;
    margin-bottom: 0.15rem;
    opacity: 0.6;
}

.green-empty-text {
    font-size: 0.13rem;
}

/* 装饰元素 - 农业主题 */
.green-leaf-decor {
    position: fixed;
    right: -0.1rem;
    top: 1rem;
    width: 0.6rem;
    height: 0.6rem;
    background: linear-gradient(135deg, rgba(102, 187, 106, 0.2) 0%, rgba(67, 160, 71, 0.1) 100%);
    border-radius: 0 0 0 50%;
    z-index: 1;
    pointer-events: none;
}

/* 加载动画 */
@keyframes green-pulse {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(67, 160, 71, 0.4);
    }
    50% {
        box-shadow: 0 0 0 8px rgba(67, 160, 71, 0);
    }
}

.green-loading {
    animation: green-pulse 1.5s infinite;
}

/* 统计信息条 */
.green-stats-bar {
    display: flex;
    justify-content: space-around;
    background: linear-gradient(135deg, #43a047 0%, #2e7d32 100%);
    margin: 0 0.12rem 0.12rem;
    border-radius: 0.1rem;
    padding: 0.12rem;
    box-shadow: 0 4px 12px rgba(46, 125, 50, 0.25);
}

.green-stats-item {
    text-align: center;
    color: #fff;
}

.green-stats-num {
    font-size: 0.18rem;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.green-stats-label {
    font-size: 0.1rem;
    opacity: 0.9;
    margin-top: 0.02rem;
}

/* 拨打电话按钮 */
.green-phone-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.22rem;
    height: 0.22rem;
    background: linear-gradient(135deg, #43a047 0%, #2e7d32 100%);
    border-radius: 50%;
    color: #fff;
    font-size: 0.12rem;
    text-decoration: none;
    margin-left: 0.06rem;
    vertical-align: middle;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(46, 125, 50, 0.3);
}

.green-phone-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 3px 10px rgba(46, 125, 50, 0.4);
    background: linear-gradient(135deg, #66bb6a 0%, #43a047 100%);
}

.green-phone-btn:active {
    transform: scale(0.95);
}

/* 经销商标签样式 */
.green-dealer-tag {
    display: inline-block;
    font-size: 0.1rem;
    padding: 0.02rem 0.06rem;
    border-radius: 0.08rem;
    background: linear-gradient(135deg, #FF9800 0%, #FF5722 100%);
    color: #ffffff;
    margin-left: 0.04rem;
    vertical-align: middle;
    font-weight: 500;
}

/* 新拼团级别标签样式 */
.green-groupbuy-tag {
    display: inline-block;
    font-size: 0.1rem;
    padding: 0.02rem 0.08rem;
    border-radius: 0.08rem;
    background: linear-gradient(135deg, #4CAF50 0%, #8BC34A 100%);
    color: #ffffff;
    vertical-align: middle;
    font-weight: 500;
    white-space: nowrap;
}