@charset "utf-8";
#main{position: relative;max-width: 7.5rem;margin: 0 auto;}

    body {padding-bottom: 1.1rem; position: relative; background: #f7f6fb; }
	.index_top{background: #5fb257;overflow: hidden; padding-top: 0.55rem;}
	.search_box{width: calc(100% - 0.48rem); margin: 0 auto; height:0.6rem; box-sizing: border-box;border-radius: 0.6rem; background-color: #fff; }
	.search_box form{ display: flex; align-items: center; justify-content: space-between; height: 100%;}
	 input[type="search"]::-webkit-search-cancel-button { display: none;}
	 .search_box input[type='search']{
	 		outline:none;
	 		appearance:none;
	 		-moz-appearance:none;
	 		-webkit-appearance:none;
	 		-ms-appearance:none;
	 		padding: 0;
	 		margin: 0;
	 		background: none;
	 		border: none;
	 		display: block;
	 		width:calc(100% - 1rem);
	 		height: 0.6rem;
	 		line-height: 0.6rem;
	 		font-size: 0.24rem;
			padding-right: 1em;
			box-sizing: border-box;
	 	}
	::-webkit-input-placeholder {color:#666;}
	:-moz-placeholder {/* Firefox 18- */color:#666;}
	::-moz-placeholder{/* Firefox 19+ */color:#666;}
	:-ms-input-placeholder {color:#666;}
	.sous i::before{content: "\e752"; font-size: 0.32rem; color: #666; padding-left: 0.4rem;}
	
	.wrapper {width: calc(100% - 0.48rem);min-width: 300px;margin:0 auto;overflow:hidden;position:relative;height: 0.7rem; margin-top: 0.1rem;}
	.wrapper .scroller {position:absolute;}
	.wrapper .scroller ul{ overflow: hidden;}
	.wrapper .scroller .clearfix li { float: left;height: 0.7rem;line-height: 0.7rem;margin-right: 0.6rem; position: relative; padding:0  0.24rem; font-size: 0.24rem;}
	.wrapper .scroller .clearfix li a{color: #fff;}
	.wrapper .scroller .clearfix li i{ width: 100%; height: 0.06rem; border-radius: 0.06rem; position: absolute; left: 0; bottom: 0; background-color: #fff;} 
	.wrapper .scroller .clearfix li:nth-child(1){ width: 2em; font-size: 0.26rem; padding: 0;} 
	.wrapper .scroller .clearfix li:nth-child(2){ padding-left: 0.48rem;}
	
	.banner{width:100%; margin-top: 0.3rem;overflow: hidden;}
	.banner .swiper-slide{width: 100%;}
	.banner .swiper-slide img{display: block; width: 100%;}
	.banner .swiper-pagination{  bottom: 0.1rem; text-align: center; display: flex; justify-content: center; }
	.banner .swiper-pagination-bullet{ width:0.12rem;height:0.12rem; border-radius:50%;  background:#fff; margin-left: 0.05rem!important; margin-right:0.05rem!important;  margin-top: 0; margin: 0; }
	.banner .swiper-pagination-bullet-active{background: #5fb257; width: 0.3rem;border-radius:0.1rem;}
		
	.index_menu{width: calc(100% - 0.48rem);margin: 0 auto; }
	.index_menu ul{width: 100%; display: flex; justify-content: space-between; text-align: center; flex-wrap: wrap; }
	.index_menu ul li{width: 20%;margin-top: 0.4rem;}
	.index_menu ul li em{width: 0.7rem; height: 0.7rem; padding: 0.05rem; border-radius: 0.15rem; margin: 0 auto; display: block; background-color: #5fb257; overflow: hidden;}
	.index_menu ul li em img{display: block; width:100%; height:100%; }
	.index_menu ul li p{margin-top: 0.25rem; font-size: 0.22rem;}
	.index_menu ul li a{display: block; overflow: hidden;}
	.index_menu ul li.xuzhi em{ background: #c82323;}
	
	.adv img{display: block; width: 100%;}
	
	.ms_shop{width: 100%;}
	.ms_shop .swiper-slide{width: 100%;}
	.miaosha{background: #fff;width: calc(100% - 0.48rem);margin: 0 auto; padding: 0.24rem; box-sizing: border-box; margin-top: 0.4rem; overflow: hidden; border-radius: 0.3rem; position: relative;}
	.miaosha .bj{ position: absolute; z-index: 0; left: 0; top: 0; background-color: #5fb257; width: 100%; height: 2.1rem;}
	.mstitle{ width: 100%; color: #fff; line-height: 0.66rem;height: 0.66rem; font-size: 0.22rem; z-index: 1; position: relative;}
	.mstitle b{ font-size: 0.28rem; font-weight: bold;}
	.mstitle i{ padding:0 0.1rem; color: #dcdcdc;}
	.miaosha_w{ width: 100%; position: relative; z-index: 5; margin-top: 0.1rem;}
	.sjjs{width: 1.08rem;}
	.sjjs img{display: block; width: 100%;}
	.se-count{ display: flex;align-items: center; color: #111; font-size: 0.28rem; margin-left: 0.2rem;}
	.time_box{display: flex; justify-content: space-between; align-items: center; }
	.time_box span{ width: 0.46rem; height: 0.46rem; background: #5fb257; display: flex; justify-content: center; align-items: center; color: #fff; border-radius: 0.06rem; line-height: 0; }
	.time_box i{margin-left: 0.08rem; display: block; margin-right: 0.08rem;}
	
	.ms_sp{width: 100%;}
	.ms_sp h5{margin-top: 0.2rem;overflow: hidden; line-height: 1.2em; height: 2.4em;}
	.ms_tu{width: 100%; box-sizing: border-box; border-radius: 0.2rem; overflow: hidden;}
	.ms_tu img{display: block; width: 100%;}
	.ms_price{ margin-top: 0.05rem; color: #5fb257;font-size: 0.32rem; display: flex; align-items: center; justify-content: space-between;}
	.ms_price h1{font-size: 0.28rem;}
	.jingxuan_title{ margin-top: 0.3rem; font-size: 0.32rem; text-align: center;}
	
	.sp_list{width: calc(100% - 0.48rem);margin: 0 auto; display: flex; justify-content: space-between;flex-wrap: wrap; margin-top: 0.1rem; padding-bottom: 0.2rem;}
	.sp_item{width: calc(50% - 0.1rem); background: #fff; margin-top: 0.24rem; border-radius: 0.1rem;  overflow: hidden; }
	.sp_item a{display: block; overflow: hidden;position: relative; width: 100%; height: 100%; padding-bottom: 0.2rem;}
	.proimg{display: block; width: 100%; position: relative; overflow: hidden;}
	.proimg img{display: block; width: 100%;}
	.proimg p{ position: absolute; left: 0; bottom: -0.4rem; background-color: rgba(95, 178, 87, 0.8); color: #fff; font-size: 0.22rem; height:0.8rem; line-height: 0.4rem; border-radius: 0 1rem 1rem 0; width: 3em; padding-left: 0.2rem; padding-right: 0.4rem;}
	.proname{display: block; width: calc(100% - 0.4rem); margin: 0 auto; margin-top: 0.2rem;}
	.pro_price{width: calc(100% - 0.4rem); margin: 0 auto; margin-top: 0.2rem; color: #5fb257;font-size: 0.32rem; display: flex; align-items: center; justify-content: space-between;}
	.pro_price h1{ font-size: 0.3rem; font-weight: bold;}
	.pro_price h1 i,.ms_price h1 i{ font-size: 0.22rem; color: #999; text-decoration: line-through; padding-left: 0.12rem; font-weight: normal;}
	.pro_price p::before{content: "\e620"; font-size: 0.4rem; color: #5fb257; }




footer{width: 100%; height: 1.1rem; background: #fff; border-top: 1px #efefef solid; position: fixed;z-index: 999;bottom: 0; left: 0; display: flex; justify-content: space-between;}
footer a{display: block;  text-align: center; height: 100%;   width: 25%; display: flex; align-items: center; justify-content: center; }
footer a span{width: 100%; height: 100%;display: flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column; }
footer a em{width: 0.48rem; height: 0.48rem; display: block; }
footer a:nth-child(1) em{background: url(../img/home.png); background-size: 100% 100%;}
footer a:nth-child(2) em{background: url(../img/tabbar_02.png); background-size: 100% 100%;}
footer a:nth-child(3) em{background: url(../img/tabbar_03.png); background-size: 100% 100%;}
footer a:nth-child(4) em{background: url(../img/my.png); background-size: 100% 100%;}
footer a i{display: block; width: 100%; margin-top: 0.06rem;color: #bbbbbb;}
footer a.on i{color: #5fb257;}
footer a:nth-child(1).on em{background: url(../img/home_on.png); background-size: 100% 100%;}
footer a:nth-child(2).on em{background: url(../img/tabbar_02_on.png); background-size: 100% 100%;}
footer a:nth-child(3).on em{background: url(../img/tabbar_03_on.png); background-size: 100% 100%;}
footer a:nth-child(4).on em{background: url(../img/my_on.png); background-size: 100% 100%;}



.userhead .titlebox h1::before{content: "\e692";}
.userhead_top{width: calc(100% - 0.48rem); margin: 0 auto; position: relative; display: flex; align-items: center; padding-top: 0.8rem; padding-bottom: 0.3rem;}
.shezhi{ position: absolute; right: 0.24rem; top: 0.34rem;}
.shezhi a::before{content: "\e615"; font-size: 0.42rem; color: #fff;}
.touxiang{width: 1.2rem; height: 1.2rem; display: block;overflow: hidden; border-radius: 50%; background: #fff; box-sizing: border-box; padding: 0.04rem; margin-right: 0.24rem;}
.touxiang img{display: block; width: 100%; height: 100%; border-radius: 50%;}
.username{ color: #333; color: #fff;}
.username h1{font-size: 0.34rem;line-height: 0.7rem;}
.username h2{font-size: 0.22rem; display: inline-block; text-align: center; padding: 0 1.5em; background-color: rgba(0, 0, 0, 0.4); height: 0.38rem; line-height: 0.38rem;border-radius: 0.38rem;}
.mybox{width:calc(100% - 0.48rem); margin: 0 auto; background: #fff; border-radius: 0.1rem; margin-bottom: 0.2rem; }

.user_bt{display: flex; justify-content: space-around; align-items: center; color: #666; padding: 0.3rem 0;}
.money_item{box-sizing: border-box; text-align: center;}
.money_item h1{font-size: 0.28rem; color: #000;}
.money_item h2{ margin-top: 0.06rem;font-size: 0.24rem;font-weight: bold;color: #111;}



.mydingdan .titlebox h1::before{content: "\e636";}
.titlebox{ display: flex; align-items: center; justify-content: space-between;box-sizing: border-box; border-bottom: 1px #eee solid; height: 1rem; padding: 0 0.24rem;}
.titlebox h1{color: #000;font-size: 0.3rem; display: flex;justify-content: flex-start;align-items: center; }
.titlebox a{display: flex; align-items: center;color: #999;font-size: 0.26rem; }


.my_item_box{display: flex; justify-content: space-between;flex-wrap: wrap; padding: 0.35rem 0;}
.my_item_box a{ width: 19%;display: flex; align-items: center; flex-wrap: wrap;  position: relative;}
.my_item_box a em{display: block; width: 0.4rem; margin: 0 auto; }
.my_item_box a em img{display: block; width:100%; margin: 0 auto; }
.my_item_box a p{width: 100%;text-align: center; margin-top: 0.12rem;}
.my_item_box a:last-child{ background-image: url(../img/xian.jpg); background-size: 0.01rem; background-repeat: repeat-y; background-size: 0.01rem; width: 24%;} 
.biao{ position: absolute; top:-0.1rem; right:0.28rem; border-radius: 0.28rem;width: 0.28rem;
	height: 0.28rem; background: red;
	color: #fff; text-align:center; line-height:0.28rem;font-size: 0.22rem;}

.gongneng .titlebox h1::before{content: "\e8aa";}
.gongneng_list{display: flex; justify-content:flex-start;flex-wrap: wrap;}
.gongneng_list a{ width: 33.3333%;display: flex; align-items: center; flex-wrap: wrap; overflow: hidden; margin: 0.35rem 0;}
.gongneng_list a em{display: block; width: 0.54rem; margin: 0 auto; }
.gongneng_list a em img{display: block; width:100%; margin: 0 auto; }
.gongneng_list a p{width: 100%;text-align: center; margin-top: 0.15rem;}

.zuji .titlebox h1::before{content: "\e87e";}
.titlebox a::before{content: "\e775"; font-size: 0.26rem; color: #666;}
.titlebox h1::before{font-size: 0.4rem; color: #5fb257; padding-right: 0.2rem;}
.zuji_list{width: calc(100% - 0.48rem);display: flex; justify-content:flex-start;flex-wrap: wrap; padding: 0.35rem 0; margin: 0 auto; padding-bottom: 1.1rem;}
.zuji_list a{width: 20%;display: flex; align-items: center; flex-wrap: wrap; overflow: hidden; }
.zuji_list a em{display: block; width: 1.15rem; margin: 0 auto; }
.zuji_list a em img{display: block; width:100%; margin: 0 auto; }
.zuji_list a p{width: 100%;text-align: center; font-size: 0.2rem; color: #666; height: 1.5em; line-height: 1.5em;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}

.fltop{ position:fixed;overflow:hidden;left:0; top:0; z-index:999;  background: #5fb257; height: 0.96rem; width: 100%;}
.fltop .sousou{ width: 100%;}
.fltop .sousou .souk{ background:none;width:calc(100% - 0.48rem); border: none; font-size: 0.24rem;}
.fltop .sousou .sous{text-align:9999; width:2em; height:2em; font-size:0.24rem; background:url(../img/sous.png) no-repeat center center; background-size:1.2em; border:none; background-color:transparent; }
.fltop .sousou form{ width:calc(100% - 0.48rem); display: flex; background-color:#fff; border-radius:5em; justify-content: space-between; box-sizing: border-box; padding: 0 0.24rem; margin: 0 auto;height:2em; margin-top: 1em;}

.profile{ width:100%; font-size:0.24rem; background-color: #fff;}
.profile_left {width:calc(100% - 8em);float:right;background: #fff;}
.panel-heading .panel-title { font-size:0.22rem; height: 0.5rem; line-height: 0.5rem; text-indent:1em; color: #333333; font-weight: bold;}
.profile_right {width: 8em;float: left;position: fixed;z-index:999;left: 0;top: 0.96rem;font-size:0.24rem; height: 100%; background-color: #f7f6fb;}
.profile_right_cnt p {color: #333;text-align:center;  font-size:0.24rem;}
.profile_right_cnt p a {color: #333; font-size:0.24rem; width:100%;display:block; padding:1em 0;border-left: 2px solid #f7f6fb;}
.profile_right_cnt .floatnav_a_cur{ background:#fff;}
.profile_right_cnt .floatnav_a_cur a{color: #5fb257;cursor: pointer; background-color: #fff;border-left: 2px solid #5fb257;}
.profile_right_cnt .floatnav_a_cur a.sec {color: #5fb257;}
.panel-body { width:100%; overflow:hidden;}
.panel-body ul{ display: flex; justify-content: space-between;flex-wrap: wrap;}
.panel-body ul li{ width:33.3333%; display: flex; align-items: center;}
.panel-body ul li a{ display:flex; text-align:center; background:#fff; font-size:0.22rem; padding:1em; padding-bottom: 0; box-sizing: border-box; flex-direction: column; margin: 0 auto;width:100%;}
.mdkuai{width:100%; height: 0.96rem;}
.kuaitu{font-size: 0.22rem; padding: 1em;}
.kuaitu img{ width: 100%;border-radius: 0.15rem;}
.profile_left .panel-default:last-child { padding-bottom:1.4rem;}
.panel-body ul li a h1{display: block; width:100%; margin: 0 auto; overflow: hidden; }
.panel-body ul li a h1 img{display: block; width:100%;}
.panel-body ul li a h2{width: 100%;text-align: center; font-size: 0.22rem; color: #333; height: 1.5em; line-height: 1.5em;white-space: nowrap;text-overflow: ellipsis; overflow: hidden; margin-top: 0.15rem;}