*{-webkit-tap-highlight-color:transparent;outline:0;margin:0;padding:0; }
img,a img,a:hover img{ border:0; }
i,em{font-style:normal}
ol,ul,dl,li,dt,dd{list-style:none;}
input,select,button,h1,h2,h3,h4,h5,h6{font-size:100%;font-family:inherit; appearance:none; -webkit-appearance:none;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
th,td{border-collapse:collapse;}
input{-webkit-appearance:none;}
:focus{outline:0;}
a{color:#545454;text-decoration:none; }
a:hover{color:#50b624;text-decoration:none;}
a,a:hover,.btn,.more{ transition:all 300ms ease; appearance:none; -webkit-appearance:none;}
input,select,button{ -webkit-appearance: none; }
hr{border:none;height:1px;}
.mr0 { margin-right:0 !important;}
::-webkit-input-placeholder { color:#999999; }
.green { color: #50b624;}
.red { color: #ff8400;}
.grey { color: #999999;}
.clear{height:0;font-size:0;overflow:hidden;clear:both;float:none;}

html { font-size:100px; height:100%; }
body{margin:0 auto;min-width:320px; background:#f5f5f5; line-height:2; color:#545454; -webkit-text-size-adjust:100% !important}

.wrap { width: 100%; font-size: 0.28rem; }

.header { height: 0.88rem;}
.topbox{ position: fixed; z-index: 9999; left: 0; top: 0; right: 0; height: 0.88rem; padding: 0 0.88rem; background:#50b624; }

.topbox .tit { text-align: center; line-height: 0.88rem; font-size: 0.34rem; font-weight: bold; color: #ffffff;}

.topbox .back { position: absolute; left: 0; top: 0; display: block; width: 0.8rem; height: 0.88rem; background: url(../img/back.png) center center no-repeat; background-size: 0.8rem auto;}

.mainer { padding: 0.22rem 0.32rem;}


.banner { position: relative; overflow: hidden; margin-bottom: 0.2rem; z-index: 98; }
.banner .swiper-slide img{ display: block; width: 100%;}
.banner .swiper-slide .img{ display: block; width: 100%; background-size: cover !important; height: 3.5rem;}



.shop_top { background: #fff; position: fixed; left: 0; top: 0; right: 0; z-index: 999; }
.shop_top .img { padding: 0.24rem 0.32rem;}
.shop_top .img img { display: block; width: 100%; border-radius: 0.1rem;}

.shop_main { padding:2.78rem 0.32rem 0 2.24rem;}

.shop_left { position:fixed; left:0; top:2.78rem; bottom:0; overflow:auto; width:2rem; background:#ffffff;}
.shop_left a{ display: block; height:0.8rem; text-align:left; line-height:0.8rem; padding-left: 0.32rem; overflow:hidden; font-size:0.28rem; color:#333333; transition:all 500ms ease; position: relative; font-weight: bold; }
.shop_left a.on{ background:#f5f5f5; color:#50b624; padding-left: 0.52rem; }
.shop_left a.on:before { display: block; content: ''; position: absolute; left: 0.32rem; top: 50%; margin-top: -0.12rem; width: 0.08rem; height: 0.24rem; border-radius: 0.04rem; background: #50b624;}

.shop_right { position:relative; padding-bottom: 0.3rem; z-index:97; }

.ilist_box { }
.ilist_tit { font-size:0.28rem; line-height:0.8rem; color:#333; font-weight:bold; padding-left:0.2rem; }

.ilist_con { padding: 0.1rem 0; background: #fff; border-radius: 0.1rem;}
.ilist_con .item { }
.ilist_con .item_m { display: block; height:1.32rem; position:relative; padding: 0.2rem 0.16rem 0.2rem 1.68rem; overflow:hidden;}
.ilist_con .item_m .img{ background:#f9f9f9; position:absolute; left:0.16rem; top:0.2rem; display:block; border-radius:0.1rem; width:1.32rem; height:1.32rem; overflow:hidden;}
.ilist_con .item_m .img img{ display:block; margin: 0 auto; height:1.32rem; }
.ilist_con .item_m .tit { height:0.4rem; line-height:0.4rem; font-size:0.28rem; font-weight:bold; color: #333; overflow:hidden; }
.ilist_con .item_m .con { height:0.5rem; line-height:0.5rem; font-size:0.22rem; color:#999999; overflow:hidden; }
.ilist_con .item_m .con span { float: right;}
.ilist_con .item_m .price { height:0.4rem; line-height:0.4rem; font-size:0.22rem; color:#ff8400; overflow:hidden; }
.ilist_con .item_m .btn{ display:block; position:absolute; bottom:0.26rem; right:0.16rem; background: #72bd14; color: #fff; width:1.1rem; border-radius: 0.16rem; text-align: center; font-size: 0.18rem; height:0.32rem; line-height: 0.32rem; cursor:pointer; }
.ilist_con .item_m .btn:active { background: #50b624; color: #fff;}


.exchange_details { background: #fff; border-radius: 0.1rem; height:2.8rem; position:relative; padding: 0.3rem 0.2rem 0.3rem 3.2rem; overflow:hidden;}
.exchange_details .img{ background:#f9f9f9; position:absolute; left:0.2rem; top:0.3rem; display:block; border-radius:0.1rem; width:2.8rem; height:2.8rem; overflow:hidden;}
.exchange_details .img img{ display:block; margin: 0 auto; height:2.8rem; }
.exchange_details .tit { padding-top: 0.12rem; height:0.5rem; line-height:0.5rem; font-size:0.28rem; font-weight:bold; color: #333; overflow:hidden; }
.exchange_details .con { line-height:0.4rem; font-size:0.22rem; color:#999999; margin-bottom: 0.16rem; }
.exchange_details .price { line-height:0.4rem; font-size:0.22rem; color:#777777; margin-bottom: 0.2rem; }
.exchange_details .price b { font-size: 0.28rem; color: #72bd14;}


.num_box{ width:1.68rem; height:0.48rem; background: #f5f5f5; border-radius: 0.24rem; position: relative; }
.num_box span{ float:left; width:0.28rem; height:0.28rem; padding: 0.1rem; }
.num_box span:after { display: block; content: ''; width: 0.28rem; height: 0.28rem; border-radius: 50%; }
.num_box span.min:after{ background: url(../img/num_min.png) center center no-repeat #50b624; background-size: 0.28rem auto;}
.num_box span.add:after{ background: url(../img/num_add.png) center center no-repeat #50b624; background-size: 0.28rem auto;}
.num_box input{ float:left; width:0.72rem; height:0.48rem; background:none; border:none; text-align:center; font-size:0.22rem; color:#72bd14; font-weight: bold; }
.num_box span:active:after{ background-color:#68e233; }

.btnbox { padding: 0.2rem 0.3rem; height: 0.8rem;}
.btnbox .btn { display: block; cursor: pointer; border: none; width: 100%; height: 0.8rem; line-height: 0.78rem; border-radius: 0.4rem; font-size: 0.34rem; text-align: center; background: #50b624; color: #fff; font-weight: bold;}
.btnbox .btn:active { background: #68e233; color: #fff;}
.btnbox .btn2 { float: left; display: block; cursor: pointer; border: 1px #50b624 solid; width: 2.8rem; height: 0.8rem; line-height: 0.76rem; border-radius: 0.4rem; font-size: 0.34rem; text-align: center; background: #fff; color: #50b624; font-weight: bold; box-sizing: border-box;}
.btnbox .btn2:active { background: #50b624; color: #fff;}
.btnbox .btn3 { float: right; display: block; cursor: pointer; border: none; width: 2.8rem; height: 0.8rem; line-height: 0.78rem; border-radius: 0.4rem; font-size: 0.34rem; text-align: center; background: #50b624; color: #fff; font-weight: bold;}
.btnbox .btn3:active { background: #68e233; color: #fff;}

.mt100 { margin-top: 1rem;}
.mt500 { margin-top: 5rem;}

.mform { background: #fff; margin-bottom: 0.2rem; border-radius: 0.1rem;}
.mform .item { position: relative; height: 0.88rem; padding-left: 1.85rem; }
.mform .item .tit{ position: absolute; left: 0.26rem; top: 0; line-height: 0.88rem; font-size: 0.28rem; color: #333;}
.mform .item .con { display: block; padding-right: 0.2rem; line-height: 0.88rem; height: 0.88rem; font-size: 0.28rem; color: #999; text-align: right; overflow: hidden;}
.mform .item .con .input { display: block; border: none; background: none; width: 100%; text-align: right; height: 0.8rem; font-size: 0.28rem; color: #333;}
.mform .item .con .select { display: block; border: none; background: url(../img/r.png) right center no-repeat; background-size: 0.15rem auto; padding-right: 0.38rem; box-sizing: border-box; width: 100%; height: 0.88rem; line-height: 0.88rem; font-size: 0.28rem; color: #333; direction: rtl;}
.mform .item .con .r_btn { display: block; background: url(../img/r.png) right center no-repeat; background-size: 0.15rem auto; padding-right: 0.38rem; text-align: right; height: 0.88rem; line-height: 0.88rem; font-size: 0.28rem; color: #999; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.mform .item_full {}
.mform .item_full .tit{ padding: 0 0.26rem; line-height: 0.88rem; font-size: 0.28rem; color: #333;}
.mform .item_full .con { padding: 0 0.2rem 0.56rem 0.2rem;}
.mform .item_full .con .textarea { display: block; width: 100%; box-sizing: border-box; padding: 0.12rem 0.22rem; border-radius: 0.1rem; background: #f7f7f7; border: none; font-size: 0.28rem; color: #333; line-height: 0.56rem; height: 3.1rem;}

.mform2 .item:after { display: block; content: ''; position: absolute; left: 0.2rem; right: 0.2rem; bottom: 0; height: 1px; background: #e5e5e5;}
.mform2 .item:last-child:after { display: none;}

.form_img { display: block; width: 90%; margin: 0 auto; border-radius: 0.1rem;}


.msearch_main { height: 0.96rem;}
.msearch_box { position: fixed; left: 0; top: 0; right: 0; z-index: 999; background: #fff; padding: 0.16rem 0.32rem 0.16rem 0.32rem; height: 0.64rem;}
.msearch_box .input { float: left; margin-right: 0.16rem; border: none; border-radius: 0.1rem; background: #f5f5f5; height: 0.64rem; text-indent: 0.12rem; font-size: 0.22rem; color: #333; width: 2.54rem;}
.msearch_box .input2 { width: 1.6rem;}
.msearch_box .input3 { width: 2.94rem;}
.msearch_box .input4 { width: 5.9rem;}
.msearch_box .input_date { background: url(../img/select.png) right center no-repeat #f5f5f5; background-size: 0.6rem auto; }
.msearch_box .select { display: block; border: none; background: url(../img/select2.png) right center no-repeat #f5f5f5; background-size: 0.48rem auto; padding-right: 0.42rem; box-sizing: border-box; width: 100%; height: 0.64rem; line-height: 0.64rem; font-size: 0.22rem; color: #333; direction: rtl; border-radius: 0.1rem; }
.msearch_box .btn { display: block; position: absolute; right: 0.32rem; top: 0.16rem; width: 0.64rem; height: 0.64rem; border: none; border-radius: 0.1rem; cursor: pointer; background: url(../img/search.png) center center no-repeat #50b624; background-size: 0.64rem auto;}
.msearch_box .btn:active { background-color: #68e233;}


.log_list {}
.log_list .item{ margin-bottom: 0.2rem; background: #fff; border-radius: 0.1rem; padding: 0.08rem 0 0.1rem 0;}
.log_list .item_t { margin: 0 0.2rem; border-bottom: 1px #e5e5e5 solid; padding: 0 0 0 0.08rem; height: 0.72rem; line-height: 0.72rem; font-size: 0.28rem; color: #777777;}
.log_list .item_t span { float: right; color: #50b624; font-weight: bold;}
.log_list .item_m { height:1.8rem; position:relative; padding: 0.2rem 0.24rem 0.2rem 2.2rem; overflow:hidden;}
.log_list .item_m .img{ background:#f9f9f9; position:absolute; left:0.2rem; top:0.2rem; display:block; border-radius:0.1rem; width:1.8rem; height:1.8rem; overflow:hidden;}
.log_list .item_m .img img{ display:block; margin: 0 auto; height:1.8rem; }
.log_list .item_m .tit { height:0.44rem; line-height:0.44rem; font-size:0.28rem; font-weight:bold; color: #333; overflow:hidden; }
.log_list .item_m .con { height:0.4rem; line-height:0.4rem; font-size:0.22rem; color:#777777; }
.log_list .item_m .con span{ float: right; }
.log_list .item_m .price { height: 0.86rem; line-height:0.54rem; font-size:0.22rem; color:#ff8400; }


.mtable { background: #ffffff; border-radius: 0.1rem; position: relative;}
.mtable table{ border: none; position: relative;}
.mtable table th{ text-align: center; font-size: 0.26rem; padding: 0.15rem 0.1rem; border: 0; line-height: 0.5rem; font-weight: bold; }
.mtable table td{ text-align: center; font-size: 0.26rem; padding: 0.15rem 0.1rem; border: 0; line-height: 0.5rem; }
.mtable:before { display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; height: 0.8rem; box-sizing: border-box; border: 1px #e5e5e5 solid; border-radius: 0.1rem 0.1rem 0 0; background: #f5f5f5;}

.mtable tbody tr { border-bottom: 1px #e5e5e5 solid;}
.mtable tbody tr:last-child { border-bottom: none;}

.ranking_up { display: block; margin: 0 auto; width: 0.46rem; height: 0.46rem; background: url(../img/ranking_up.png) center center no-repeat; background-size: 0.44rem auto;}
.ranking_down { display: block; margin: 0 auto; width: 0.46rem; height: 0.46rem; background: url(../img/ranking_down.png) center center no-repeat; background-size: 0.44rem auto;}
.ranking_img { display: block; margin: 0 auto; height: 0.36rem;}

.ttmain { display: none;}
.ttmain .bg { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 99998;}
.ttmain .ttbox { position: fixed; left: 0.52rem; right: 0.52rem; top: 50%; background: #fff; border-radius: 0.1rem; padding: 0 0.2rem 0.42rem 0.2rem; transform:translate(0,-50%); z-index: 99999;}
.ttmain .ttbox_t { text-align: center; line-height: 0.98rem; font-size: 0.34rem; color: #333333; font-weight: bold;}
.ttmain .ttbox_m { padding-bottom: 0.4rem;}
.ttmain .radio { margin-bottom: 0.15rem;}
.ttmain .radio label{ float: left; display: block; margin-left: 0.22rem; font-size: 0.24rem; color: #999999; height: 0.64rem; line-height: 0.64rem; position: relative; padding-left: 0.4rem;}
.ttmain .radio label input { position: absolute; left: 0; top: 50%; margin-top: -0.14rem; display: block; box-sizing: border-box; width: 0.28rem; height: 0.28rem; background: url(../img/radio.png) center center no-repeat; background-size: 0.28rem auto;}
.ttmain .radio label input:checked { background: url(../img/radios.png) center center no-repeat; background-size: 0.28rem auto;}
.ttmain .radio label input:checked + span{ color: #50b624;}
.ttmain .radio:after { display: block; content: ''; clear: both;}
.ttmain .textarea { display: block; width: 100%; box-sizing: border-box; padding: 0.12rem 0.22rem; border-radius: 0.1rem; background: #f7f7f7; border: none; font-size: 0.28rem; color: #333; line-height: 0.56rem; height: 2.6rem;}
.ttmain .btnbox { padding: 0;}


.ibanner { position: relative; overflow: hidden; border-radius: 0.1rem; margin-bottom: 0.2rem; z-index: 98; }
.ibanner .swiper-slide img{ display: block; width: 100%;}
.ibanner .swiper-slide .img{ display: block; width: 100%; background-size: cover !important; height: 3.5rem;}

.inav { background: #fff; border-radius: 0.14rem; margin-bottom: 0.3rem; padding: 0 0.05rem;}
.inav .item { float: left; width: 25%; padding: 0.2rem 0 0.12rem 0;}
.inav .item img { display: block; margin: 0 auto; width: 1.17rem; height: 1.17rem;}
.inav .item p { display: block; text-align: center; height: 0.5rem; line-height: 0.5rem; overflow: hidden; font-size: 0.25rem; }
.inav .item:active { background-color: #ececec;}
.inav:after { display: block; content: ''; clear: both;}

.iibox { margin-bottom: 0.3rem;}
.iibox_t { height: 0.76rem;}
.iibox_t .item{ float: left; height: 0.76rem; line-height: 0.76rem; padding: 0 0.92rem 0 0.3rem; font-size: 0.33rem; border-radius: 0.14rem 0.14rem 0 0; background: #fff; color: #545454; position: relative;}
.iibox_t .item i { display: block; width: 0.54rem; height: 0.54rem; position: absolute; top: 50%; right: 0.25rem; margin-top: -0.27rem;}
.iibox_t .item .t1{ background: url(../img/icon_hangyezixun.png) center center no-repeat; background-size: 0.54rem auto;}
.iibox_t .item .t2{ background: url(../img/icon_fenleixuetang.png) center center no-repeat; background-size: 0.54rem auto;}
.iibox_t .item .t3{ background: url(../img/icon_hezuoanli.png) center center no-repeat; background-size: 0.54rem auto;}
.iibox_t .item_on { background-image: linear-gradient(to right, #68c440, #50b624); color: #fff;}
.iibox_t .item_on .t1{ background: url(../img/icon_hangyezixun_selected.png) center center no-repeat; background-size: 0.54rem auto;}
.iibox_t .item_on .t2{ background: url(../img/icon_fenleixuetang_selected.png) center center no-repeat; background-size: 0.54rem auto;}
.iibox_t .item_on .t3{ background: url(../img/icon_hezuoanli.png) center center no-repeat; background-size: 0.54rem auto;}
.iibox_m { background: #fff; border-radius:0 0 0.14rem 0.14rem; }

.inews { }
.inews .item{ }
.inews .item_m { display: block; position: relative; padding: 0.2rem 2rem 0.2rem 0.3rem; height: 1.48rem;}
.inews .item_m .img{ position: absolute; right: 0.3rem; top: 0.3rem;}
.inews .item_m .img img{ display: block; width: 1.3rem; height: 1.3rem; }
.inews .item_m .tit{ display: block; height: 0.84rem; line-height: 0.42rem; font-size: 0.28rem; margin-bottom: 0.2rem; overflow: hidden; }
.inews .item_m .foot{ display: block; height: 0.32rem; line-height: 0.32rem; font-size: 0.22rem; color: #8e8d8d; }
.inews .item_m:after { display: block; content: ''; position: absolute; left: 0.3rem; right: 0.3rem; bottom: 0; height: 1px; background: #ededed;}
.inews .item:last-child .item_m:after { display: none;}

.icase_box { width: 100%;}
.icase { white-space: nowrap; overflow: auto; padding: 0.2rem 0 0.04rem 0.29rem;}
.icase .item {display: inline-block;}
.icase .item_m { display: block; margin-right: 0.18rem;}
.icase .item_m img { display: block; border-radius: 0.06rem; width: 2.22rem; height: 1.66rem;}
.icase .item_m p { display: block; text-align: center; height: 0.58rem; line-height: 0.58rem; overflow: hidden; font-size: 0.25rem; }



.ibox { background: #fff; margin-bottom: 0.2rem; border-radius: 0.1rem; }

.inote_box { overflow: hidden; height: 0.8rem; background: url(../img/note.png) 0.28rem center no-repeat #fff; background-size: 0.3rem auto; padding-left: 0.8rem;}

.inote { height: 0.8rem; position: relative; overflow: hidden;}
.inote .swiper-slide a { display: block; height: 0.8rem; line-height: 0.8rem; overflow: hidden; font-size: 0.25rem; }


.news_main {}
.news_nav { border-bottom: 1px #ededed solid; height: 0.8rem; padding: 0 0.06rem;}
.news_nav ul li{ float: left; height: 0.8rem; line-height: 0.8rem; position: relative; padding: 0 0.3rem; color: #545454; font-size: 0.25rem; }
.news_nav ul li.on{ font-size: 0.30rem; color: #333333; font-weight: bold; }
.news_nav ul li.on:after{ display: block; content: ''; position: absolute; left: 50%; margin-left: -0.2rem; bottom: 0; width: 0.4rem; height: 0.08rem; border-radius: 0.04rem; background: #72bd14; }
.news_nav a{ display: block; }

.news_list { }
.news_list .item{ }
.news_list .item_m { display: block; position: relative; padding: 0.3rem 2.66rem 0.3rem 0.2rem; height: 1.58rem;}
.news_list .item_m .img{ position: absolute; right: 0.2rem; top: 0.3rem;}
.news_list .item_m .img img{ display: block; width: 2.1rem; height: 1.58rem; border-radius: 0.1rem; }
.news_list .item_m .tit{ display: block; height: 0.84rem; padding-top: 0.04rem; line-height: 0.42rem; font-size: 0.28rem; margin-bottom: 0.3rem; overflow: hidden; }
.news_list .item_m .foot{ display: block; height: 0.36rem; line-height: 0.36rem; font-size: 0.22rem; overflow: hidden; color: #8e8d8d; }
.news_list .item_m .hits{ position: absolute; bottom: 0.32rem; right: 2.66rem; height: 0.36rem; line-height: 0.36rem; font-size: 0.22rem; color: #8e8d8d; background: url(../img/view.png) left center no-repeat; background-size: 0.28rem auto; padding-left: 0.34rem; }

.pages { padding: 0.2rem; height: 0.6rem; text-align: center; font-size: 0;}
.pages a{ display: inline-block; padding: 0 0.4rem; height: 0.6rem; border-radius: 0.3rem; margin: 0 0.3rem; background:#72bd14; color: #fff; text-align: center; line-height: 0.6rem; font-size: 0.28rem; }


.news_view { padding:0.26rem;}
.news_tit { font-size: 0.34rem; color: #333333; font-weight: bold; line-height: 0.58rem;}
.news_con { font-size: 0.28rem; line-height: 1.85; }
.news_con img{ max-width: 100%; height: auto !important;}
.news_info { font-size: 0.22rem; color: #8a8a8a; line-height: 0.38rem; margin-bottom: 0.26rem;}

.page_box { padding: 0.26rem; font-size: 0.28rem;}
.page_box img{ max-width: 100%; height: auto !important;}


.product_list { column-count:2; column-gap: 0; display:inline-block; margin:0.2rem 0.11rem;}
.product_list:after { display: block; content: ''; clear: both;}
.product_list .item { display: block; height: 100%; overflow: auto; }
.product_list .item_m { display: block; margin:0 0.09rem 0.18rem 0.09rem; background: #fff; border-radius: 0.1rem; border: 1px #e5e5e5 solid;}
.product_list .item_m .img { border-bottom: 1px #e5e5e5 solid;}
.product_list .item_m .img img { display: block; width: 100%; border-radius: 0.1rem 0.1rem 0 0;}
.product_list .item_m .tit { padding: 0.15rem 0.12rem; font-size: 0.3rem; color: #333333; line-height: 0.4rem;}
.product_list .item_m .con { padding: 0 0.12rem; font-size: 0.22rem; color: #999999; line-height: 0.32rem; padding-bottom: 0.18rem;}
.product_list .item_m .con span { font-size: 0.24rem; color: #de4438;}
.product_list .item_m .con b { font-size: 0.32rem; }
.product_list .item_m:active { background: #f8f8f8; box-shadow: 0 0 0.18rem rgba(0,0,0,0.1);}

.product_top { margin-bottom: 0.2rem; background: #fff; padding: 0.2rem 0.3rem 0 0.3rem;}

.product_img { position: relative; overflow: hidden; border-radius: 0.1rem; margin-bottom: 0.3rem; z-index: 98; box-shadow: 0 0 0.2rem rgba(0,0,0,0.15); }
.product_img .swiper-slide img{ display: block; width: 100%;}
.product_img .swiper-pagination-bullet { background: rgba(0,0,0,0.3); }

.product_info { padding-bottom: 0.18rem;}
.product_info .tit { padding: 0 0.1rem; font-size: 0.3rem; color: #333333; line-height: 0.54rem; font-weight: bold;}
.product_info .con { padding: 0 0.1rem; font-size: 0.22rem; color: #999999; height: 0.52rem; line-height: 0.52rem; overflow: hidden; text-align: right; margin-bottom: 0.05rem;}
.product_info .con span { float: left; font-size: 0.26rem; color: #de4438;}
.product_info .con b { font-size: 0.34rem; }

.product_box { background: #fff; margin-bottom: 0.3rem; }
.product_box_t { height: 0.82rem;}
.product_box_t ul li { float: left; width: 45%; cursor: pointer; padding: 0.1rem 0 0 0; height: 0.72rem; }
.product_box_t ul li b{ float: left; display: block; height: 0.72rem; line-height: 0.72rem; font-size: 0.3rem; color: #333333; margin: 0 0.3rem; position: relative; }
.product_box_t ul li.on b{ color: #378914; }
.product_box_t ul li.on b:after{ display: block; content: ''; position: absolute; left: 50%; bottom: 0; height: 0.04rem; background: #50b624; width: 4em; margin-left: -2em; }

.product_box_m { padding: 0.3rem;}
.product_box_m img { max-width: 100%;}

.product_explain { margin-bottom: 0.2rem;}
.product_explain ul li { position: relative; padding: 0.04rem 0 0.04rem 1.3rem; font-size: 0.26rem; line-height: 0.44rem; color: #333333;}
.product_explain ul li span { position: absolute; left: 0; top: 0.04rem;}

.product_box_m table{ border: 1px #dadada solid; border-collapse: collapse; color: #333; background: #fcfffc; border-radius: 0.1rem; }
.product_box_m table th{ text-align: center; font-size: 0.26rem; padding: 0.15rem 0.06rem; border: 1px #dadada solid; line-height: 0.4rem; font-weight: bold; }
.product_box_m table td{ text-align: center; font-size: 0.22rem; padding: 0.1rem 0.06rem; border: 1px #dadada solid; line-height: 0.3rem; }


.loading_box { padding: 0.24rem 0;}
.loadeffect{ width: 0.6rem; height: 0.6rem; position: relative; margin: 0 auto; }
.loadeffect i{ display: inline-block; width: 0.1rem; height: 0.1rem; border-radius: 50%; background: #000000; position: absolute; -webkit-animation: load 1.04s ease infinite; }
@-webkit-keyframes load{ 0%{ opacity: 1; } 100%{ opacity: 0.2; }}
.loadeffect i:nth-child(1){ left: 0; top: 50%; margin-top:-0.05rem; -webkit-animation-delay:0.13s;}
.loadeffect i:nth-child(2){ left: 0.08rem; top: 0.08rem; -webkit-animation-delay:0.26s;}
.loadeffect i:nth-child(3){ left: 50%; top: 0; margin-left: -0.05rem; -webkit-animation-delay:0.39s;}
.loadeffect i:nth-child(4){ top: 0.08rem; right:0.08rem; -webkit-animation-delay:0.52s;}
.loadeffect i:nth-child(5){ right: 0; top: 50%; margin-top:-0.05rem; -webkit-animation-delay:0.65s;}
.loadeffect i:nth-child(6){ right: 0.08rem; bottom:0.08rem; -webkit-animation-delay:0.78s;}
.loadeffect i:nth-child(7){ bottom: 0; left: 50%; margin-left: -0.05rem; -webkit-animation-delay:0.91s; }
.loadeffect i:nth-child(8){ bottom: 0.08rem; left: 0.08rem; -webkit-animation-delay:1.04s; }
.loading_box .text { text-align: center; font-size: 0.22rem; color: #999999;}


.error_tip { padding: 2rem 0;}
.error_con { padding: 0.3rem 0; text-align: center; font-size: 0.22rem; color: #999999;}
.error_con img { display: block; margin: 0 auto 0.3rem auto; width: 2rem;}

.my_top { background-image: linear-gradient(-45deg, #68c43f, #50b624); height: 3.9rem; position: relative;}
.my_msg { position: absolute; right: 0; top: 0; width: 0.9rem; height: 0.66rem; background: url(../img/msg.png) center center no-repeat; background-size: 0.5rem auto;}
.my_msg i { display: block; position: absolute; right: 0.2rem; top: 0.14rem; height: 0.22rem; line-height: 0.22rem; padding: 0 0.03rem; min-width: 0.16rem; text-align: center; background: #ff274a; color: #fff; border-radius: 0.11rem; font-size: 0.18rem;}
.my_top_img { position: absolute; left: 0.3rem; top: 0.98rem;}
.my_top_img img { display: block; border-radius: 50%; border: 0.03rem #fff solid; width: 1.4rem; height: 1.4rem;}
.my_top_tit { position: absolute; left: 2rem; top: 0.98rem;}
.my_top_tit .t { color: #fff; padding: 0 0.05rem; font-size: 0.5rem; line-height: 0.58rem; margin-bottom: 0.2rem;}
.my_top_tit .m a { display: block; width: 1.6rem; height: 0.48rem; line-height: 0.48rem; border-radius: 0.24rem; text-align: center; font-size: 0.28rem; background: #fff; color: #72bd14;}
.my_top_right { position: absolute; right: 0.36rem; top: 0.98rem;}
.my_top_right .t { color: #fff; font-size: 0.28rem; line-height: 0.58rem; margin-bottom: 0.22rem; text-align: right;}
.my_top_right .m { height: 0.56rem;}
.my_top_right .m a { float: right; display: block; width: 2rem; height: 0.56rem; line-height: 0.56rem; border-radius: 0.28rem; text-align: center; font-size: 0.28rem; background-image: linear-gradient(#ffaf2b, #ff9f2a); color: #fff; box-shadow: 0 0 0 0.1rem rgba(255,183,43,0.4);}
.my_top_info { position: absolute; left: 0.3rem; right: 0.3rem; bottom: 0.15rem; line-height: 0.62rem; color: #fff;}
.my_top_info b{ font-size: 0.42rem; margin: 0 0.03rem; font-weight: normal;}
.my_top_info span{ float: right;}


.my_nav { background: #fff; border-radius: 0.1rem; margin-bottom: 0.2rem;}
.my_nav ul li { position: relative; padding-bottom: 1px;}
.my_nav ul li:after { display: block; content: ''; position: absolute; left: 0.2rem; right: 0.2rem; bottom: 0; height: 1px; background: #f2f2f2;}
.my_nav ul li:last-child { padding-bottom:0;}
.my_nav ul li:last-child:after { display: none;}
.my_nav ul li a{ display: block; height: 0.88rem; line-height: 0.88rem; padding-left: 0.9rem; font-size: 0.28rem; position: relative; }
.my_nav ul li a i { display: block; position: absolute; left: 0.22rem; top: 50%; width: 0.5rem; height: 0.5rem; margin-top: -0.25rem; background: url(../img/my_ico.png) no-repeat; background-size: 0.5rem auto;}
.my_nav ul li a i.t1 { background-position: 0 0;}
.my_nav ul li a i.t2 { background-position: 0 -0.5rem;}
.my_nav ul li a i.t3 { background-position: 0 -1rem;}
.my_nav ul li a i.t4 { background-position: 0 -1.5rem;}
.my_nav ul li a i.t5 { background-position: 0 -2rem;}
.my_nav ul li a i.t6 { background-position: 0 -2.5rem;}
.my_nav ul li a i.t7 { background-position: 0 -3rem;}
.my_nav ul li a i.t8 { background-position: 0 -3.5rem;}
.my_nav ul li a i.t9 { background-position: 0 -4rem;}
.my_nav ul li a i.t10 { background-position: 0 -4.5rem;}
.my_nav ul li a i.t11 { background-position: 0 -5rem;}
.my_nav ul li a i.t12 { background-position: 0 -5.5rem;}
.my_nav ul li a i.t13 { background-position: 0 -6rem;}
.my_nav ul li a i.t14 { background-position: 0 -6.5rem;}
.my_nav ul li a i.t15 { background-position: 0 -7rem;}
.my_nav ul li a i.t16 { background-position: 0 -7.5rem;}
.my_nav ul li a i.t17 { background-position: 0 -8rem;}
.my_nav ul li a i.t18 { background-position: 0 -8.5rem;}
.my_nav ul li a:after { display: block; content: ''; position: absolute; right: 0.28rem; top: 50%; margin-top: -0.14rem; width: 0.15rem; height: 0.28rem; background: url(../img/my_r.png) center center no-repeat; background-size: 0.15rem auto;}

.sign_out { display: block; background: #fff; border-radius: 0.1rem; text-align: center; line-height: 0.88rem; font-size: 0.3rem; margin-bottom: 0.2rem;}


.faqs_main { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #fcfffe; z-index: 1;}
.faqs_main:before { display: block; content: ''; position: absolute; left: 0; top: 0; right: 0; background: url(../img/topbg.png) center top no-repeat; background-size: 100% auto; height: 2.9rem; z-index: 2;}
.faqs_main:after { display: block; content: ''; position: absolute; left: 0; bottom: 0; right: 0; background: url(../img/footbg.png) center bottom no-repeat; background-size: 100% auto; height: 3rem; z-index: 2;}

.faqs_list { position: absolute; left: 0.4rem; right: 0.4rem; top: 0.2rem; bottom: 0.2rem; z-index: 10; overflow: auto; box-shadow: 0 0 0.2rem rgba(19,172,129,0.3); background: rgba(255,255,255,0.6); border: 1px rgba(120,203,192,0.6) solid; border-radius: 0.2rem; padding: 0.6rem 0;}
.faqs_list .item { margin-bottom: 0.1rem;}
.faqs_list .item .tit{ padding: 0.1rem 1rem 0.1rem 0.8rem; line-height: 0.38rem; position: relative;}
.faqs_list .item .tit:before { display: block; content: ''; background: url(../img/li.png) no-repeat; width: 0.31rem; height: 0.2rem; background-size: 0.31rem auto; position: absolute; left: 0.39rem; top: 0.19rem;}
.faqs_list .item .tit:after { display: block; content: ''; background: url(../img/d.png) no-repeat; width: 0.24rem; height: 0.13rem; background-size: 0.24rem auto; position: absolute; right: 0.39rem; top: 0.22rem; transition:all 300ms ease; transform: rotateX(0deg);}
.faqs_list .item .con { display: none; padding: 0.05rem 0.8rem; color: #999999; font-size: 0.24rem; line-height: 0.38rem;}


.faqs_list .item_on .tit:after { transform: rotateX(180deg);}


.has_header .faqs_main { top: 0.88rem;}

.select_lits{ background: #fff; border-radius: 0.1rem; overflow: hidden;}
.select_lits .item{ border-bottom: 1px #e5e5e5 solid; padding-right: 1rem; line-height: 0.48rem; font-size: 0.28rem; color: #777777; position: relative;}
.select_lits .item .t { padding: 0.2rem 0.3rem; }
.select_lits .item .r { display: block; position: absolute; right: 0; top: 50%; margin-top: -0.44rem; width: 0.88rem; height: 0.88rem; background: url(../img/r.png) center center no-repeat; background-size: 0.15rem auto; }
.select_lits .item:last-child { border-bottom: none;}
.select_lits .item .t:active { color:#50b624; }
.select_lits .item .r:active { background-color: rgba(0,0,0,0.1); }

.mform .item .con_new { display: block; padding-right: 0.2rem; line-height: 0.88rem; height: 0.88rem; font-size: 0.28rem; color: #999; text-align: left; overflow: hidden;}
.mform .item .con .input_new { border: none;text-align: center; font-size: 0.28rem; background: #f7f7f7}
.mform .item .btn {cursor: pointer; border: none;  font-size: 0.260rem; text-align: center; background: #50b624; color: #fff;}

.footer { height: 1rem;}
.footbox { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99999; background: #fff; height: 1rem;}
.footnav ul li{ float: left; width: 25%;}
.footnav ul li a { display: block; text-align: center; font-size: 0.18rem; color: #999; line-height: 0.32rem; padding-top: 0.1rem; height: 0.9rem;}
.footnav ul li a i {display: block; content: ''; width: 0.5rem; height: 0.5rem; margin: 0 auto; }
.footnav ul li a.on { color: #50b624;}
.footnav ul li a:active { color: #50b624;}
.footnav ul li a i.t1{ background: url(../img/tab_shouye.png) center center no-repeat; background-size: 0.5rem auto;}
.footnav ul li a i.t2{ background: url(../img/tab_zixun.png) center center no-repeat; background-size: 0.5rem auto;}
.footnav ul li a i.t3{ background: url(../img/tab_jifenshangcheng.png) center center no-repeat; background-size: 0.5rem auto;}
.footnav ul li a i.t4{ background: url(../img/tab_wode.png) center center no-repeat; background-size: 0.5rem auto;}
.footnav ul li a.on i.t1{ background: url(../img/tab_shouye_selected.png) center center no-repeat; background-size: 0.5rem auto;}
.footnav ul li a.on i.t2{ background: url(../img/tab_zixun_selected.png) center center no-repeat; background-size: 0.5rem auto;}
.footnav ul li a.on i.t3{ background: url(../img/tab_jifenshangcheng_selected.png) center center no-repeat; background-size: 0.5rem auto;}
.footnav ul li a.on i.t4{ background: url(../img/tab_wode_selected.png) center center no-repeat; background-size: 0.5rem auto;}
.footnav ul li a:active i.t1{ background: url(../img/tab_shouye_selected.png) center center no-repeat; background-size: 0.5rem auto;}
.footnav ul li a:active i.t2{ background: url(../img/tab_zixun_selected.png) center center no-repeat; background-size: 0.5rem auto;}
.footnav ul li a:active i.t3{ background: url(../img/tab_jifenshangcheng_selected.png) center center no-repeat; background-size: 0.5rem auto;}
.footnav ul li a:active i.t4{ background: url(../img/tab_wode_selected.png) center center no-repeat; background-size: 0.5rem auto;}