@charset "utf-8";
/* CSS Document */
html,body,div,p,span,a,i,em,ul,li,h2,h3,h4,form,input,dl,dd,dt{margin:0; padding:0;}
body,html{font-family: PingFang SC; font-size: .24rem; color:#333; background:#fff;}
a{text-decoration:none; color:#333; cursor:pointer;outline:none;}
a:hover{ text-decoration:none; color:#ff9933;}
i,em{font-style:normal;}
ul,li{list-style:none;}
img{border:0 none;}
input,button,select,textarea{ outline:none; -webkit-appearance: none; border-radius:0;font:.24rem Helvetica Neue,Helvetica,PingFang SC;}

.bshadow{-moz-box-shadow: 0 1px 8px 0 #ddd; -webkit-box-shadow: 0 1px 8px 0 #ddd; box-shadow: 0 1px 8px 0 #ddd;}
.opa{filter:alpha(Opacity=90);-moz-opacity:0.9;opacity: 0.9;} 
.moall{ width: 7.5rem; margin: 0 auto; display: block; overflow: hidden; font-size: .24rem;}

.nbsp1{ width: 100%; height: .1rem; background: #f1f1f1; margin: 0 auto;}
.nbsp2{ width: 100%; height: .02rem; background: #f1f1f1; margin: .1rem auto; display: block; overflow: hidden;}
.noteinfo{ width: 100%; line-height: .6rem; color: #ccc; text-align: center; margin: 0 auto; display: block; overflow: hidden;}

.app-go{ display: block; overflow: hidden; float: left; border-radius: .1rem; padding: 0 .25rem; line-height: .6rem; margin:0 0 .25rem  .25rem; color: #fff;}
.app-go.a1{ background: #333;}
.app-go.a2{ background: #87c316;}
.app-go i{ float: left;}
.app-go em{ float: left; margin: 0 0 0 .1rem;}

.toplam{ width: 7.5rem; height: .88rem; line-height: .88rem; position: fixed; top: 0; background: #fff; display: block; overflow: hidden; z-index: 9;}
.toplam01 font{ font-size: .36rem; color: #999;}
.toplam .al{ width: .88rem; height: .88rem; float: left; display: block; overflow: hidden; text-indent: .25rem; line-height: .88rem;}
.toplam02 .a-back{ height: .88rem; display: block; overflow: hidden; padding-left: .25rem; max-width: 5rem; float: left;}
.toplam02 .a-back font{ font-size: .36rem; color: #999; float: left;}
.toplam02 .a-back em{ max-width: 4rem; height: .88rem; line-height: .88rem; display: block; overflow: hidden; float: left; font-size: .3rem;}
.toplam02 .a-s{ width: 1rem; height: .88rem; line-height: .88rem; display: block; overflow: hidden; text-align: center; float: right;}
.toplam02 .a-s font{ font-size: .36rem; color: #999;}
.toplam-nbsp{ height: .9rem;}
.toplam03{ position: static; top: auto;}
.toplam03 .a-s02{ width: 4.7rem; height: .6rem; line-height: .6rem; display: block; overflow: hidden; float: left; background: #f1f1f1; border-radius: .3rem; margin: .14rem 0 0 0;}
.toplam03 .a-s02 font{ color: #ccc; margin: 0 0 0 .25rem;}
.toplam03 .a-s02 em{ color: #999; margin: 0 0 0 .25rem; font-size: .26rem;}
.toplam04{ background: none; position: absolute;}
.toplam04 .a-back font{ color: #fff;}
.toplam04 .a-s font{ color: #fff;}
.toplam04 .a-s03{ width: 2.7rem; height: .6rem; line-height: .6rem; display: block; overflow: hidden; float: left; background: #f1f1f1; border-radius: .3rem; margin: .14rem 0 0 0; opacity: .8;}
.toplam04 .a-s03 font{ color: #ccc; margin: 0 0 0 .25rem;}
.toplam04 .a-s03 em{ color: #999; margin: 0 0 0 .25rem; font-size: .26rem;}
.e-change{ display: block; overflow: hidden; float: right; height: .41rem; border: .02rem solid #fff; margin: .24rem .25rem 0 0; border-radius: .25rem;}
.e-change span{ width: .3rem; height: .3rem; background: #fff; border-radius: 50%; float: left; margin: .05rem 0 0 .05rem; display: block; overflow: hidden;}
.e-change em{ line-height: .4rem; font-size: .24rem; color: #fff; float: left; margin: 0 .1rem;}
.e-change.e2{ border-color: #ccc; background: #ccc}

/*弹窗*/
.popups{ width: 7.5rem; position: fixed; top: 0; bottom: 0; z-index: 9999; display: none;}
.popupleft{ width: 6rem; position: absolute; background: #fff; top: 0; bottom: 0;}
.popupleft.w2{ width: 7.5rem;}
.popupbac{ width: 1.5rem; position: absolute; margin: 0 0 0 6rem; top: 0; bottom: 0; background: #000; opacity: .5;}
.popupbac.b2{ width: 7.5rem; margin: 0;}
.popupleft-a{ position: fixed; width: .8rem; height: .8rem;}
.popupleft-a a{ width: .8rem; height: .8rem; text-indent: .25rem; line-height: .8rem; display: block; overflow: hidden;}
.popupleft-a a font{ font-size: .36rem; color: #999;}

.popup-me{ width: 100%; display: block; overflow: hidden; background: #f1f1f1; padding: 1rem 0 0 0;}
.popup-me img{ width: 1.2rem; height: 1.2rem; display: block; overflow: hidden; border-radius: 50%; background: #fff; margin: 0 auto;}
.popup-me span{ width: 90%; height: 1rem; line-height: 1rem; font-size: .28rem; display: block; overflow: hidden; text-align: center; margin: 0 auto;}
.popup-me span a{ margin: 0 .15rem;}

.p-menu-a2{ width: 100%; display: block; overflow: hidden; line-height: .8rem;}
.p-menu-a2 i{ font-size: .3rem; float: left; margin: 0 0 0 .25rem; color: #999;}
.p-menu-a2 em{ font-size: .3rem; float: left; margin: 0 0 0 .1rem;}

.p-menu-a3{ width: 100%; display: block; overflow: hidden; line-height: .8rem; float: left;}
.p-menu-a3 i{ font-size: .3rem; float: left; margin: 0 0 0 .25rem; color: #999;}
.p-menu-a3 em{ font-size: .3rem; float: left; margin: 0 0 0 .1rem;}


/*弹窗搜索*/
.p-search-type{ width: 7rem; height: .86rem; margin: 0 auto; display: block; overflow: hidden;}
.p-search-type a{ float: left; margin: 0 0 0 .25rem; display: block; overflow: hidden; height: .8rem; line-height: .8rem; font-size: .28rem;}
.p-search-type a.active{ color: #ff9933; font-weight: bold; font-size: .3rem; border-bottom: .06rem solid #ff9933;}
.p-search-text{ width: 7rem; height: 1.04rem; display: block; border-radius: .15rem; overflow: hidden; margin: 0 auto; background: #ff9933;}
.pst-text{ width: 4.96rem; border: .02rem solid #666; border-right: none; background: #ffff; height: 1rem; line-height: 1rem; padding: 0 .25rem; display: block; overflow: hidden; float: left; font-size: .3rem; border-top-left-radius: .15rem; border-bottom-left-radius: .15rem;}
.pst-btn{ width: 1.5rem; border: none; background: #ff9933; height: 1.04rem; text-align: center; line-height: 1.04rem; display: block; overflow: hidden; float: right; border-top-right-radius: .15rem; border-bottom-right-radius: .15rem;}
.pst-btn font{ font-size: .4rem; color: #fff;}
.p-search-hot{ width: 7rem; display: block; overflow: hidden; margin: .5rem auto;}
.p-search-hot em{ float: left; width: 100%; text-indent: .25rem; font-size: .26rem; line-height: .4rem; display: block; overflow: hidden;}
.p-search-hot a{ float: left; font-size: .24rem; color: #999; line-height: .4rem; display: block; overflow: hidden; margin: .1rem 0 0 .25rem;}

#search-c{ width: 1rem; height: .88rem; position: absolute; margin: 0 0 0 6.5rem; display: block; overflow: hidden;}
#search-c font{ font-size: .3rem; color: #999; line-height: .88rem; float: right; margin: 0 .25rem 0 0;}

/*menu*/
.menu{ width: 7.5rem; display: block; overflow: hidden; margin: 0 auto; position: fixed; z-index: 9; bottom: 0; background: #fff;}
.menu a{ width:1.875rem; height: 1rem; display: block; overflow: hidden; float: left; text-align: center; color: #333;}
.menu a font{ width: .6rem; height: .6rem; line-height: .6rem; color: #999; display: block; overflow: hidden; margin:.05rem auto 0 auto; text-align: center; font-size: .4rem;}
.menu a img{ height: .42rem; margin: .15rem auto .08rem auto;}
.menu a em{ width: 100%; height: .3rem; line-height: .3rem; text-align: center;  font-size: .24rem; display: block; overflow: hidden; color: #666;}
.menu a.active font{ color: #ff9933;}
.menu a.active em{ color: #ff9933;}
.menu-nbsp{ height: 1rem;}

.home-logo{ width: 7.5rem; display: block; overflow: hidden; margin: 1.88rem auto 0 auto;}
.home-logo img{ height: 1.5rem; display: block; overflow: hidden; margin: 0 auto;}

.home-search{ width: 7.5rem; margin: .8rem auto 0 auto; display: block; overflow: hidden;}
.home-search-type{ width: 7rem; height: .86rem; margin: 0 auto; display: block; overflow: hidden;}
.home-search-type a{ float: left; margin: 0 0 0 .25rem; display: block; overflow: hidden; height: .8rem; line-height: .8rem; font-size: .28rem;}
.home-search-type a.active{ color: #ff9933; font-weight: bold; font-size: .3rem; border-bottom: .06rem solid #ff9933;}
.home-search-text{ width: 7rem; height: 1.04rem; display: block; overflow: hidden; margin: 0 auto; border-radius: .15rem;}
.hst-text{ width: 4.95rem; border: .02rem solid #666; border-right-color: #ff9933; background: #fff; height: 1rem; line-height: 1rem; padding: 0 .25rem; display: block; overflow: hidden; float: left; font-size: .3rem; border-top-left-radius: .15rem; border-bottom-left-radius: .15rem;}
.hst-btn{ width: 1.5rem; border: none; height: 1.04rem; text-align: center; line-height: 1.04rem; display: block; overflow: hidden; float: left; background: #ff9933;border-bottom-right-radius: .15rem;border-top-right-radius: .15rem;}
.hst-btn font{ font-size: .4rem; color: #fff;}
.home-search-hot{ width: 7rem; display: block; overflow: hidden; margin: .5rem auto;}
.home-search-hot em{ float: left; width: 100%; text-indent: .25rem; font-size: .26rem; line-height: .4rem; display: block; overflow: hidden;}
.home-search-hot a{ float: left; font-size: .24rem; color: #999; line-height: .4rem; display: block; overflow: hidden; margin: .1rem 0 0 .25rem;}

.home-type{ width: 7rem; margin: 0 auto;}
.home-type a{ width: 100%; display: block; overflow: hidden; margin: 0 auto; padding-bottom: .7rem;}
.home-type a img{ width: 1rem; height: 1rem; border-radius: 50%; display: block; overflow: hidden; margin: .25rem auto;}
.home-type a em{ width: 90%; line-height: .4rem; font-size: .24rem; display: block; overflow: hidden; margin: 0 auto; text-align: center;}
.home-type .swiper-pagination-bullet{ background: #666;}
.home-type .swiper-pagination-bullet-active{ background: #ff9933;}

/*type*/
.type-a{ width: 7.5rem; display: block; overflow: hidden; margin: 0 auto;}
.type-a a{ width: 7.5rem; display: block; overflow: hidden; float: left; margin: 0 auto;}
.type-a img{ width: .8rem; height: .8rem; border-radius: 50%; display: block; overflow: hidden; float: left; margin: .1rem 0 0 .25rem;}
.type-a span{ width: 6.25rem; padding: .25rem 0; border-bottom: .01rem solid #f1f1f1; float: right; display: block; overflow: hidden;}
.type-a span em{ width: 5.5rem; line-height: .5rem; font-size: .28rem; float: left; display: block; overflow: hidden;}
.type-a span font{ line-height: .5rem; font-size: .28rem; color: #999; float: right; margin: 0 .25rem 0 0;}

/*info*/
.info-a{ width: 7.5rem; display: block; overflow: hidden; margin: 0 auto;}
.info-a a{ width: 7rem; padding: .25rem .25rem .25rem 0; display: block; overflow: hidden; float: left; margin: 0 0 0 .25rem; border-bottom: .01rem solid #f1f1f1;}
.info-a em{ width: 5.5rem; line-height: .5rem; font-size: .28rem; float: left; display: block; overflow: hidden;}
.info-a font{ line-height: .5rem; font-size: .28rem; color: #999; float: right;}

.info-details{ width: 7rem; padding: .25rem; line-height: .6rem; font-size: .26rem; display: block; overflow: hidden; margin: 0 auto;}
.info-details img{ max-width: 100%;}

.info-tit{ width: 7rem; line-height: .8rem; font-size: .4rem; display: block; overflow: hidden; margin: .25rem auto 0 auto;}
.info-time{ width: 7rem; line-height: .6rem; font-size: .24rem; display: block; overflow: hidden; margin: 0 auto;}
.info-pic{ width: 7rem; display: block; overflow: hidden; margin: 0 auto;}
.info-pic img{ max-width: 100%; float: left;}


/*list*/
.list-lam{ width: 7.5rem; height: .88rem; display: block; overflow: hidden; margin: 0 auto;}
.list-lam a{ width: 50%; height: .8rem; line-height: .8rem; text-align: center; display: block; overflow: hidden; margin: .04rem 0 0 0; float: left; font-size: .28rem;}
.list-lam a.active{ border-bottom: .04rem solid #ff9933; color: #ff9933;}
.list-note{ width: 7rem; line-height: .3rem; padding: .25rem; display: block; overflow: hidden; margin: 0 auto; background: #f1f1f1; font-size: .24rem; color: #999;}
.list-note em{ color: #ff9933;}
.list-type{ width: 7.5rem; height: .88rem; display: block; overflow: hidden; margin: 0 auto;}
.list-type .lt-a{ float: left; width: 1.75rem; line-height: .88rem; display: block; overflow: hidden;}
.list-type .lt-a em{ float: left; margin: 0 0 0 .25rem; font-size: .26rem;}
.list-type .lt-a font{ float: left; margin: 0 0 0 .05rem; font-size: .24rem; color: #999;}
.list-type .lt-r{ float: right; width: auto; margin: 0 .25rem 0 0;}
.pro-list{ width: 7.5rem; margin: 0 auto;}
.pro-list ul { width: 7.5rem; display: block; overflow: hidden; border-top: .02rem solid #f1f1f1;}
.pro-list ul li{ width: 7rem; padding: .25rem; background: #fff; display: block; overflow: hidden; border-bottom: .02rem solid #f1f1f1;}
.pro-list ul li .pro-pic{ width: 2.9rem; height: 2.9rem; overflow: hidden; float: left;display: flex;
  justify-content: center;
  align-items: center; }
.pro-list ul li .pro-pic img{ max-width: 100%;}
.pro-list ul li .pro-info{ width: 3.85rem; height: 4.1rem; display: block; overflow: hidden; float: right;}
.pro-list ul li .pro-info .p-tit{ width: 100%; height: .8rem; line-height: .4rem; display: block; overflow: hidden; font-size: .26rem;}
.pro-list ul li .pro-info .p-p{ width: 100%; height: 1.2rem; line-height: .4rem; display: block; overflow: hidden; margin: .1rem auto 0 auto;}
.pro-list ul li .pro-info .p-p span{ width: 100%; height: .4rem; line-height: .4rem; display: block; overflow: hidden; font-size: .26rem; color: #999;}
.pro-list ul li .pro-info .p-p em{ color: #ff9933;}
.pro-list ul li .pro-info .p-label{ width: 100%; height: .7rem; display: block; overflow: hidden;}
.pro-list ul li .pro-info .p-label label{ display: block; overflow: hidden; float: left; margin: 0 .03rem 0 0;}
.pro-list ul li .pro-info .p-label label img{ height: .4rem; margin: .15rem 0 0 0;}
.pro-list ul li .pro-info .p-label .p-label-a{ display: block; overflow: hidden; float: right; margin: 0 0 0 .15rem;}
.pro-list ul li .pro-info .p-label .p-label-a img{ height: .7rem;}
.pro-list ul li .pro-info .p-adr{ width: 100%; height: 1.2rem; line-height: .4rem; display: block; overflow: hidden;}
.pro-list ul li .pro-info .p-adr i{ float: left; font-size: .3rem; color: #999;}
.pro-list ul li .pro-info .p-adr em{ float: left; font-size: .24rem; color: #666; margin: 0 0 0 .05rem;}


.pro-list02{ width: 7rem; margin: 0 auto;}
.pro-list02 ul { width: 7rem; display: block; overflow: hidden;}
.pro-list02 ul li{ width: 7rem; padding: .25rem 0; background: #fff; display: block; overflow: hidden; border-top: .02rem solid #f1f1f1;}
.pro-list02 ul li .pro-pic02{ width: 1.7rem; height: 1.7rem; overflow: hidden; float: left;display: flex;
  justify-content: center;
  align-items: center; }
.pro-list02 ul li .pro-pic02 img{ max-width: 100%; max-height: 1.7rem;}
.pro-list02 ul li .pro-info02{ width: 5.05rem; height: 2.1rem; display: block; overflow: hidden; float: right;}
.pro-list02 ul li .pro-info02 .p-tit02{ width: 100%; height: .8rem; line-height: .4rem; display: block; overflow: hidden; font-size: .26rem;}
.pro-list02 ul li .pro-info02 .p-p02{ width: 100%; height: 1.2rem; line-height: .4rem; display: block; overflow: hidden; margin: .1rem auto 0 auto;}
.pro-list02 ul li .pro-info02 .p-p02 span{ width: 100%; height: .4rem; line-height: .4rem; display: block; overflow: hidden; font-size: .26rem; color: #999;}
.pro-list02 ul li .pro-info02 .p-p02 em{ color: #ff9933;}

.pro-list.p03 .icart{ float: left; width: .6rem; line-height: 2rem; font-size: .24rem; color: #ccc;}
.pro-list.p03 .pro-info{ width: 3.25rem;}

.sup-list{ width: 7.5rem; margin: 0 auto;}
.sup-list ul { width: 7.5rem; display: block; overflow: hidden;}
.sup-list ul li{ width: 7rem; padding: .25rem; background: #fff; display: block; overflow: hidden; border-top: .02rem solid #f1f1f1;}
.sup-list ul li .sup-pic{ width: 1rem; height: 1rem; border-radius: 50%; overflow: hidden; float: left; display: block;}
/*.sup-list ul li .sup-pic{ width: 1rem; height: 1rem; border-radius: 50%; overflow: hidden; float: left;display: flex;
  justify-content: center;
  align-items: center; }*/
.sup-list ul li .sup-pic img{ max-width: 100%;}
.sup-list ul li .sup-info{ width: 5.75rem; display: block; overflow: hidden; float: right;}
.sup-list ul li .sup-info .s-tit{ width: 100%; line-height: .4rem; display: block; overflow: hidden; font-size: .3rem;}
.sup-list ul li .sup-info .s-p{ width: 100%; height: .8rem; line-height: .4rem; display: block; overflow: hidden; margin: .1rem auto 0 auto;}
.sup-list ul li .sup-info .s-p span{ width: 100%; height: .4rem; line-height: .4rem; display: block; overflow: hidden; font-size: .26rem; color: #999;}
.sup-list ul li .sup-info .s-p em{ color: #ff9933;}
.sup-list ul li .sup-info .s-label{ width: 100%; height: auto; display: block; overflow: hidden;}
.sup-list ul li .sup-info .s-label label{ display: block; overflow: hidden; float: left; margin: 0 .25rem 0 0; min-width: 45%;}
.sup-list ul li .sup-info .s-label label img{ height: .3rem; margin: .15rem 0 0 0; float: left;}
.sup-list ul li .sup-info .s-label label em{ height: .3rem; line-height: .3rem; font-size: .24rem; margin: .15rem 0 0 .1rem; float: left;}
.sup-list ul li .sup-info .s-pro{ width: 6rem; height: 2.85rem; display: block; overflow: hidden;}
.sup-list ul li .sup-info .s-pro a{ width: 1.75rem; height: 2.5rem; display: block; overflow: hidden; float: left; margin: .25rem .25rem 0 0;}
.sup-list ul li .sup-info .s-pro a span{ width: 1.75rem; height: 1.75rem; overflow: hidden; display: flex;justify-content: center;align-items: center; }
.sup-list ul li .sup-info .s-pro a span img{ max-width: 100%;}
.sup-list ul li .sup-info .s-pro a em{ width: 100%; line-height: .3rem; height: .6rem; font-size: .24rem; display: block; overflow: hidden; margin: .15rem 0 0 0; color: #666;}



.pro-list04{ width: 7.5rem; margin: 0 auto;}
.pro-list04 ul { width: 7.5rem; display: block; overflow: hidden;}
.pro-list04 ul li{ width: 7rem; padding: .25rem; background: #fff; display: block; overflow: hidden; border-bottom: .1rem solid #f1f1f1;}
.pro-list04 ul li .pro-pic04{ width: 1.3rem; height: 1.3rem; overflow: hidden; float: left;display: flex;
  justify-content: center;
  align-items: center; }
.pro-list04 ul li .pro-pic04 img{ max-width: 100%;}
.pro-list04 ul li .pro-info04{ width: 4.75rem; height: 1.3rem; display: block; overflow: hidden; float: right;}
.pro-list04 ul li .pro-info04 .p-tit04{ width: 100%; height: .6rem; line-height: .3rem; display: block; overflow: hidden; font-size: .26rem;}
.pro-list04 ul li .pro-info04 .p-type{ width: 100%; height: .6rem; line-height: .3rem; display: block; overflow: hidden; font-size: .26rem; margin: .1rem 0 0 0; color: #999;}
.pro-list04 ul li .pro-info04.p04{ float: left;}
.pro-list04 .icart{ float: left; width: .6rem; line-height: 1.3rem; font-size: .24rem; color: #ccc;}
.pro-list04 ul li .pro-a04{ width: 100%; display: block; overflow: hidden; border-top: .01rem solid #f1f1f1; float: left; margin: .25rem 0 0 0;}
.pro-list04 ul li .pro-a04 a{ float: right; border: .02rem solid #f1f1f1; color: #666; line-height: .6rem; border-radius: .3rem; margin: .25rem 0 0 .25rem; padding: 0 .25rem;}
.pro-list04 ul li .pro-t04{ width: 100%; display: block; overflow: hidden; float: left; height: .7rem; line-height: .7rem; border-bottom: .01rem solid #f1f1f1; margin: 0 0 .25rem 0}
.pro-list04 ul li .pro-t04 em{ float: left; color: #999;}
.pro-list04 ul li .pro-t04 label{ float: right; color: #ff9933;}



/*list-type*/
.popup-bottom{ width: 7.5rem; bottom: 0; top: 3.4rem; background: #fff;display: block; overflow: hidden; overflow-y: scroll; position: fixed; z-index: 9999;}
.sup-type{ width: 7rem; margin: .25rem auto; display: block; overflow: hidden;}
.sup-type a{ display: block; overflow: hidden; padding: 0 .25rem ; line-height: .7rem; font-size: .26rem; float: left; margin: .1rem 0 0 0; min-width: 3rem;}
.sup-type a img{ height: .4rem; margin: .1rem 0; float: left;}
.sup-type a em{ float: left; margin: 0 0 0 .1rem;}
.sup-type a.active{ background: #ff9933; color: #fff; border-radius: .1rem;}

.sup-t-menu{ width: 7.5rem; height: .8rem; background: #fff; position: fixed; bottom: 0; z-index: 99999;}
.sup-t-menu a{ float: left; width: 50%; text-align: center; line-height: .8rem; font-size: .26rem; display: block; overflow: hidden;}
.sup-t-menu a.a2{ background: #ff9933; color: #fff;}
.sup-t-menu-nbsp{ height: 1rem;}

.sup-type-li{ width: 7rem; margin: .25rem auto; display: block; overflow: hidden;}
.sup-type-li em{ width: 100%; font-size: .3rem; line-height: .5rem; font-weight: bold; display: block; overflow: hidden;}
.sup-type-li a{ width: 100%; font-size: .26rem; line-height: .4rem; padding: .05rem 0; display: block; overflow: hidden;}
.sup-type-li a.a1{ font-size: .28rem; font-weight: bold; margin: .25rem 0 0 0;}

.price-ud{ width: 7rem; margin: .25rem auto; display: block; overflow: hidden;}
.price-ud a{ display: block; overflow: hidden; padding: 0 .25rem ; line-height: .7rem; font-size: .28rem; float: left; margin: .1rem .25rem 0 0; background: #f9f9f9; border-radius: .1rem;}
.price-ud a.active{ background: #ff9933; color: #fff; border-radius: .1rem;}


/*details*/
.details-menu{ width: 7.5rem; height: 1rem; display: block; overflow: hidden; margin: 0 auto; position: fixed; z-index: 9; bottom: 0; background: #fff;}
.details-menu a{ width: 33.33%; text-align: center; line-height: 1rem; font-size: .3rem; float: left; display: block; overflow: hidden;}
.details-menu a.a2{ color: #fff; background: #ff9933;background-image: linear-gradient(to right bottom ,#ff9933,#ff6600);}
.details-menu a.a3{ color: #fff; background: #4065dc;background-image: linear-gradient(to right bottom ,#517afe,#4065dc);}
.details-menu a.a4{ color: #fff; background: #ff4f26;background-image: linear-gradient(to right bottom ,#ff4f26,#d53a16);}
.details-top-menu{ width: 7.5rem; height: .88rem; display: block; overflow: hidden; margin: 0 auto; position: fixed; z-index: 9; top: 0;}
.details-top-menu a{ float: left; width: .6rem; height: .6rem; background: #fff; border-radius: 50%; text-align: center; line-height: .6rem; margin:.14rem .25rem;}
.details-top-menu a.m-r{ float: right;}
.details-menu-nbsp{ height: 1rem;}

.details-pic{ width: 7.5rem; height: 7.5rem; margin: 0 auto;}
.details-pic .swiper-slide{ width: 7.5rem; height: 7.5rem; margin: 0 auto;display: flex;justify-content: center;align-items: center; }
.details-pic .swiper-slide img{ max-width: 100%;}
.details-pic .swiper-slide>a{ width: 100%; height: 100%; display: block;}
.details-pic .swiper-pagination-fraction{ width: 1rem; height: .4rem; line-height: .4rem; border-radius: .2rem; right: .25rem; left: auto; background: #333; color: #fff; opacity: .6;}
.details-pic .swiper-pagination-fraction span{ color: #fff;}
.details-info{ width: 7.5rem; display: block; overflow: hidden; margin: 0 auto;}
.details-info .di-tit{ width: 7rem;line-height: .4rem; display: block; overflow: hidden; color: #333; font-size: .3rem; padding: .25rem;}
.details-info .di-type{ width: 7rem;line-height: .4rem; display: block; overflow: hidden; color: #999; font-size: .26rem; padding: 0 0 .1rem 0; border-bottom: .01rem solid #f1f1f1; margin: 0 auto;}
.details-info .di-adr{ width: 7rem;line-height: .4rem; display: block; overflow: hidden; padding:.1rem .25rem .25rem .25rem;}
.details-info .di-adr i{ float: left; font-size: .36rem; color: #999;}
.details-info .di-adr em{ float: left; font-size: .26rem; color: #666; margin: 0 0 0 .1rem;}
.details-info .di-psub{ width: 7.5rem; background: #f1f1f1; display: block; overflow: hidden; padding: .25rem 0;}
.details-info .di-p{ width: 7rem; line-height: .6rem; display: block; overflow: hidden; margin:0 auto; border-radius: .1rem; background: #fff;}
.details-info .di-p p{ width: 100%; line-height: .4rem; display: block; overflow: hidden; color: #666; font-size: .25rem; border-bottom: .01rem solid #f1f1f1; padding: .1rem 0;}
.details-info .di-p span{ width: 3rem; display: block; overflow: hidden; float: left; padding: 0 .25rem;}
.details-info .di-p em{ color: #ff9933;}

.details-o-info{ width: 7rem; padding: .25rem; display: block; overflow: hidden; margin: 0 auto;}
.details-o-info .o-lam{ font-size: .3rem; font-weight: bold; width: 7rem; line-height: .6rem; color: #333;}
.details-o-info span{ width: 3.25rem; height: .5rem; line-height: .5rem; display: block; overflow: hidden; font-size: .24rem; color: #666; float: left; margin: 0 .25rem 0 0;}
.details-all{ width: 7rem; display: block; overflow: hidden; margin: 0 auto;}
.details-all img{ max-width: 100%;}
.o-type{ float: right;}
.o-type i{ font-size: .28rem; margin: 0 .05rem 0 0;}


.details-shop{ width: 7rem; padding: .25rem; display: block; overflow: hidden; margin: 0 auto;}
.details-shop .s-pic{ width: .7rem; height: .7rem; border-radius: 50%; float: left; display: block; overflow: hidden;}
.details-shop .s-name{ width: 2.5rem; height: .7rem; float: left; display: block; overflow: hidden; margin: 0 0 0 .25rem;}
.details-shop .s-name em{ width: 100%; height: .35rem; line-height: .35rem; font-size: .24rem; display: block; word-break:break-all;}
.details-shop .s-name label{ display: block; overflow: hidden; float: left;}
.details-shop .s-name label img{ height: .3rem; margin: .05rem .15rem 0 0; float: left;}
.details-shop .s-chat{ height: .6rem; background: #ff9933; border-radius: .3rem; display: block; overflow: hidden; float: left; margin: .05rem 0 0 .25rem;}
.details-shop .s-chat img{ height: .6rem; float: left;}
.details-shop .s-chat em{ float: left; line-height: .6rem; color: #fff; font-size: .24rem; margin: 0 .15rem 0 0;}
.details-shop .s-inter{ height: .7rem; display: block; overflow: hidden; float: right;}
.details-shop .s-inter font{ float: left; line-height: .7rem; font-size: .24rem;}
.details-shop .s-inter em{ float: left; line-height: .7rem; color: #333; font-size: .24rem; margin: 0 .05rem 0 0;}

/*shop*/
.shop-menu{ width: 7.5rem; height: auto; margin:0 auto; background: #fff;}
.shop-menu a{ display: block; overflow: hidden; line-height: .88rem; float: left; text-decoration: none; color: #333; font-size: .3rem; padding: 0 .25rem;}
.shop-menu a.active{ background: #ff9933; color: #fff;}
.shop-menu .swiper-slide{ margin: 0!important; width: auto!important;}
.lam-fiexd{ position: fixed; top: 0; background: #4e81b9; border: none; z-index: 99;}
.lamtext{ height: auto;}

.shop-home-a{ width:2.85rem; height: .7rem; position: absolute; z-index: 99; margin: -.5rem 0 0 4.65rem;}
.shop-home-a .s-a{ width: .7rem; height: .7rem; float: left; margin: 0 .25rem 0 0;}
.shop-home-a .s-a img{ width: .7rem; height: .7rem;}

.shop-top-bac{ width: 7.5rem; height: 3rem; position: absolute; z-index: 0; background: #000;}
.shop-top-bac img{ width: 100%;}

.shop-top{ width: 7rem; padding:1rem .25rem .5rem .25rem; display: block; overflow: hidden; margin:0 auto; background: #444/* !important */; }
.shop-top .t-pic{ width: .7rem; height: .7rem; border-radius: 50%; float: left; display: block; overflow: hidden; background: #fff;}
.shop-top .t-name{ width: 6rem; float: left; display: block; overflow: hidden; margin: 0 0 0 .25rem;}
.shop-top .t-name em{ width: 100%; line-height: .4rem; font-size: .3rem; display: block; overflow: hidden; color: #fff;}
.shop-top .t-name label{ display: block; overflow: hidden; float: left; margin: .1rem .25rem 0 0;}
.shop-top .t-name label img{ height: .3rem; margin:0 .15rem 0 0; float: left;}
.shop-top .t-name label span{ line-height: .3rem; color: #fff; font-size: .24rem;}

.about-pic{ width: 100%; margin: 0 auto; display: block; overflow: hidden;}
.about-pic img{ max-width: 100%; float: left;}
.about-info{ width: 7rem; padding: .25rem; background: #f1f1f1; margin: 0 auto;}
.about-info p{ width: 7rem; padding: .1rem 0; line-height: .36rem; font-size: .26rem;}
.about-details{ clear:both; width: 7rem; padding: .25rem; line-height: .6rem; font-size: .26rem; margin: 0 auto;}


/*recruitment*/
.rec-list{ width: 7.5rem; display: block; overflow: hidden;}
.rec-list ul li{ width: 7rem; padding: .25rem; border-bottom: .1rem solid #f1f1f1; display: block; overflow: hidden;}
.rec-list ul li .rec-tit{ width: 7rem; line-height: .8rem; font-size: .3rem; display: block; overflow: hidden;}
.rec-list ul li .rec-label{ width: 7rem; line-height: .6rem; font-size: .3rem; display: block; overflow: hidden;}
.rec-list ul li .rec-label label{ float: left; line-height: .5rem; font-size: .24rem; border: .01rem solid #f1f1f1; color: #666; margin: .1rem .1rem 0 0; padding: 0 .15rem; border-radius: .1rem; display: block; overflow: hidden;}
.rec-list ul li .rec-details{ width: 7rem; max-height: 2rem; line-height: .4rem; font-size: .24rem; color: #999; display: block; overflow: hidden; margin: .1rem 0 0 0;}
.rec-list ul li .rec-a{ width: 7rem; height: .7rem; display: block; overflow: hidden; margin: .25rem 0 0 0; background: #f9f9f9;}
.rec-list ul li .rec-a a{ width: 50%; height: .7rem; line-height: .7rem; text-align: center; display: block; overflow: hidden; float: left; font-size: .26rem;}
.rec-list ul li .rec-a a.a1{ background: #ff9933; color: #fff;}
.shop-rec-a{ width: 1.5rem; height: .8rem; text-align: center; border-radius: .1rem; line-height: .8rem; background: #ff9933; top: 1.2rem; margin: 0 0 0 5.75rem; position: fixed; z-index: 99; font-size: .3rem; color: #fff;}

/*video*/
.video-list{ width: 7.5rem; display: block; overflow: hidden;}
.video-list ul li{ width: 7rem; padding: .25rem; border-bottom: .1rem solid #f1f1f1; display: block; overflow: hidden;}
.video-list ul li .video-text{ width: 7rem; height: 4rem; display: block; overflow: hidden;}
.video-list ul li img{ width: 100%;}
.video-list ul li em{ width: 100%; line-height: .4rem; font-size: .26rem; display: block; overflow: hidden; margin: .1rem 0 0 0;}

/*resourcing*/
.res-list{ width: 7.5rem;}
.res-list ul li{ width: 7rem; padding: .25rem; display: block; overflow: hidden; border-top: .01rem solid #f1f1f1; border-bottom: .1rem solid #f1f1f1;}
.res-list ul li .res-tit{ width: 100%; line-height: .4rem; font-size: .3rem; display: block; overflow: hidden;}
.res-list ul li .res-label{ width: 100%; display: block; overflow: hidden; padding: .15rem 0;}
.res-list ul li .res-label p{ width: 100%; line-height: .36rem; font-size: .24rem; padding: .05rem 0; display: block; overflow: hidden;}
.res-list ul li .res-label p em{ color: #999;}
.res-list ul li .res-pic{ width:7.25rem; display: block; overflow: hidden;}
.res-list ul li .res-pic span{ width:1.5rem; height: 1.5rem;display: flex; justify-content: center; align-items: center; overflow: hidden; float: left; margin: .25rem .3rem 0 0;}
.res-list ul li .res-pic span img{ max-width: 100%;}
.res-list ul li .res-a{ width: 7rem; padding: .15rem 0 0 0; display: block; overflow: hidden; border-top: .01rem solid #f1f1f1;}
.res-list ul li .res-a em{ float: left; line-height: .6rem;}
.res-list ul li .res-a a{ line-height: .6rem; padding: 0 .25rem; float: right; background: #ff9933; color: #fff; display: block; overflow: hidden; border-radius: .1rem;}

/*form-text*/
.form-text{ width: 100%; display: block; overflow: hidden;}
.form-li{ width: 7.5rem; display: block; overflow: hidden; margin:.25rem auto 0 auto;}
.form-li em{ width: 7rem; height: .4rem; line-height: .4rem; font-size: .26rem; display: block; overflow: hidden; margin:0 auto;}
.form-li em label{ color: red; margin: 0 .1rem 0 0;}
.form-lam02{ width: 7rem; height: .4rem; line-height: .4rem; padding: .25rem 0; font-size: .28rem; font-weight: bold; display: block; overflow: hidden; margin:0 auto; border-top: .02rem solid #ddd;}
.form-lam03{ width: 7rem; line-height: .4rem; padding: .25rem; font-size: .28rem; font-weight: bold; display: block; overflow: hidden; margin:0 auto;}
.form-r-o-s{ width: 100%; text-align: center; line-height: .6rem; display: block; overflow: hidden; font-size: .24rem; color: #999;}
.form-r-o-s.active{ transform:rotate(180deg);}
.form-btn{ width: 7.5rem; display: block; overflow: hidden; margin:.25rem auto;}
.f-btn{ width: 7rem; line-height: .8rem; height: .8rem; font-size: .28rem; display: block; overflow: hidden; border: none; background: #ff9933;background-image: linear-gradient(to right bottom ,#ff9933,#ff6600); border-radius: .1rem; margin:.25rem 0 0 .25rem; float: left; color: #fff;}
.f-btn.h2{ height: .9rem; line-height: .9rem;}
.f-text{ width: 6.5rem; line-height: .7rem; height: .7rem; font-size: .28rem; display: block; overflow: hidden; border: none; border-bottom: .02rem solid #ddd; background: #f9f9f9; border-radius: .1rem; padding: 0 .25rem; margin:.1rem 0 0 .25rem; float: left;}
.f-text.h2{ height: 2.1rem;}
.f-text.s2{ width: 3.25rem;}
.f-text.s3{ width: 2.5rem;}
.f-text.s4{ width: 1.25rem;}
.f-text02{ width: 6.5rem; line-height: .8rem; height: .8rem; font-size: .28rem; display: block; overflow: hidden; border: none; border-bottom: .02rem solid #ddd; background: #f9f9f9; border-radius: .1rem; padding: 0 .25rem; margin:.1rem 0 0 .25rem; float: left;}
.f-sel{ line-height: .7rem; height: .7rem; font-size: .28rem; display: block; overflow: hidden; border: none; border-bottom: .02rem solid #ddd; background: url(../img/sel-bac.png) no-repeat center right; background-size: auto 100%; border-radius: .1rem; padding: 0 .5rem 0 .25rem; margin:.1rem 0 0 .25rem; float: left;}
.f-sel.s2{ width: 3rem;}
.f-sel.s3{ width: 7rem;}
.f-sel.s5{ width: 2.15rem;}
.form-r-sub{ width: 7.5rem; background: #f1f1f1; display: block; overflow: hidden; margin: .25rem auto 0 auto;}
.form-r-o{ width: 7.5rem; background: #f1f1f1; display: none; overflow: hidden; padding: .25rem 0; margin:0 auto;}
.form-li02{ width: 7.5rem; display: block; overflow: hidden; margin:.25rem auto 0 auto;}
.form-li02 a{ float: left; margin: 0 0 .25rem .25rem; background: #f9f9f9; border-radius: .1rem; line-height: .7rem; padding:0 .25rem; display: block; overflow: hidden; border-bottom: .02rem solid #ddd;}
.form-li02 a.active{ background: #ff9933; color: #fff;}

.f-new-add{ float: left; line-height: .6rem; padding: 0 .25rem; font-size: .26rem; border: .01rem solid #ddd; margin: .25rem; border-radius: .3rem;}
.f-textarea{ width: 6.5rem; line-height: .7rem; height: 2.8rem; font-size: .28rem; display: block; overflow: hidden; border: none; border-bottom: .02rem solid #ddd; background: #f9f9f9; border-radius: .1rem; padding: 0 .25rem; margin:.1rem 0 0 .25rem; float: left;}
.login-c{ width: 1rem; height: .88rem; margin: 0 0 0 6.5rem; display: block; overflow: hidden;}
.login-c font{ font-size: .3rem; color: #999; line-height: .88rem; float: right; margin: 0 .25rem 0 0;}

.f-label{ width: 6.5rem; margin:.1rem auto 0 auto; line-height: .4rem; font-size: .26rem; display: block; overflow: hidden; border-bottom: .02rem solid #ddd; background: #f9f9f9; border-radius: .1rem; padding:.15rem .25rem;}

.yzm-pic{ width: 3rem; border-radius: .1rem; height: .7rem; border-bottom: .02rem solid #ddd; float: left; margin: .1rem 0 0 .25rem;}
.yzm-mail{ width: 3rem; border-radius: .1rem; height: .7rem; border-bottom: .02rem solid #ddd; float: left; margin: .1rem 0 0 .25rem; background: #f9f9f9; text-align: center; line-height: .7rem; display: block; overflow: hidden;  font-size: .24rem;}

.f-argee{ width: 7rem; float: left; margin: .25rem 0 0 .25rem; display: block; overflow: hidden; line-height: .7rem;}
.f-argee i{ float: left; font-size: .3rem; color: #ccc;}
.f-argee em{ float: left; font-size: .24rem; margin: 0 0 0 .1rem;}
.f-argee a{ color: #ff9933;}
.f-argee.active i{ color: #ff9933;}

.f-forget{ line-height: .6rem; text-align: right; width: 7rem; margin: .1rem 0 .25rem .25rem; display: block; overflow: hidden; float: left; font-size: .26rem; color: #666;}

.form3 span{ line-height: .7rem; float: left; margin: 0 0 0 .25rem;}

.member-pic{ width: .6rem; height: .6rem; margin: .2rem .1rem 0 0; float: left;}
.member-d-pic{ width: 1rem; height: 1rem; display: block; overflow: hidden; margin: .25rem auto;}
.member-d-tit{ width: 7rem; line-height: .6rem; font-size: .36rem; font-weight: bold; padding: .2rem 0; display: block; overflow: hidden; margin: 0 auto;}
.member-d-cot{ width: 7rem; line-height: .6rem; font-size: .26rem; display: block; overflow: hidden; margin: 0 auto;}

#back-top{ width: .8rem; height: .8rem; line-height: .8rem; text-align: center; position: fixed; z-index: 999; right: .25rem; bottom: 1.25rem; border-radius: 50%; background: #fff; display: block; overflow: hidden; box-shadow: 0 1px 8px 0 #ddd; border: .02rem solid #f7f7f7;}
#back-top i{ font-size: .4rem; font-weight: bold; color: #666;}