.clearfix:before,.clearfix:after{ 
  content:""; 
  display:table; 
} 
.clearfix:after{clear:both;} 
.clearfix{ 
  *zoom:1;/*IE/7/6*/ 
}
html{ line-height: 1.15; width:100%; height: 100%; background: #f5f5f5; font-family: PingFang SC,Helvetica Neue,Arial,sans-serif}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; -webkit-overflow-scrolling : touch;}
html, body{ width: 100%; position: relative; overflow-x: hidden}
ul, ol { list-style:none; } 
a { text-decoration:none; } 
a:hover { text-decoration:none; } 
.mar-b-20{ margin-bottom: .267rem}
.mar-b-40{ margin-bottom: .53rem}
.bg-white{ background-color: #ffffff}
.flex_common{ display: flex; justify-content: space-between; align-items: center}
.a_save_btn{ font-size: .4rem; color: #8a5cc1}
.a_back_btn{ font-size: .427rem !important; color: #c9c9c9; line-height: 1}
.a_back_btn_pos{ font-size: .427rem !important; color: #c9c9c9; line-height: 1; position: absolute; top: 50%; margin-top: -0.21rem; left: 3.5%}
.a_personal_btn{ width: .5rem; height: .5rem; color: #c9c9c9; font-size: .507rem !important; }
.m-t-35{ margin-top: .467rem}

body{ background: #f5f5f5; font-size: 0.21rem; min-height: 100%; width:100%;}
.Banner img{ width: 100%}
.Banner .swiper-pagination{ text-align: right; padding-right: 3.5%; box-sizing: border-box}
.Banner .swiper-pagination-bullet{ width: .107rem; height: .107rem;}
.Banner .swiper-pagination-bullet-active{ background: #ffffff}
.contain{ background: #fff}
.middle{ width: 93.3%; margin: 0 auto}
.sh-access{ margin-bottom: .037037rem}
.sh-access ul{ padding:.467rem 0 .4rem}
.sh-access li{ float: left; width: 20%; box-sizing: border-box}
.sh-access li a{ display: block; font-size: 0.38rem; text-align: center; color: #666666;}
.sh-access li a img{ height: .8rem; margin-bottom: .267rem;} 
.sh-access li a span{ display: block}

.module{ margin-bottom: 0.17rem}
.module ul{ padding: .467rem 0 .45rem}
.module li{ float: left; width: 20%; box-sizing: border-box}
.module li a{ display: block; font-size: 0.38rem; text-align: center; color: #333333;}
.module li a img{ height: 1.12rem; margin-bottom: .173rem;} 
.module li a span{ display: block}

.contain .title{ height: 1rem; position: relative; border-bottom: 2px solid #f5f5f5; font-size: 0.42rem; color: #333333; line-height: 1rem}
.contain .title .more{
  float:right;
  color:#999;
}
.leader .title .color{height: 100%; position: absolute; bottom: 0; left: 0;padding:0;color:#c05c04;}
.leader-1{ font-size: 0.21rem; padding-top: 0.256rem; padding-bottom: 0.21rem}
.leader-1 .img{ width:90%; background: #e5e5e5; border-radius: .185185rem; margin: 0 auto}
.leader-1 .img img{ width: 100%;object-fit: cover;height:2.5rem;}
.leader-1 span{ color: #333333; display: inline-block; padding-left: 5%; margin-top: 0.2rem; font-size: .347rem;text-align:center;}
.leader-1 p{color:#333;font-size:0.347rem;line-height:2em;text-align:center;}
.member .title .color{height: 100%; position: absolute; bottom: 0; left: 0;color:#796100;padding:0;}
.news .title .color{ height: 100%; position: absolute; bottom: 0; left: 0;color:#587cf0;padding:0;}
.news .title .color:after,.leader .title .color:after,.member .title .color:after{
  content: '';
  position:absolute;
  height:2px;
  width:calc(100% + 4px);
  bottom:-2px;
  left:-2px;
  background:#587cf0;
}
.news.activity .title .color{color:#761af3;}
.leader .title .color:after{background:#c05c04;}
.member .title .color:after{background:#796100;}
.news.activity .title .color:after{background:#761af3;}
.leader, .member{ margin-bottom: 0.17rem}

.news{ margin-bottom: .37037rem}
.news ol{ padding-top: .187rem; padding-bottom:0.1rem; list-style-type:decimal; list-style-position:inside;}
.news ol.data-list{padding:0 10px;}
.news li{ padding:.187rem 0;}
.news li a{ font-size: 0.347rem; color: #333333; display: inline-block; width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: text-bottom}
.news li span{ font-size: 0.347rem; color: #999999; float:right;}

.gx-search{ padding:.2rem 0; position: relative; border-bottom: .018519rem solid #f5f5f5}
.gx-search .back{ width: .24rem; float:left; margin-top: 0.2rem}
.gx-search .back img{ width:100%;}
.gx-search .member-btn{ float:right; width: .507rem; margin-top: 0.1rem}
.gx-search .member-btn img{ width:100%; float:right}
.gx-search .input-box{ width:82%; margin: 0 auto; height: .773rem; padding:0 0.2rem; box-sizing: border-box; border-radius: .185185rem; background: #f5f5f5}
.gx-search .input-box:after{ content:''; display: inline-block; height: 100%; vertical-align: middle}
.input-box input[type=button]{ width: .427rem; height: .427rem; background: url(../images/search.png) no-repeat center center; background-size: 100% 100%; border: none; outline: none; display: inline-block; vertical-align: middle}
.input-box input[type=text]{ width:80%; height: 100%; border: none; outline: none; display: inline-block; vertical-align: middle; background: #f5f5f5; padding-left: .185rem; font-size: 12px}
.gx-menu{ background: #ffffff; text-align: center}
.gx-menu li{ float: left; width: 33.33%; text-align: center}
.gx-menu.no-float li{ float:none; display: inline-block}
.gx-menu li:nth-child(3)::before{ content:''; width: 1px; background: #dadada; height:0.5rem; float:left; margin-top: 0.3rem}
.gx-menu li a{ display: inline-block; font-size: .4rem; line-height: 1.06rem; height: 1.06rem; color: #666666}
.gx-menu li a.on{ border-bottom: 2px solid #6d33b2; color: #6d33b2}
.gx-menu li a .icon-shaixuan{ margin-left: .173rem; color: #707070; font-size: .28rem; }

.order-list-contain{ position: relative; width: 100%;}
.order-list{ padding: 0 15px; width:calc(100% - 30px);margin:auto;}
.drop-element{ display: none;padding-top:15px;}
.drop-element.on{ display: block;}
.user-drop-element{top: 2.8rem;}
.order-list li{ border-radius: 10px; background: #ffffff; margin-bottom: .32rem; padding: .32rem}
.order-list li .order-id{ font-size: .347rem; color: #999999; line-height: .4rem; margin-bottom: .48rem}
.order-list li .order-id .iconfont{ font-size: .4rem; margin-right: .1rem}
.order-detail h5{ font-size: .347rem; line-height: 1.3; font-weight: normal; margin-bottom: .46rem; margin-top: .05rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.order-detail p{ font-size: .32rem; color: #999999; margin-bottom: .173rem}
.order-detail .order-pic{ float: left; width: 2.4rem; height:2.427rem; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 5px; margin-right: .34rem;}
.detail-btn{ text-align: right; margin-top: .148rem}
.detail-btn a{ display: inline-block; width: 2.133rem; height: .747rem; line-height: .747rem; text-align: center; color: #fff; background:#8a5cc1; box-shadow: 0rem .037037rem .185185rem 0rem rgba(103, 7, 70, 0.3); border-radius: .092593rem; font-size: 12px}
.detail-bg{
    background:#f5f5f5;color:#999;
    border-radius:8px;
    padding:5px 10px;line-height:1.2em;font-size:0.35rem;
    margin-top:10px;
}
.add{ text-align: center}
.add a{ display:inline-block; width: 1.08rem; height: 1.08rem; line-height:1.08rem; color:#6d33b2;  font-size: 1.08rem; border-radius: 50%; box-shadow: 0px -2px 10px 0px rgba(103, 7, 70, 0.3); background: #fff; position: fixed; right:calc(50% - 0.54rem); bottom:calc(1rem + 12px); filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7; z-index:2;}
.shaixuan-bg{ display:none; position: fixed; width:100%; height: 100%; background:rgba(0, 0, 0, 0.5); top: 0;z-index:10;}
.shaixuan{ position: fixed; width:76%; height: 100%; background: #ffffff; padding:0 .213rem; top: 0; right: -100%; overflow-y: auto; transition: all .3s ease;z-index:10;}
.shaixuan-contain{ padding-top: .933rem; padding-bottom: 2.4rem}
.shaixuan-box{ padding-bottom: .333rem}
.shaixuan-box h6{ font-size: 12px; color: #666666; margin-bottom: 0.333rem}
.shaixuan-box ul{ margin: 0 -1.375%}
.shaixuan-box ul li{ width:30.5%; float: left; margin: 0 1.375% 2.75%; border-radius: 5px; overflow: hidden;}
.shaixuan-box ul li a{ display: block; line-height: 1.173rem; text-align: center; color:#333333; background: #f5f5f5; font-size: 12px}
.shaixuan-box ul li a.on{ background: url(../images/close.png) no-repeat right bottom; background-size: .57rem .45rem; background-color: #dcc8f5; color: #6d33b2 }
.shaixuan-btn-group{ position: fixed; width:76%; bottom: 0; padding: .32rem 0; background: #ffffff}
.shaixuan-btn-group .shaixuan-btn{ float: right}
.shaixuan-btn-group .shaixuan-btn a{ display:inline-block; width: 2.4rem; height: .96rem; line-height: .96rem; color: #fff; font-size: 14px; text-align: center}
.shaixuan-btn a.reset{ background: #e4516a; border-radius: 25px 0 0 25px;}
.shaixuan-btn a.ok{ background: #6d33b2; border-radius: 0 25px 25px 0;}

.release-gx{ background: #ffffff; font-size: 14px; padding-bottom: .466rem}
.release-gx .title{ height: 1.147rem; line-height: 1.147rem; text-align: center; color: #333333; font-size: .48rem; position: relative;  }
.release-gx .title .cancle{ font-size: 14px; color: #e4516a; line-height: 1.147rem; position: absolute; left: 0}
.release-gx input.enterprise-input{ width:100%; height: 1.333rem; border: none; border-bottom: 1px solid #e0e0e0; -webkit-appearance: none;}
.release-gx .item{ display:block; width: 100%; height: 1.133rem; line-height: 1.133rem; color: #333333; border-bottom: 1px solid #e0e0e0; position: relative; margin-bottom: 2px}
.release-gx .item::after{ content: ''; position: absolute; right: 0; top: 0; width: 1.133rem; height: 100%; background: url(../images/arrow_gray2.png) no-repeat right center; background-size: .24rem .427rem; background-color: #ffffff}
.release-gx .item select{ width:100%; height: 100%; border: none; -webkit-appearance: none; appearance: none; background: #ffffff}
.release-gx .item .item_values{ width:100%; height:100%; border:none;appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.release-gx textarea{ width:100%; height: 4rem; padding: .33rem 0; box-sizing: border-box; border: none; margin-bottom: .33rem; font-size: .4rem}
.release-gx .queueList ul{ margin: 0 -1.333%;}
.release-gx .queueList ul li{ display: inline-block; position: relative; width: 23%; height: 2.133rem; margin: 0 1.333%; background-color: #e0e0e0; border-radius: 5px ; font-size: 12px; color: #999999; text-align: center}
.release-gx .queueList ul li a{ font-size: 46px; display: block}
.release-gx .queueList ul li .upload{ position: absolute; font-size: 100px; right: 0; top: 0; opacity: 0; filter: alpha(opacity=0);}
.save{ padding: .667rem 0 1.333rem; text-align: center}
.save input{ width: 90%; height: 1.173rem; color: #ffffff; font-size: 14px; background: #8a5cc1; border: none; border-radius: 5px;}

.circle-back{ width: .613rem; height: .613rem; position: absolute; top: .333rem; left: .333rem; background: url(../images/back.png) no-repeat center center; background-size:cover;
  z-index: 2;}
.base-info .product-pic{ width: 100%; position: relative;}
.product-pic img{ width: 100%}
.base-info .product-name{ padding: .466rem 0 .3333rem;}
.product-name h5{ font-size: 14px; margin-bottom: .466rem; color: #333333; line-height: 25px}
.product-name span{ font-size: 12px; color: #999999}
.type p{ font-size: 12px; color: #999999; padding: .32rem 0 }
.type p span{ color: #333333; display: inline-block; margin-left: .2rem}
.detail-info{ padding: .467rem 0; font-size: 14px; color: #333333; line-height: 1.25; text-align: justify}
.detail-info img{ max-width: 100%}
.buy-btn{ padding: .307rem 0;text-align:center;}
.buy-btn input[type=button]{ width: 2.133rem; height: .853rem; background: #e4516a; color: #ffffff; border-radius: 5px; font-size: 14px; border: none}
.page.detail{ right: -100%; top:0; background-color:#fff;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all 0.5s;
  transition: all .5s;}

.f-loading{
  position: absolute;
  width:100%;
  height: 100%;
  top:0;
  left:0;
  text-align:center;
  background: #ffffff;
  z-index: 3;
  display: none;
}
.f-loading img{
  width:auto;
  height:auto;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-21px;
  margin-left:-21px;
}
.page{
  position: fixed;
  width:100%;
  height: 100%;
  overflow: auto;
  top:0;
  right: 0;
  background: #ffffff;
}

.center .part1{ background: url(../images/center_bg.png) no-repeat center top; background-size: 100% auto; background-color: #ffffff }
.center .part1 .head-img{ margin-bottom: 1.4rem; text-align: center; }
.center .part1 .head-img .img{ width: 1.587rem; height: 1.587rem; border-radius: 50%; overflow: hidden; background-repeat: no-repeat; background-size:cover; background-position: center center; margin: 0 auto; background-color: #ffffff;}
.center .part1 .head-img h4{ font-size: 14px; padding-top: .14rem; color: #333333; font-weight: bold;}
.center .part1 ul{ padding-bottom: .6rem; padding-top: 1.4rem}
.center .part1 ul li{ width: 33.3%; float: left;}
.center .part1 ul li a{ display: block; text-align: center; font-size: 12px; color: #666666}
.center .part1 ul li a span.number{ display: block; font-size: 16px; color: #000000; padding-bottom: .373rem}
.center .part2 ul{ padding: .6rem 0 .44rem}
.center .part2 ul li{ width: 25%; float: left;}
.center .part2 ul li a{ display: block; text-align: center; font-size: 12px; color: #333333}
.center .part2 ul li .pic{ margin:0 auto; width: .64rem; height: .64rem; margin-bottom: .4rem}
.center .part2 ul li .pic::after{ content: ''; display: inline-block; height: 100%; vertical-align: middle}
.center .part2 ul li .pic img{ width: 100%; vertical-align: middle; } 
.login-out{ width: 90%; border: none; height: 1.173rem; font-size: 16px; color: #ffffff; background: #8a5cc1; border-radius: 5px; display: block; margin: .86rem auto 0; text-align: center;
line-height: 1.173rem}

.back{ width: .24rem; height: .427rem; margin-right: auto; position: absolute; top: 50%; margin-top: -0.21rem; left: 3%}
.back img{ width: 100%}
.coupon-filter{ padding: .333rem 3% .267rem; text-align: center; position: relative;}
.coupon-filter .coupon-tab li{ font-size: .4rem; padding: 0  .133rem .333rem; margin: 0 .33rem;border-bottom: 2px solid transparent; color: #333333; display: inline-block;}
.coupon-tab li.on{ color: #8a5cc1; border-color: #8a5cc1;}
.couponList{ padding: 0 0.4rem 1.133rem;}
.couponList li{ background: #ffffff; padding: 0.2rem .213rem 0; border-radius: .267rem; margin-bottom: .3rem}
.coupon-giver{ padding: .267rem 0; display: flex; justify-content: space-between; align-items: stretch;}
.coupon-giver .left{ display: inline-flex; align-items: center;}
.coupon-giver .pic{ width: .85rem; height: .85rem; overflow: hidden; margin-right: .24rem}
.coupon-giver .pic img{ width: 100%}
.coupon-giver span{ font-size: .373rem; color: #333333;}
.coupon-giver a{ width: 1.44rem; height: .64rem; border-radius: .32rem; border: 1px solid #999999; text-align: center; line-height: .64rem; color: #999999}
.coupon-item{ display: flex; align-items: center; align-items: stretch; background: url(../images/pink_bg.png) no-repeat center center; background-size: 100% 100%; margin-bottom: .25rem}
.Cleft{ display: flex; padding: .333rem .267rem .33rem .16rem; width: 78%; box-sizing: border-box; align-items: stretch; justify-content: space-between}
.Cleft .pic{ width:1.6rem; height: 1.6rem; border-radius: .133rem; overflow: hidden; margin-right: .173rem}
.Cleft .pic img{ width: 100%}
.Cleft .content{ display: inline-flex; flex-wrap: wrap; align-content: space-between; flex: 1}
.Cleft .content p{ width: 100%; margin-bottom: 8px;}
.Cleft .content .value{ font-size: .32rem; color: #8a5cc1;}
.Cleft .content .value span{ font-size: .64rem; display: inline-block; margin-right: 5px; line-height: 1;}
.coupon-type{ font-size: .32rem; color: #999999;}
.period{ font-size: .266rem; color: #666666}
.Cright{ width:22%; display: flex; justify-content: center; align-items: center}
.Cright a{ width: 1.8rem; height: .747rem; background: url(../images/go_use.png) no-repeat center center; background-size: 100% 100%; text-align: center; line-height: .8rem; color: #ffffff; font-size: .37rem; border-radius: .373rem; overflow: hidden;}
.Cright a.has{ background: none; background-color: #cccccc }
.open-all{ font-size: .373rem; color: #999999; text-align: center; padding-bottom: .333rem}
.open-all span{ vertical-align: top}
.open-all p::after{ content: ''; display: inline-block; width: .2rem; height: .2rem; border-right: 1px solid #999999; border-bottom: 1px solid #999999; transform: rotate(45deg); vertical-align: top; margin-left: 10px}
.get-coupon{ width: 100%; height: 1.133rem; line-height: 1.133rem; text-align: center; color: #ffffff; font-size: .4rem; background:#8a5cc1; position: fixed; bottom: 0}

.search{ display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; padding: .187rem 3.5%; background: #ffffff}
.search .back{ width: .5rem; height: .5rem; background: url(../images/arrow_gray.png) no-repeat center center; background-size: .24rem .427rem; position: static; margin: 0}
.search .personal{ width: .5rem; height: .5rem; background: url(../images/member.png) no-repeat center center; background-size: 100% 100%;}
.search .input-contain{ width: 7.7rem; height: .773rem; border-radius: .213rem; padding-left: 1rem; box-sizing: border-box; position: relative; background-color: #f5f5f5; overflow: hidden}
.search .input-contain .search_icon{ position: absolute; width: .426rem; height:.426rem;  background-color: #f5f5f5; left: .307rem; top: .187rem; color: #999999; font-size: .427rem;}
.input-contain input{ width: 100%; height: 100%;  background-color: #f5f5f5; border: none; outline: none; font-size: .4rem}
.small-ban{ padding: .373rem 3.5% 0;}
.small-ban img{ width: 100%; border-radius: 10px}
.enterprise-list{ padding: 0 3.5%}
.enterprise-list li{ padding: .533rem .373rem; display: flex; display: -webkit-flex; justify-content: space-between; align-items: stretch; background: #ffffff; margin-bottom: .2rem; border-radius: .267rem}
.enterprise-list li .enter-logo{ width: 1.6rem; height: 1.6rem; background-color: #f5f5f5; border-radius: .133rem;  overflow: hidden;}
.enter-logo img{ width: 100%;height:100%;object-fit: contain;}
.enter-info{ width: 6.667rem; padding: .16rem 0 .187rem; display: inline-flex;  align-items: center}
.enter-info .enter-name{ display: flex; align-content: space-between; flex-wrap: wrap; width: 4.907rem; height: 100%;}
.enter-info h4{ font-size: .4rem; color: #333333; overflow: hidden; width:100%;}
.enter-info p{ font-size: .32rem; color: #999999; width:100%;}
/*.enter-info a{ display: inline-block; width: 1.76rem; height: .733rem; font-size: .373rem; line-height: .733rem; border-radius: .373rem; border: 1px solid #999999; text-align: center; color: #999999}*/
.enter-info a{ display: inline-block; width: 1.76rem; height: .747rem; line-height: .747rem; text-align: center; color: #fff; background:#8a5cc1; box-shadow: 0rem .037037rem .185185rem 0rem rgba(103, 7, 70, 0.3); border-radius: .092593rem; font-size: 12px}

.logo-bg{ background: url(../images/center_bg.png) no-repeat center top; background-size: 100% auto; background-color: #ffffff; padding-top: .32rem; position: relative;} 
.logo-bg .a_back_btn_pos{ top: .5rem; color: #ffffff}
.logo-bg .logo{ width: 1.587rem; height: 1.587rem; border-radius: 50%; overflow: hidden; margin: 0 auto; background-color: #ffffff}
.logo-bg .logo img{ width: 100%; height:100%;object-fit:contain;}
.logo-bg p{ font-size: .4rem; color: #000000; text-align: center; margin-top: .267rem; font-weight: bold}
.logo-bg span.enter-id{ display:block; font-size: .32rem; color: #cccccc; text-align: right; padding: 0 3%; margin-top: .32rem; border-bottom: 1px solid #f5f5f5; padding-bottom: 5px}
.enter-desc{ padding: .6rem 6% .8rem; font-size: .38rem; color: #666666; background: #fff; line-height: 1.5em}
.enter-desc p{text-indent:2em;text-align:justify;}
.enter-desc p img{max-width:100%;display:block;margin:0 auto;}
.enter-gallery{background:#fff;padding:10px;}
.enter-gallery img{max-width:100%;}
.enter-contact{ padding: 0 3% .533rem; background: #ffffff; margin-bottom: .4rem}
.enter-contact li{ font-size: .32rem; color: #000000; margin-bottom: .3rem}
.enter-contact li span{ display:inline-block; color: #666666; margin-right: .32rem; vertical-align: top; margin-top: .08rem}
.enter-contact li p{ display: inline-block; width: 6rem; vertical-align: top; line-height: .48rem}

.server-list{ padding: 0 3%}
.server-list li{ padding: .333rem .307rem; background: #ffffff; border-radius: .267rem; display: flex; justify-content: space-between; align-items: stretch; margin-bottom: .333rem; flex-wrap:wrap;}
.server-list .pic{ width: 2.4rem; height: 2.4rem; border-radius: .133rem; overflow: hidden;}
.server-list .pic img{ width: 100%;}
.server-list .server-info{ width: 5.6rem; display: flex; flex-wrap: wrap; align-content: space-between; padding: .467rem 0 .347rem}
.server-list .server-edit{width:100%;}
.server-info h5{ font-size: .4rem; color: #333333; font-weight: bold}
.server-info p{ font-size: .32rem; color: #999999; width: 100%; overflow: hidden; white-space: nowrap;}

.shop_cate{ background: #ffffff; margin-bottom: .333rem; overflow-x: scroll;position:relative;-webkit-overflow-scrolling: touch;}
.shop_cate li{ padding: 0 .267rem; display: inline-block; position: relative;}
.shop_cate ul{ display:block; min-width:101%; font-size: 0; white-space:nowrap;}
.shop_cate li:after{content: ''; display:inline-block; width: .013rem; background: #cfcfcf; height: .333rem; position: absolute; right: 0; top: 50%; margin-top: -0.15rem}
.shop_cate li a{ display:block; padding: .333rem; font-size: .4rem; color: #333333; border-bottom: .054rem solid #ffffff; }
.shop_cate li a.on{ border-color: #aa7af5}
.shopList{ display: flex; justify-content: space-between; align-items: stretch; padding: 0 3%; flex-wrap: wrap; padding-bottom: 1.133rem}
.shopList li{ width: 4.533rem; border-radius: .133rem; overflow: hidden; background: #ffffff; margin-bottom: .267rem}
.shopList .shopPic{ width: 100%; padding-top: 100%; position: relative}
.shopList .shopPic img{ position: absolute; width: 100%; height: 100%; top:0; left:0;object-fit:contain;}
.shopList p{ padding-left: .2rem; padding-right: .2rem}
.shopList .shopName{ font-size: .4rem; padding: .4rem .2rem .333rem; color: #333333}
.shopList .s1{ display: flex; justify-content: space-between; padding-bottom: .32rem; font-size: .267rem; color: #888787}
.s1 .type{ color: #8a5cc1;}
.join{ width:100%; height: 1.133rem; line-height: 1.133rem; text-align: center; font-size: .4rem; color: #ffffff; background: #8a5cc1; position: fixed; bottom:calc(1rem + 10px);}

.sDetailTop{ height: 1.147rem; line-height: 1.147rem; text-align: center; font-size: .48rem; color: #fff; background: #8a5cc1; position: relative;}
.sDetailTop .a_back_btn_pos{ color: #ffffff}
.logoName{ padding: .333rem 3%; display: flex; justify-content: space-between; align-items: stretch; border-bottom: 1px solid #f5f5f5; background: #ffffff}
.logoName .info{ display: flex; flex-wrap: wrap;}
.logoName .name{ padding: .2rem 0; display: flex; align-content: space-between; flex-wrap: wrap; width: 82%}
.logoName .name h5{ font-size: .48rem; color: #000000; font-weight: bold;width:100%;}
.logoName .name P{ font-size: .32rem; color: #999999;width:100%;}
.logoName .logo{ width: 18%}
.logoName .logo img{ width: 100%}
.contactInfo{ background: #ffffff; margin-bottom: .333rem}
.contactInfo{ padding: 0 3%; display: flex; justify-content: space-between; flex-wrap: wrap}
.contactInfo .items{ padding: .333rem 0; border-bottom: 1px solid #f5f5f5}
.contactInfo .items p{ width: 6.893rem; font-size: .32rem; color: #000000; line-height: .48rem}
.shopInfo{ padding: .333rem 6% .533rem; background: #ffffff; font-size: .373rem; color: #333333; line-height: .5rem; text-align: justify;}
.shopInfo img{max-width: 100%;}
.enterprise-list.shop{ padding-top: .467rem}
.enter-info .purple{ color: #8a5cc1; border-color: #8a5cc1}

.hexiao-box p{ padding: 1.467rem 0 1rem; text-align: center; font-size: .48rem; color: #000000; font-weight: bold}
.hexiao-box input{ display:block; width: 6.9rem; height: 1.06rem; border-radius: .133rem; padding: 0 .333rem; background: #ffffff; border: none; box-sizing: border-box; margin: 0 auto}
.hexiao-box input::-webkit-input-placeholder {
/* placeholder颜色  */
 color: #aab2bd;
/* placeholder字体大小  */
 font-size: 12px;
  }
.hexiao-box input[type=button]{ background:#8a5cc1; font-size: .4rem; color: #ffffff; margin-top: .333rem}
.dh{ font-size: .32rem; color: #666666; padding: .093rem 6%; background: #ffffff}
.dh div{ padding: .173rem 0}
.dh span{ color: #000000; display: inline-block; margin-left: .333rem}

.vip_box{ background: url(../images/vip_bg.jpg) no-repeat center center; background-size: cover; height: 100%;}
.top{ width: 100%; height: 1.2rem; background: url(../images/vip_top.png) no-repeat center bottom; background-size: 58% auto; position: relative;}
.top .a_back_btn_pos{ color: #ffffff}
.vip_card_contain{ padding: .6rem 3% 0}

.caigou_form_contain{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.3); visibility: hidden;z-index:2;}
.info_form{ width:100%; position: absolute; bottom: -100%; left: 0; transition: all .5s ease;  padding: 10px 10px; box-sizing: border-box; background:#ffffff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.info_form input[type=text]{ width: 100%; height: 45px; padding: 0 5px; box-sizing: border-box; border: none; border-bottom: 1px solid #cccccc; margin-bottom: 10px;}
.info_form input[type=button]{ width: 40%; height: 45px; color:#ffffff; font-size: 14px; margin: 10px 30% 10px; border-radius: 5px; border: none}
.info_form input.btn_ok{ background: #8a5cc1; }
.info_form input.btn_cancle{ background: #e4516a;}
.info_form .close_btn{
  font-size:0.48rem;
  color:#e4516a;
  position:absolute;
  top:0;
  right:0;
  padding:5px;
  font-weight: bold;
  line-height:1em;
}
.item_values{ width:0; height:0; border:none}

.profile-bg{
  background: url(../images/zc_bg.jpg) no-repeat top center;
  background-size: cover;
  height: auto;
}
.video_contain{ width: calc(100% - 1.2rem);margin:0 auto; position: relative; background: #000000;}
#video-profile{ width: 100%; height: auto;}
.top-left-back{ position: absolute; top: .2rem; left: .32rem; font-size: .8rem}
.font-white{
  color: #ffffff;
}
.profile-contain{ 
  padding: .84rem .6rem .733rem; 
}
.profile-logo{ 
  width: 1.907rem; 
  height: 2.12rem;
    text-align:center;
}
.profile-logo img{ width: 100%} 
.profile-text{
  padding-top: .373rem;
}
.profile-text h3{
  margin-bottom: .533rem;
}
.profile-text h3 img{
  width: 65%;
}
.profile-text .content{
  font-size: .38rem;
  line-height: 1.5em;
  color: #333333;
  text-align: justify;
}
.contact{
  font-size: .32rem;
  line-height: .467rem;
  color: #333333;
  margin-top: .667rem;
}
.zc-contain{
  padding: .933rem .6rem .267rem;
  color: #333333;
  font-family: Microsoft YaHei;
  position: relative;
}
.zc-body{
  background: transparent;
}
.zc-body::before{
  content: '';
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../images/zc_bg.jpg) center center no-repeat;
  background-size: cover;
}
.font-pink{
  color: #fdc2d1;
}
.zc-contain .zc-logo{
  width: 1.907rem;
  height: 2.12rem;
  margin: 0 auto;
}
.zc-contain .zc-logo img{
  width: 100%;
}
.zc-title{
  text-align: center;
  padding: .307rem 0;
  font-size: .5rem;
}
.zc-title a{
  color:#333;
}
.zc-title img{
  width: 75%;
}

.user-enterprise-name{
  font-size:0.38rem;
}

.chapter-box h5{
  font-size: .4rem;
  line-height: 1rem;
  text-align: center;
  font-weight: 700;
  font-family: "黑体";
}
.user-avatar{
  text-align:center;
}
.user-avatar img{
  max-width:100%;
}
.chapter-box{
  font-size: .38rem;
  line-height: 1.5em;
  text-align: justify;
}
.chapter-box p{
  text-align:justify;
}
.chapter-box img{
    max-width:100%;
  height:auto!important;
}
.format-p p{
  text-indent: 2em;
}
.song-body{
  background: transparent;
}
.song-body::before{
  content: '';
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../images/song_bg.jpg) center center no-repeat;
  background-size: cover;
}
.song{
  padding-top: .533rem;
  padding-bottom: .4rem;
}
.song img{
  width: 100%
}

/* 页面头部  */
.header { width:100%; height:45px; background:#F6F6F6;top:0; z-index:9999; border:0; border-bottom:1px solid #CCC}
.h-left{float:left;width:15%; height:45px;}
.h-left a{ display:block; width:45px; height:45px; margin:auto; background: url(../images/category/arrow_left.png) no-repeat 15px center; background-size: auto 16px; }
.h-right{float:left; width:15%;height:45px;}

.h-mid { width:70%; height:45px; float:left; text-align:center; color:#333; font-size:16px; line-height:45px; position:relative;font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;}
.h-mid h6 { color:#333; font-size:16px; font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif; font-weight:normal;}

/*个人中心登录*/
.font12{ font-size:18px; line-height:50px; text-align:center; color:#333}

.denglu{ width:100%; margin:auto; overflow:hidden;}
.Login{ width:calc(100% - 1rem); margin:auto; overflow:hidden;}
.Login dl{ width:100%;}
.Login dl dt{ width:25%; float:left; font-size:14px; line-height:40px; color:#666}
.Login dl dd{ width:75%; float:left; height:30px;}
.Login dl dd input{border: 1px solid #DFDFDF; height:30px; line-height:30px; width:95%; padding-left: 5px; -webkit-appearance: none; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; border-radius: 0; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; background-color: white; font-size:14px;}
.btn_big1{ display:block; margin:auto; background:#FF2233; font-size:16px; line-height:40px;
  border:0px; color:#FFF; width:100%; margin:auto;margin-top:20px; margin-bottom:10px;border-radius:5px;}
.ng-foot .ng-cookie-area{font-size: 14px;text-align: left;color: #999; vertical-align: middle; width: 35%; float: left; cursor: pointer }

.main_page{}
.my-editor{ }
.sd_uploader .webuploader-pick{ width: 100%; height:100%; box-sizing: border-box}
.imgWrap{ width:100%; height:100%; position: relative}
.imgWrap img{ width:100%; height: 100%;}
.imgWrap.on:after{content:'缩略图';position:absolute;background:#8a5cc1;color:#fff;bottom:5px;left:5px;padding:5px;}
.cancle_img{ display: inline-block; width: 30%; padding-bottom: 30%; position: absolute; top: 0; right:0; background: #8a5cc1; border-radius: 50%}
.cancle_img i{ position: absolute; left:3px; top:2px; font-size: 25px; color:#fff}
.avatar{ width: 2.5rem; height: 2.5rem; margin: .3rem auto; background:url(../images/user68.jpg) no-repeat center center; background-size: 100% 100%; position: relative; overflow: hidden; border-radius: 50%;border:solid 1px #ccc;}
.avatar_box{ width:100%; height: 100%;}
.avatar_box img{ width: 100%; height: 100%}
.picker.webuploader-container{ position: absolute; width:100%; height:100%; top:0; left:0}
.picker .webuploader-pick{ background: none; width: 100%; height:100%}

.search_section{ position: fixed; top:0; left:0; width: 100%; height: 100%; background: #fff; display: none}
.mix_new_header {max-width:640px;overflow: hidden; width: 100%; position: absolute; top: 0; z-index: 5100; background: #f8f8f8; padding: 7px 50px 7px 40px; border-bottom: 1px solid #d8d8d8; box-sizing: border-box; }
.mix_new_header .search { height: 22px; border-radius: 5px; padding: 0 30px 0 10px; position: relative; background: #e3e3e3; padding-top: 7px; padding-bottom: 7px; }
.mix_new_header .search .text { width: 100%; border: none; height: 22px; line-height: 22px; outline: none; font-size: 14px; font-family: "Microsoft Yahei"; padding: 0; color: #a2a2a2; display: block; background: #e3e3e3 }
.mix_new_header .search .mix_submit { width: 36px; height: 36px; position: absolute; left: 0px; top: 0px; background: #e3e3e3 url(../images/search.png) center center no-repeat; background-size: 22px 22px; border: none; border-radius: 5px; }
.mix_new_header .search .clear_input { width: 36px; height: 36px; position: absolute; right: 0px; top: 0px; display: block; background: url(../images/search_close.png) center center no-repeat; background-size: 16px 16px; }
.mix_new_header .mix_filtrate { position: absolute; right: 0px; top: 7px; color: #646464; font-size: 14px; height: 38px; line-height: 38px; width: 50px; text-align: center; border: none; background: none; font-family: 'microsoft yahei'; }
.mix_new_header .mix_back { z-index: 2; position: absolute; top: 0; left: 0; height: 50px; padding-left: 40px; background: url(../images/arrow_left.png) no-repeat 15px center; background-size: auto 16px; font-size: 15px; }

.sec_shop_detail{ position: fixed; top:0; right:-100%; width:100%; height: 100%; z-index: 99;background:#fff;}
.sec_shop_detail.on{ right:0;}
.trans3{ transition: all .5s ease}

.product-pic .hd{ position: absolute; width:100%; bottom: 0; }
.product-pic .hd ul li{ display: inline-block; width: 8px; height: 8px; background: #fff; margin: 0 5px; overflow: hidden;     border-radius: 8px; line-height: 40px}
.product-pic .hd ul{ text-align: center; padding:5px 0}
.product-pic .hd ul li.on{ background: #3385ff;}
.product-pic .pic_item a{ display: block; padding-bottom: 100%; position: relative; overflow: hidden}
.product-pic .pic_item img{ position: absolute; width: 100%; height: auto; top:0; left:0}

#detail{}
#detail .detail-text{height: 4rem; border-radius: 3px; margin-top: 15px; margin-bottom: 20px; border: 1px solid #cccccc}

[v-cloak] {
  display: none;
}

.coupon-info{width:200px;left:calc(50% - 100px);text-align:center;font-size:0.5rem;}
.coupon-info .qr-code{width:150px;height:150px;}

.login-body{height:100%;}
.login-bg{
    background: url(../images/zc_bg.jpg) no-repeat top center;
    background-size: cover;
    height:100%;
}

.login-header{
    padding:1rem 0;
    text-align:center;
}

.login-header .logo img{
    width:2rem;
}
.login-header .title{
    font-size:0.6rem;
    font-weight: normal;
    color:#333;
    padding:10px 0;
}

.login-header .login-desc{
  font-size:0.42rem;
}

.Login{font-size:0.4rem;}

.Login input{
    width:calc(100% - 32px);
    border-radius:5px;
    border:#ccc solid 1px;
    padding:15px;
    color:#333;
    margin:0 auto;
   -webkit-appearance: none;
}
.Login input::placeholder{
    color:#ccc;
}

.Login .login-btn{
    width:100%;
    margin-top:0.5rem;
    border:0;
    background:#8a5cc1;
    color:#fff;
}


.user-card{
    display:flex;
    flex-wrap: nowrap;
    text-align:center;
    padding:20px 0;
    font-size:0.4rem;
    color:#666;
    position:relative;
    margin-top:15px;
}
.user-card:before{
    content:'';
    height:1px;
    width:calc(100% - 30px);
    left:15px;
    position:absolute;
    top:0;
    background:#f5f5f5;
}

.user-card>div{
    width:50%;
}
.user-card>div .iconfont{
    margin-right: 5px;
}

.user-center-list{
    margin-top:15px;
    background:#fff;
}

.user-center-list .list-item{
    display:flex;
    flex-wrap:nowrap;
    border-bottom: #f5f5f5 solid 1px;
}

.user-center-list .list-item .title{
    color:#999;
    font-size:0.4rem;
    padding:1rem 0.5rem;
    position:relative;
    width:2.5rem;
    text-align:center;
}
.user-center-list .list-item .title a{
    color:#999;
}
.user-center-list .list-item .title:after{
    content:'';
    position:absolute;
    top:0.4rem;
    height: calc(100% - 0.8rem);
    background:#e7e7e7;
    right:0;
    width:1px;
}
.user-center-list .list-item .icon-list{
    width:calc(100% - 2rem);
    display:flex;
    flex-wrap:nowrap;
}
.user-center-list .list-item .icon-list .icon-item{
    width:50%;
    text-align:center;
    padding: 20px 0 10px;
    color:#333;
    font-size:0.32rem;
}

.user-center-list .list-item .icon-list .icon-item .iconfont{
    display:block;
    font-size:0.8rem;
    color:#7348f0;
    background-image: -webkit-gradient(linear, 30% bottom, right bottom, from(rgba(199,148,248, 1)), to(rgba(115,72,240, 1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom:15px;
}

.bottom-list{
    margin-top:15px;
    background:#fff;
}

.bottom-list .bottom-list-item{
    padding:15px 25px;
    font-size:0.4rem;
    color:#575757;
    position:relative;
}
.bottom-list .bottom-list-item:not(:last-child):after{
    content:'';
    width:calc(100% - 25px);
    height:1px;
    background:#e7e7e7;
    position:absolute;
    bottom:0;
    left:25px;
}
.bottom-list .bottom-list-item a{
    color:#575757;
    display:block;
}

.bottom-list .bottom-list-item a .iconfont{
    float:right;
}

.message-item{
    display:flex;
    flex-wrap: nowrap;
}

.message-item .message-left{
    width:calc(100% - 2.5rem);
}
.message-item .message-left h3{
    color:#333;
    font-size:0.4rem;
    padding: 10px 0 0;

}
.message-item .message-left p{
    color:#999;
    padding: 20px 0 0;
    font-size:0.32rem;
}
.message-item .message-left p .contact{
    color:#999;
    font-size:0.32rem;
    min-width: 6em;
    display:inline-block;
    margin: 0;
}
.message-item .message-right{
    width:2.5rem;
    position:relative;
    font-size:0.35rem;
    color:#ccc;
    text-align:center;
}
.message-item .message-right .num{
    display:block;
    height:1em;
    line-height:1em;
    padding:12px 0;
    margin:0;
    width:100%;
    color:#333;
}
.message-item .message-right .date{
    height:1em;
    line-height:1em;
}

.message-item .message-right:after{
  content:'';
    position:absolute;
    height:100%;
    background:#e7e7e7;
    width:1px;
    top:0;
    left:0;
}

.server-edit{
    display:flex;
    flex-wrap: nowrap;
    text-align:center;
}

.server-edit a{
    display:block;
    border-radius: 5px;
    width:50%;
    color:#fff;
    padding:5px 0;
    background:#8a5cc1;
}
.server-edit a.delete{
    background:#dc3545;
}
.server-edit a .iconfont{
    margin-right:5px;
}
.server-edit a:first-child{
    border-radius:5px 0 0 5px;
}
.server-edit a:last-child{
    border-radius:0 5px 5px 0;
}
.webuploader-pick{
    background:none!important;
    color: #999999!important;
}

.coupon-use{
    border-radius:10px!important;
}

.write-off-bg{
    background:#fff;
}

.write-off-form{
    width:calc(100% - 3rem);
    margin:0 auto;
}
.write-off-form h3{
    color:#333;
    text-align:center;
    padding:25px 0;
    font-size: 0.45rem;
}

.write-off-form .coupon-code{
    text-align:center;
}

.write-off-form .coupon-code input{
    width:calc(100% - 32px);
    border-radius: 5px;
    border: #ccc solid 1px;
    padding: 15px;
    color: #333;
    margin: 0 auto;
    font-size:0.4rem;
}

.write-off-form .coupon-code input::placeholder{
    color:#ccc;
}

.write-off-form .scan{
    color:#999;
    text-align:right;
    line-height: 1.25em;
    font-size:0.35rem;
    padding:10px 0 0;
}

.write-off-form .scan .iconfont{
    margin-right:5px;
}

.write-off-form .coupon-btn{
    background:#8a5cc1;
    color:#fff;
    text-align:center;
    width:100%;
    margin-top:20px;
    border:0;
    padding:15px 0;
    border-radius:5px;
    font-size:0.4rem;
}

.queueList ul li .webuploader-pick{
    padding: 5px;
}

.queueList ul li .webuploader-pick img{
    width:100%;
}

.layer-login .layui-m-layercont{
    padding:0.5rem 0!important;
}

.product-title{width:100%;}

.mescroll-root{
    height:auto;
    height:calc(100% - 1rem - 41px)!important;
}

.copyright{
  font-size:0.3rem;
    color:#ccc;
    text-align:center;
    line-height:1.25em;
    padding-top:15px;
    padding-bottom:calc(1rem + 26px);
  display:none;
}

footer{
  font-size:0.32rem;
  padding-top:calc(1rem + 11px);
}

.footer{
    height:1rem;
    background:#fff;
    position:fixed;
    bottom:0;
    width:100%;
    padding:5px 0 5px;
    border-top:#e5e5e5 solid 1px;
    z-index:1;
}

.footer ul{
    display:flex;
    flex-wrap:nowrap;
    justify-content: space-around;
}

.footer ul li a{
    display:inline-block;
    text-align:center;
    color:#999999;
}

.footer ul li a.active{
    color:#8662ea;
}

.footer ul li a .iconfont {
    color:#999999;
    display: block;
    font-size: 0.45rem;
    margin-bottom: 5px;
}
.footer ul li a.active .iconfont {
    background-image: -webkit-gradient(linear, 30% bottom, right bottom, from(rgba(134,98,234, 1)), to(rgba(134,98,234, 1)));
    /*color:#f23030;*/
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 1px 1px rgba(134,98,34, 0.32);
}

#enterprise_list,#coupon_list{
    padding-top:15px;
}

.apply_title{
    font-size:0.4rem;
    color:#333;
    text-align:center;
    padding:10px 0 20px;
}

.apply_article{
    padding:15px;
    line-height:1.5em;
    font-size:0.38rem;
  text-align:justify;
}

.form-control,.input-group{
    display:flex;
    flex-wrap: nowrap;
    position:relative;
}

.form-control:after,.input-group:after{
    position:absolute;
    width:100%;
    bottom:0;
    left:0;
    content:'';
    background:#ccc;
    height:1px;
}

.form-control label,.input-group label{
    width:6em;
    text-align:left;
    color:#999;
    line-height:1.333rem;
    font-size: 0.4rem;
}

.form-control .enterprise-input,.input-group .enterprise-input{
    border: 0!important;
}

.join-form .form-control{
  background: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
  padding-left: 10px;
}

.join-form .form-control input{
  border-radius: 8px;
}

.join-form .form-control:after{
  content:none;
}

.no-bg{background:none;}
.white-bg{background:#fff;}
.form-radio-group{
    width:calc(100% - 6em);
}
.form-radio-group .form-radio{
    display:inline-block;
    padding-right:1em;
}
.form-radio-group .form-radio input[type="radio"]{
    vertical-align: middle;
    margin-right:0.5em;
}
.apply-tel{
    font-size:0.5rem;
    color:#0D9BF2;
}
.article-img-list{display:flex;flex-wrap: wrap;}
.article-img{
  width:33.33%;
  text-align:center;
  padding-bottom:10px;
}
.article-img a span{
  padding-left:0;
}

.shop_info_coupon{
  margin-top:20px;
}

.product_gallery{
  /*position:fixed;*/
  /*width:100%;*/
  /*height:100%;*/
  /*background:rgba(0,0,0,0.5);*/
  /*top:0;*/
  /*left:0;*/
  /*z-index:10;*/
}

.product_gallery .product_close{
  position:absolute;
  right:2px;
  top:2px;
  color:#333;
  background:#fff;
  border-radius:50%;
  height:1rem;
  width:1rem;
  font-size:1rem;
  line-height:1rem;
  text-align:center;
}

.product_gallery .title{
  font-size:0.38rem;
  font-weight:bold;
}

.product_gallery .product_desc{
  background:#fff;
  width:calc(100% - 80px);
  margin:10px 0 0 30px;
  padding:10px;
  line-height:1.5em;
  font-size:0.38rem;
  border-radius:5px;
  /*max-height:8rem;*/
  /*overflow:auto;*/
}
.product_gallery .operate-icon{
  position:fixed;
  top:50%;
  left:0;
  width:100%;
}
.product_gallery .operate-icon .icon-zuo,.product_gallery .operate-icon .icon-you{
  background:#eee;
  color:#333;
  border-radius: 50%;
  padding: 5px;
}
.product_gallery .operate-icon .icon-you{
  float:right;
}
.product_gallery .product{
  text-align:center;
}
.product_gallery .product .product_desc{
  text-align:left;
}
.product_gallery .product .product_desc .desc{
  text-align:justify;
}
.product_gallery .product_img{
  max-width:100%;
  max-height:50vh;
}

.chamber-position-title{
  font-size:0.4rem;
}
.leader-company-underline a{
  border-bottom:#8c7d00 solid 1px;
}

#write_off_list{
  padding-top:10px;
}