body,
html {
    background-color:#f5f5f5;
}
.m15-10{
    margin: 1.5rem 1rem;
}
ul::-webkit-scrollbar{
    display: none;
}
.bg-red{
    background-color: #fe3d37;
}
.c_diypage .headle a{
    line-height: 35px;
}
.num {
    color: #fff;
    font-size: 1rem;
    background-color: rgba(0, 0, 0, 0.5);
    line-height: 1.6rem;
    padding: 0 0.4rem;
    border-radius: 0.3rem;
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
}
.ax-header{
    background-color: rgb(255 255 255 / 80%);
    box-shadow:none;
    -webkit-backdrop-filter: saturate(5) blur(20px);
    backdrop-filter: saturate(5) blur(20px);
    z-index: 100;
}
.fixed-top{
    box-shadow:0 4px 10px rgb(116 116 116 / 8%);
}
.banner .swiper-container-horizontal > .ax-pagination-dot.swiper-pagination-bullets {
    bottom: -5px;
}
.banner .ax-pagination-dot .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
}
.banner .swiper-pagination-bullet-active{
    width: 20px!important;
    border-radius: 3px;
}
#rollpic img{
    width: 100%;
}
.ax-btmnav{
    height: calc(3.8rem + 1rem);
    box-shadow: 1px -2px 10px 0px rgba(0,0,0,0.05);
    z-index: 100;
    background-color: rgb(255 255 255 / 80%);
    -webkit-backdrop-filter: saturate(5) blur(20px);
    backdrop-filter: saturate(5) blur(20px);
}
.ax-btmnav .ax-figure{
    width: 2.8rem;
    height: 2.8rem;
    line-height: 2.8rem;
    background-size: 2.8rem;
    margin: 0.3rem auto 0 auto;
    font-size: 2rem;
}
.ax-btmnav .ax-single span{
    background: linear-gradient(45deg,#ed0586,#e54d42)!important;
    margin: 5px 0;
    border-radius: 50%;
    font-size: 2rem!important;
    color: #fff!important;
    width: 3.8rem!important;
    height: 3.8rem!important;
    text-align: center;
    line-height: 3.8rem!important;
    position: relative;
    box-shadow: 1px 1px 10px rgba(0,0,0,.1);
}
.ax-btmnav .ax-single span:before {
    content: "";
    display: block;
    background: inherit;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    position: absolute;
    width: 100%;
    height: 100%;
    top: .3rem;
    left: .3rem;
    opacity: .4;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.ax-btmnav .ax-single span .fb-font{
    font-size: 2rem!important;
    color: #fff!important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3D(-50%, -50%, 0);
}
.ax-btmbtn{
    box-shadow: 1px -2px 10px 0px rgba(0,0,0,0.05);
    z-index: 100;
    background-color: rgb(255 255 255 / 80%);
    -webkit-backdrop-filter: saturate(5) blur(20px);
    backdrop-filter: saturate(5) blur(20px);
}
.ax-btmbtn .ax-resemble{
    color: #777;
    background-color: rgb(116 116 116 / 8%);
}
.ax-btmbtn .ax-btns a{
    position: relative;
}
.ax-btmbtn .ax-btns a i{
    font-size: 1.8rem;
    color: #777;
    vertical-align: middle;
}
.ax-btmbtn .ax-btns {
    padding-right: 2rem;
}
.ax-btmbtn .ax-btns > a {
    margin-left: 2rem;
}
.badge{
    position: absolute;
    top: 5px;
    font-size: 0.8rem;
    line-height: 1.4rem;
    height: 1.4rem;
}
.badge.red{
    background-color: #EE2727;
    color: #fff;
    border-radius: 10px;
    padding: 0 4px;
}
.ax-backtop{
    bottom: 6rem;
    right: 1rem;
}
.ax-backtop .ax-item > a{
    color: #999;
    box-shadow: none;
    background-color: rgb(200 200 200 / 40%);
    border-radius: 5px;
    width: 3.5rem;
    height: 3.5rem;
    -webkit-backdrop-filter: saturate(2) blur(10px);
    backdrop-filter: saturate(2) blur(10px);
}
#menulist .ax-drawer-content{
    padding: 70px 20px;
}
#menulist .ax-drawer-content>ul{
    background: rgb(0 0 0 / 3%);
    margin-bottom: 20px;
}
#menulist .ax-drawer-content>ul>li>a{
    display: block;
    padding: 0 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.3rem;
}
#menulist .ax-drawer-content>ul>li>a:before {
    content: "";
    width: 5px;
    height: 5px;
    border: 1px solid #e03997;
    border-radius: 3rem;
    margin: 0;
    margin-right: 12px;
    vertical-align: 2px;
    display: inline-block;
}
#menulist .ax-drawer-content>ul>li>div{
    padding: 5px 10px;
}
#menulist .ax-drawer-content>ul>li>div>ul>li>a{
    padding: 7px;
    border-radius: 4px;
    font-size: 1.2rem;
    line-height: 1;
    background: #ebebeb;
    color: #4e5358;
    display: block;
}
#menulist .vip a{
    background: linear-gradient(300deg,#4c4d51,#2a2a31 15%,#85858a 40%,#393a3c 60%,#393838 80%,#5e5f62 100%);
    font-size: 1.1rem;
    position: relative;
    color: #ece0e0;
}
#menulist .vip a i{
    color: rgb(255, 149, 82);
}
#menulist .login a{display:inline-block;text-align:center;color:#999;transition:all .3s ease 0s;font-size:1rem;}
#menulist .login a:hover{transform:translate3d(0,-5px,0);}
#menulist .login a span{display:block;width:40px;height: 40px;line-height:40px;border-radius:50%;text-align:center;background:#f3f3f3;font-size:30px;position:relative;margin: 0 15px;}
#menulist .login a span.blue{background:#E7F7FE;color:#1890FF;}
#menulist .login a span.red{background:#F8E6EC;color:#ED4014;}
#menulist .login a span.green{background:#E6F8E6;color:#19BE6B;}
#menulist .login a i{
    font-size: 1.4rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3D(-50%, -50%, 0);
}
.line{text-align:center;width:100%;position:relative;z-index:0;min-height:4px;}
.line:before{content:"";display:table;position:absolute;top:50%;width:100%;border-top:1px solid #e8eaec;transform:translateY(50%);z-index:-1;}
.line span{background:#fff;display:inline-block;padding:0 20px;z-index:1;white-space:nowrap;font-size: 1.1rem;color: #999;}
.quick span.qq{display:block;width:32px;height: 32px;line-height:32px;border-radius:50%;text-align:center;background:#1890FF;font-size:30px;position:relative;margin: 0 10px;}
.quick span.wechat{display:block;width:32px;height: 32px;line-height:32px;border-radius:50%;text-align:center;background:#19BE6B;font-size:30px;position:relative;margin: 0 10px;}
.quick span.telephone{display:block;width:32px;height: 32px;line-height:32px;border-radius:50%;text-align:center;background:#ED4014;font-size:30px;position:relative;margin: 0 10px;}
.quick span.user{display:block;width:36px;height: 36px;line-height:36px;border-radius:50%;text-align:center;background:rgb(41 151 247 / 10%);font-size:30px;position:relative;margin: 0 20px;}
.quick span.add{display:block;width:32px;height: 32px;line-height:36px;border-radius:50%;text-align:center;background:rgba(18, 185, 40, .1);font-size:30px;position:relative;margin: 0 20px;}
.quick span.quit{display:block;width:36px;height: 36px;line-height:36px;border-radius:50%;text-align:center;background:rgba(255, 84, 115, .1);font-size:30px;position:relative;margin: 0 20px;}
.quick span.user i{
    color: #2997f7;
}
.quick span.add i{
    color: #18a52a;
}
.quick span.quit i{
    color: #ff5473;
}
.quick span i{
    font-size: 1.5rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3D(-50%, -50%, 0);
    color: #fff;
}
.user-info .ax-col a{
    font-size: 1.3rem;
    font-weight: 700;
}
.user-info .ax-ell{
    font-size: 1rem;
    color: #888;
    line-height: 1;
}
.user-info{
    position: relative;
}
.msg-icon{
    position: absolute;
    right: 0;
    top: -5px;
    background: rgb(50 50 50 / 6%);
    width: 29px;
    height: 29px;
    border-radius: 100%;
}
.msg-icon a{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3D(-50%, -50%, 0);
}
.line{text-align:center;width:100%;position:relative;z-index:0;min-height:4px;}
.line:before{content:"";display:table;position:absolute;top:50%;width:100%;border-top:1px solid #e8eaec;transform:translateY(50%);z-index:-1;}
.line span{background:#fff;display:inline-block;padding:0 20px;z-index:1;white-space:nowrap;font-size: 1.1rem;color: #999;}
.quninfo .ax-avatar{
    height: calc(2.8rem*2.5);
    width: calc(2.8rem*2.5);
}
.quninfo .ax-left .ax-title a{
    font-weight: 700;
}
.quninfo .ax-left .ax-title span{
    color: #e03997;
    padding-left: 5px;
    font-size: 1.3rem;
    float: right;
}
.quninfo .ax-left .ax-title i{
    padding-right: 0.25rem;
}
.quninfo .ax-des{
    font-size: 1.2rem;
}
.quninfo .qun-tag{
    padding: 5px 0;
}
.quninfo .qun-tag a{
    color: #0081ff;
    background-color: rgba(0,129,255,0.1);
    padding: 5px;
    line-height: 1;
    border-radius: 3px;
    font-size: 1rem;
    margin-right: 5px;
}
.quninfo .qun-tag a.red{
    color: #e54d42;
    background-color: rgba(229,77,66,0.1);
}
.quninfo .qun-tag a.green{
    color: #3eb93b;
    background-color: rgba(62,185,59,0.1);
}
.quninfo .qun-tag a.yellow{
    color: #fbbd08;
    background-color: rgba(251,189,8,0.1);
}
.quninfo .qun-tag a.pink{
    color: #e03997;
    background-color: rgba(224,57,151,0.1);
}
.quninfo .qun-tag a i{
    font-size: 1rem;
}
.mainsort ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mainsort li span{
    width: 50px;
    height: 50px;
}
.mainsort li span img{
    width: 100%;
}
.mainsort li em {
    display: block;
    padding-top: 5px;
}

.tips {
    background: #31a0ff;
    padding: 10px 20px;
}
.tips .auto-roll{
    height: 20px;
    overflow: hidden;
}
.tips .auto-roll a{
    color: #fff;
    font-size: 1.3rem;
}
.tips .auto-roll i{
    font-size: 1.5rem;
}
.quan{
    margin: 1rem 0;
}
.quan .ax-row{
    background: linear-gradient(180deg, #31a0ff 0%, #31a0ff 100%);
    color: #fff;
    box-shadow: 0.5rem 0.5rem 2rem rgb(49 160 255 / 20%);
    overflow: hidden;
    position: relative;
}
.quan .yellow{
    background: linear-gradient(180deg, #ffa800 0%, #ffa800 100%);
    box-shadow: 0.5rem 0.5rem 2rem rgb(255 168 0 / 20%);
}
.quan .ax-row:after {
    content: "";
    width: 1.2rem;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -5px;
    display: block;
    background-color: rgb(255 230 203 / 0%);
    background-image: linear-gradient(-45deg,#fff 25%,transparent 25%,transparent),linear-gradient(-135deg,#fff 25%,transparent 25%,transparent),linear-gradient(-45deg,transparent 75%,transparent 75%),linear-gradient(-135deg,transparent 75%,transparent 75%);
    background-size: 1rem 1rem;
    background-repeat: repeat-y,repeat-y;
}
.quan .left span{
    font-size: 2.5rem;
}

.quan .ax-col b a{
    font-size: 1.3rem;
    color: #fff;
}
.quan .ax-col em{
    display: block;
    font-size: 1rem;
}
.quan .right{
    padding: 0 1rem;
    border-left: 1px dashed #fff;
    position:relative;
}
.quan .right:before {
    content: '';
    position: absolute;
    left: -8px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    top: -20px;
}
.quan .right:after{
    content: '';
    position: absolute;
    left: -8px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    bottom: -20px;
}
.quan .right a{
   color: #31a0ff;
   background: #fff;
   border-radius: 10rem;
   padding: 2px 10px;
   font-size: 1.2rem;
}
.quan .yellow .right a{
   color: #ffa800; 
}
.goods .title{
    font-weight:700;
    font-size: 1.6rem;
    background: #31a0ff;
}
.goods .title span{
    background: #fff;
    color: #31a0ff;
    padding: 0.5rem 1.4rem;
}
.goods .title em{
    font-weight:normal;
    font-size: 1.2rem;
    color: #fff;
    margin-left: 1rem;
    vertical-align: sub;
}
.goods .title .left{
    background: url(title_l.png)  no-repeat center center;
    width: 50px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-right: 5px;
}
.goods .title .right{
    background: url(title_r.png)  no-repeat center center;
    width: 55px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.goods .title i.l{
    background: url(l.png)  no-repeat center center;
    width: 18.2px;
    height: 36.4px;
    background-size: cover;
}
.goods .title i.r{
    background: url(r.png)  no-repeat center center;
    width: 18.2px;
    height: 36.4px;
    background-size: cover;
}
.goods .ax-card-block{
    box-shadow: none;
}
.goods .ax-card-block .ax-img{
    height: 20rem;
    border-radius: 0.3rem;
}
.goods .ax-card-block .ax-title{
    padding: 0;
    font-weight:normal;
}
.goods .ax-card-block .ax-title a{
    font-size: 1.4rem;
}
.goods .ax-card-block .ax-des{
    font-size: 1.2rem;
    padding: 0;
    margin-top: 0.4rem;
}
.goods .ax-card-block .price{
    font-size: 1.1rem;
    color: #ff6146;
    position: relative;
}
.goods .ax-card-block .price span{
    font-size: 1.6rem;
    vertical-align: inherit;
}
.goods .ax-card-block .price a{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 80px;
    height: 30px;
    background: linear-gradient(180deg, #49abff 0%, #31a0ff 100%);
    border-radius: 5px;
    display: block;
    overflow: hidden;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
}
.goods .ax-item-block{
    background: #fff;
    border-radius: 0.3rem;
    padding: 0;
}
.goods .ax-item-block .ax-img{
    height: calc(2.2rem*3 + 2.8rem);
}
.goods .ax-item-block .ax-img:nth-child(1) {
    margin-right: 0.8rem;
}
.goods .ax-item-block .ax-title ,.goods .ax-item-block .ax-title a{
    font-weight: normal;
    font-size: 1.4rem;
}
.goods .ax-item-block .price{
    font-size: 1.1rem;
    color: #ff6146;
    position: absolute;
    bottom: 0;
}
.goods .ax-item-block .price span{
    font-size: 1.6rem;
    vertical-align: inherit;
}
.goods .ax-item-block a.buybtn{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 80px;
    height: 30px;
    background: linear-gradient(180deg, #49abff 0%, #31a0ff 100%);
    border-radius: 5px;
    display: block;
    overflow: hidden;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
}
.goods .video{
    position: relative;
    line-height: 1;
}
.goods video{
    width: 100%;
    border-radius: 0.3rem;
}
.play-bg{
    position: absolute;
    width: 100%;
    background: rgb(0 0 0 / 30%);
    top: 0;
    bottom: 0;
    border-radius: 0.3rem;
}
.play-bg i{
    font-size: 5rem;
    position: absolute;
    color: rgb(0 0 0 / 50%);
    left: 50%;
    top: 50%;
    transform: translate3D(-50%, -50%, 0);
}
.codeimg img{
    width:100%;
}
.kefu .ax-text .ax-margin{
    margin: 0.8rem 0;
}
.ax-backtop .ax-item > a:hover, .ax-backtop .ax-item.ax-active > a{
    color: #31a0ff;
    box-shadow: 0 0 0 0.1rem #31a0ff inset;
}
.kefu .ax-item a.ax-icon-settings{
    background: #31a0ff;
    color: #fff;
}
.ax-space-btmnav{
    height: calc(3.8rem + 1rem);
}
.menu {
	display: flex;
	border-bottom: 1px solid #eaeaea;
	justify-content: space-between;
	align-items: center;
	margin: 0.5rem 1rem;
}
.menu .menu-name {
	color: #333;
	border-bottom: .1rem solid #999;
	margin-bottom: -1px;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 0.5rem 0;
}
.menu .menu-more a {
	color: #666;
}
.menu .menu-more a:hover {
	color: #f30;
}
.menu-red .menu-name {
	color: #ED4014;
	border-bottom-color: #ED4014;
}
.menu-yellow .menu-name {
	color: #F37B1D;
	border-bottom-color: #F37B1D;
}
.menu-blue .menu-name {
	color: #1890FF;
	border-bottom-color: #1890FF;
}
.menu-green .menu-name {
	color: #19BE6B;
	border-bottom-color: #19BE6B;
}
.menu-info .menu-name {
	color: #2DB7F5;
	border-bottom-color: #2DB7F5;
}
.menu-noborder {
	border: 0;
}
.menu-noborder .menu-name {
	border: 0;
}
.menu .menu-name em{
    font-weight: normal;
    padding-left: 5px;
    font-size: 1.2rem;
}
.sortlist .left{
    background: #f5f5f5;
    position: fixed;
    width: 8rem;
    min-height: 750px;
}
.sortlist .left li a{
    padding: .8rem 1rem;
}
.sortlist .left li{
    text-align: center;
    position: relative;
}
.sortlist .left li.active{
    background: #fff;
}
.sortlist .left li.active:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 50%;
    background: #31a0ff;
    transform: translate(0,50%);
}
.sortlist .left  li.active a {
    color: #31a0ff;
}
.sortlist .right{
    min-height: 750px;
    overflow: hidden;
    margin-left: 8rem;
}
.sortlist .right .ax-item-block{
    padding: 1rem;
}
.sortlist .right .ax-item-block .ax-img {
    height: calc(2.5rem*3);
    width: calc(2.5rem*3);
    margin-right: 1rem;
}
.sortlist .right .ax-title{
    font-weight: normal;
    font-size: 1.4rem;
}
.sortlist .right .ax-title a{
    font-size: 1.4rem;
}
.sortlist .right .ax-item-block .ax-col{
    position: relative;
}
.sortlist .right .ax-item-block .buy{
    position: absolute;
    bottom: 0;
    right: 0;
}
.sortlist .right .ax-item-block .buy a{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 80px;
    height: 30px;
    background: linear-gradient(180deg, #49abff 0%, #31a0ff 100%);
    border-radius: 5px;
    display: block;
    overflow: hidden;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
}
.sortlist .right .ax-item-block .price{
    font-size: 1.1rem;
    color: #ff6146;
    position: relative;
}
.sortlist .right .ax-item-block .price span{
    font-size: 1.6rem;
    vertical-align: inherit;
}
.cms_title{
    background-color: rgb(255 255 255 / 80%);
    box-shadow: none;
    -webkit-backdrop-filter: saturate(5) blur(20px);
    backdrop-filter: saturate(5) blur(20px);
    z-index: 100;
    padding: 0 20px;
    line-height: 1;
    overflow: hidden;
}
.cms_title ul.nav{
    line-height: 1;
}
.cms_title ul.nav li{
    margin-right: 2rem!important;
    position: relative;
    width: auto!important;
    padding-top:10px;
}
.cms_title ul.nav li a{
    font-size: 1.3rem;
}
.cms_title ul.nav li.swiper-slide-thumb-active:after {
    content: "";
    width: 50%;
    height: 4px;
    background: #e54d42;
    box-shadow: 1px -2px 3px -1px rgb(229 77 66 / 50%);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
}
.cms_title ul.nav li.swiper-slide-thumb-active a{
    font-size: 1.4rem;
    font-weight: bold;
}
.cms-lists{
    height: auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.cms-top{
    position: fixed;
    box-shadow: 0 4px 10px hsl(0deg 0% 45% / 8%);
    width: 100%;
}
.cms-lists .swiper-wrapper{
}
.cms-tuotiao .ax-item-block .ax-title a{
    font-size: 1.3rem;
    font-weight: normal;
}
.cms-tuotiao .ax-item-block .ax-des{
    font-size: 1.2rem;
    color: #999;
    position: absolute;
    bottom: -5px;
    width: 100%;
}
.cms-tuotiao .ax-item-block .ax-des .ax-avatar{
    height: 1.8rem;
    width: 1.8rem;
}
.cms-tuotiao .ax-item-block .ax-des .create_time:before {
    content: "";
    width: 5px;
    height: 5px;
    border: 1px solid #e03997;
    border-radius: 50%;
    margin: 0 5px;
    vertical-align: 2px;
    display: inline-block;
}
.cms-tuotiao .ax-item-block .ax-des em{
    position: absolute;
    bottom: 0;
    right: 0;
}
.detail-header{
    background: hsl(0deg 0% 100% / 0%);
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.detail-header .ax-title .ax-row01{
    padding: 0 3rem;
    display: none;
    justify-content: space-around;
    font-size: 1.4rem;
}
.detail-header .ax-title .ax-row01 span{
    position: relative;
}
.detail-header .ax-title .ax-row01 .active:after {
    width: 90%;
    display: block;
    content: "";
    height: .25rem;
    background-color: #31a0ff;
    position: absolute;
    border-radius: 2rem;
    left: 50%;
    transform: translateX(-50%);
}
.detail-header a.ax-open{
    display: flex!important;
    align-items: center;
    justify-content: center;
}
.detail-header .ax-icon-left{
    width: 3rem!important;
    height: 3rem!important;
    display: flex!important;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: rgba(0,0,0,.3);
    color: #ffffff;
}
.detail-header .ax-icon-more{
    width: 3rem!important;
    height: 3rem!important;
    display: flex!important;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: rgba(0,0,0,.3);
    color: #ffffff;
}
.show-top{
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px!important;
    background-color: rgb(255 255 255 / 80%);
    -webkit-backdrop-filter: saturate(5) blur(20px);
    backdrop-filter: saturate(5) blur(20px);
}
.show-top .ax-title .ax-row01{
    display: flex!important;
}
.show-top .ax-icon-more,.show-top .ax-icon-left{
    background-color: rgb(0 0 0 / 0%)!important;
    color: #000!important;
}
.menu_show{
    width: 10rem;
    text-align: center;
    background-color: rgba(0,0,0,.8);
    position: absolute;
    top: 4.4rem;
    right: 0.5rem;
    border-radius: 0.5rem;
    box-sizing: border-box;
    padding: 0.5rem;
    z-index: 10;
}
.menu_show:after{
        content: '';
        position: absolute;
        top:-5px;
        right: 14px;
        width:12px;
        height:12px;
        background: linear-gradient(135deg, transparent 50%,rgba(0,0,0,.8) 50%, rgba(0,0,0,.8) 100%);
        transform: rotate(-135deg);
    }
.menu_show ul li{
    border-bottom: 0.1rem solid hsla(0,0%,40%,.9);
}
.menu_show ul li:last-child {
    border-bottom: none;
}
.menu_show ul li a{
    color: #ffffff;
    display: flex;
    padding: 0.8rem 0;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}
.menu_show ul li i{
    padding-right: 0.8rem;
}
.show-top .menu_show{
    background-color:#fff;
}
.show-top .menu_show ul li a,.fixed-top .menu_show ul li i{
    color: #333;
}
.show_banner img{
    width: 100%;
    height: auto;
}
.show_banner .swiper-container-horizontal > .ax-pagination-line.swiper-pagination-bullets {
    bottom: 0;
}
.show_banner .ax-pagination-line .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
}
.detail-picnum{
    position: absolute;
    right: 12px;
    left: auto !important;
    bottom: 12px!important;
    width: 44px!important;
    height: 20px;
    background-color: rgba(0,0,0,0.2);
    border-radius: 20px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    z-index: 1;
}
.detail{
    background: #ffffff;
    padding: 1rem;
}
.detail .ax-title{
    padding: 5px 0;
    font-weight: bold;
}
.detail-info{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.detail-info .detail-price{
    font-weight: bold;
    color: red;
}
.detail-info .detail-price span{
    font-size: 2.4rem;
    padding-right: 1rem;
}
.detail-info .detail-price del{
    color: #999;
    font-weight: normal;
    font-size: 1.2rem;
}
.detail-info .detail-num{
    color: #999;
    font-size: 1.2rem;
}
.detail-info .detail-num span{
    color: red;
}
.detail-other ul li{
    color: #555;
    font-size: 1.3rem;
}
.detail-other ul li em{
    color: #999;
}
.detail-other ul li span{
    color: #ED4014;
}
.goods_order{
    margin-top: 1rem;
    background: #ffffff;
    padding: 1rem;
}
.goods_order .ax-operate{
    float: right;
    color: #999;
    font-size: 1.2rem;
}
.goods_order ul li em{
    padding-left: 5px;
    vertical-align: middle;
}
.goods_order ul li span{
    float: right;
    color: #777;
}
.goods_details{
    margin-top: 1rem;
    background: #ffffff;
    padding: 1rem;
}
.goods_details .ax-color-danger:after {
    width: .25rem;
    display: block;
    content: "";
    height: 50%;
    background: linear-gradient(180deg,#ff3643,#ffcccf);
    position: absolute;
    border-radius: 2rem;
    top: 0.5rem;
    left: 0;
}
.goods_details .tb_content img{width:100%}
.quninfo .ax-avatar{
    height: calc(2.8rem*2.5);
    width: calc(2.8rem*2.5);
}
.quninfo .ax-left .ax-title a{
    font-weight: 700;
}
.quninfo .ax-left .ax-title span{
    color: #e03997;
    padding-left: 5px;
    font-size: 1.3rem;
    float: right;
}
.quninfo .ax-left .ax-title i{
    padding-right: 0.25rem;
}
.quninfo .ax-des{
    font-size: 1.2rem;
}
.quninfo .qun-tag{
    padding: 5px 0;
}
.quninfo .qun-tag a{
    color: #0081ff;
    background-color: rgba(0,129,255,0.1);
    padding: 5px;
    line-height: 1;
    border-radius: 3px;
    font-size: 1rem;
    margin-right: 5px;
}
.quninfo .qun-tag a.red{
    color: #e54d42;
    background-color: rgba(229,77,66,0.1);
}
.quninfo .qun-tag a.green{
    color: #3eb93b;
    background-color: rgba(62,185,59,0.1);
}
.quninfo .qun-tag a.yellow{
    color: #fbbd08;
    background-color: rgba(251,189,8,0.1);
}
.quninfo .qun-tag a.pink{
    color: #e03997;
    background-color: rgba(224,57,151,0.1);
}
.quninfo .qun-tag a i{
    font-size: 1rem;
}
.qunshop ul{
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
}
.qunshop ul a{
    width: 160px;
    height: 120px;
    position: relative;
    overflow: hidden;
}
.qunshop ul a span{
    position:absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 1.1rem;
    padding-left: 5px;
    background: rgba(0,0,0,.2);
    width: 100%;
}
.title_inner{
    position: relative;
}
.title_inner h2{
    font-size: 1.4rem;
    line-height: 1;
    padding-left: 1rem;
}
.title_inner h2:before{
    position: absolute;
    content: '';
    width: 4px;
    height: 100%;
    background: #31a0ff;
    left: 0;
    border-radius: 5px;
    box-shadow: 1px 1px 3px -1px rgb(229 77 66 / 50%);
}
.title_inner a{
    float: right;
    font-weight: normal;
    font-size: 1.2rem;
}
.about img{
    max-width: 100%;
}
.comments-box .title h2:before{
    left: 0;
}
.login_box .login_btn{
    padding: 5px 30px;
    font-size: 1.2rem;
    background: rgb(41 151 247 / 10%);
    color: #2997f7;
    display: inline-block;
    border-radius: 4px;
}
.login_box .login_btn i,.login_box .reg_btn i{
    margin-right: 5px;
    vertical-align: middle;
}
.login_box .reg_btn{
    padding: 5px 30px;
    font-size: 1.2rem;
    background: rgb(41 151 247 / 10%);
    color: #ff6f06;
    display: inline-block;
    border-radius: 4px;
    margin-left: 10px;
}
.login_box_yes .post_btn{
    border-radius: 10rem;
    background: rgb(116 116 116 / 8%);
    color: #999;
    font-size: 1.2rem;
    padding: 5px;
}
.login_box_yes .post_btn .ax-avatar{
    height: 1.5rem;
    width: 1.5rem;
    margin: 4px 8px 0;
}
.login_box_yes .post_btn em{
    float: right;
    color: #2997f7;
    background: rgba(41, 151, 247, .1);
    border-radius: 10rem;
    padding: 0 10px;
}
.ax-btmbtn .left{
    color: #666;
    padding: 0.6rem 0.5rem;
    display: flex;
    justify-content: space-around;
}
.ax-btmbtn .left i{
    display: block;
    color: #777;
    font-size: 1.6rem;
}
.ax-btmbtn .left i.ax-icon-heart-fill{
    color: #fe3c35;
}
.ax-btmbtn .left .ax-text{
    font-size: 1.2rem;
}
.ax-btmbtn .show_footer{
    display: flex;
    align-items: center;
    justify-content: center;
}
.ax-btmbtn .buy {
    background-image: linear-gradient(270deg,#198cff,#31a0ff);
    margin-right: 10px;
    border-radius: 5rem;
    font-size: 1.2rem;
    display: flex;
    justify-content: space-around;
}
.ax-btmbtn .buy-btn{
    color: #ffffff;
    font-size: 1.3rem;
    padding: 0.3rem 0;
    line-height: 1.2;
}
.ax-btmbtn .buy-btn del{
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.6);
    padding-left: 5px;
}
.ax-btmbtn .buy-btn em{
    display: block;
    font-size: 1.2rem;
}
#buylist{
    z-index: 100;
}
#buylist .ax-drawer-contain{
    max-height: none;
    height: auto;
    border-radius: 10px 10px 0 0;
    background-color: rgb(255 255 255 / 90%);
    -webkit-backdrop-filter: saturate(5) blur(20px);
    backdrop-filter: saturate(5) blur(20px);
}
#buylist a.colse-btn{
    background-color: rgb(255 255 255 / 80%);
    -webkit-backdrop-filter: saturate(5) blur(20px);
    backdrop-filter: saturate(5) blur(20px);
    top: -12px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #ddd;
    right: 10px;
}
#buylist a.colse-btn i{
    color: #333;
    font-weight: bold;
}
#buylist .goods-img{
    width: 100px;
}
#buylist .goods-img img{
    border: 1px solid #eaeaea;
    padding: 3px;
    width: 100%;
    height: auto;
    border-radius: 4px;
    margin-bottom: 5px;
}
#buylist .goods-title h2{
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: normal;
}
#buylist .goods-title b{
    color: #f30;
    padding-right: 5px;
    font-size: 1.6rem;
}
#buylist .goods-title del{
    font-size: 1.3rem;
    color: #999;
}
#buylist .goods-title span{
    display: block;
}
#buylist .goods-title i.max_num{
    color: #06f;
}
#buylist .ax-break-line{
    background-color: #ccc;
}
.goods-skushow{list-style:none;}
.goods-skushow p{background:#fe3c35;color:#fff;padding:10px 0 10px 20px;display:none;}
.goods-skushow li{color:#555;}
.goods-skushow li em{font-style:normal;color:#333;display:block;padding-bottom: 5px;}
.goods-skushow li span{color:#f30;padding-right:5px;}
.goods-skushow li dl{margin:0px;display:flex;flex-wrap:wrap;}
.goods-skushow li dl dt{font-weight:normal;line-height:24px;border:1px solid #ddd;border-radius:5px;padding:5px 15px;margin:0 10px 10px 0;cursor:pointer;position:relative;}
.goods-skushow li dl dt:hover{border:1px solid #fe3c35;}
.goods-skushow li dl dt:hover a{color:#fe3c35;}
.goods-skushow li dl dt i{position:absolute;right:1px;bottom:-6px;color:#fff;z-index:20;font-size:8px;display:none;}
.goods-skushow li dl dt.selected{border:1px solid #fe3c35;}
.goods-skushow li dl dt.selected a{color:#fe3c35;}
.goods-skushow li dl dt.selected:before{position:absolute;content:"";right:0;bottom:0;color:#fe3c35;width:0;height:0;border-bottom:20px solid #fe3c35;border-left:20px solid transparent;z-index:10;}
.goods-skushow li dl dt.selected i{display:block;}
.goods-skushow.sku_selected{border:1px solid #fe3c35;padding:0;margin-bottom:10px;}
.goods-skushow.sku_selected li{padding:0 15px 0 15px;}
.goods-skushow.sku_selected li:last-child{padding-bottom:15px;}
.goods-skushow.sku_selected p{display:block;margin-bottom:15px;}
.goods-buynum{list-style:none;}
.goods-buynum li{color:#555;display:flex;justify-content:space-between;align-items:center;}
.goods-buynum li em{font-style:normal;color:#333;display:block;padding-bottom:8px;}
/*Inputnumber*/
.inputnumber-wrap{display:inline-block;overflow:hidden;position:relative;vertical-align:middle;border:1px solid #dadada;border-radius:2px;background:#fff;white-space:nowrap;}
.inputnumber-wrap:hover{border-color:#fe3c35;}
.inputnumber-text{min-width:40px;border-radius:2px 0 0 2px;text-align:center;height:35px;}
.inputnumber:focus{box-shadow:none;border:0;}
.inputnumber-min,.inputnumber-max{border:1px solid #dadada;border-top:0;border-bottom:0;padding:5px 15px;cursor:pointer;margin-left:-1px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;color:#555;}
.inputnumber-max{border-right:0;}
.inputnumber-min:hover,.inputnumber-max:hover{color:#fe3c35;border-color:#fe3c35;z-index:1;}
.inputnumber-min i,.inputnumber-max i{font-size:14px;}
.inputnumber-min.inputnumber-disabled,.inputnumber-max.inputnumber-disabled{cursor:not-allowed;color:#999;}
.inputnumber-min.inputnumber-disabled:hover,.inputnumber-max.inputnumber-disabled:hover{border-color:#dadada;}
.inputnumber-wrap.disabled{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;background:#fafafa;cursor:not-allowed;}
.inputnumber-wrap.disabled:hover{border-color:#dadada;}
.inputnumber-wrap.disabled .inputnumber-min,.inputnumber-wrap.disabled .inputnumber-max,.inputnumber-wrap.disabled .inputnumber-text{cursor:not-allowed;color:#999;}
.inputnumber-wrap.disabled .inputnumber-min:hover,.inputnumber-wrap.disabled .inputnumber-max:hover{border-color:#dadada;color:#999;}
.inputnumber-center .inputnumber-min{border-right:1px solid #dadada;border-left:0;}
#buylist .goods-action a{
    background: linear-gradient(270deg,#198cff,#31a0ff);
    color: #fff;
}
#sharelist{
    z-index: 200;
}
#sharelist .ax-drawer-contain{
    max-height: initial!important;
    height:auto!important;
    background-color: rgb(255 255 255 / 0%)!important;
}
#sharelist .ax-drawer-content{
    background: #fff;
    margin: 1rem;
    overflow: initial;
    position: relative;
}
#sharelist .touch-close {
    position: absolute;
    top: -12px;
    width: 100%;
}
#sharelist .touch-close:before {
    content: ' ';
    width: 40px;
    height: 4px;
    display: block;
    background:#ccc;
    border-radius: 10px;
    margin: 15px auto;
    opacity: .8;
}
#sharelist .share-bg{
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(25deg, #eabe7b 10%, #f5e3c7 70%, #edc788 100%);
    color: #866127;
    position: relative;
    border-radius: 0.3rem 0.3rem 0 0;
}
#sharelist .share-bg a{
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: #fff;
}
#sharelist .share-bg span{
    text-align: center;
}
#sharelist .share-bg span i{
    font-size: 3rem;
}
#sharelist .share-bg span em{
    display: block;
    padding-top: 1.4rem;
}
#sharelist ul li a{
    text-align: center;
    padding: .5rem 0;
    color: #666;
    font-size: 1.3rem;
}
#sharelist ul li a span{
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    color: #f6f7fb;
    text-align: center;
    position: relative;
    box-shadow: 1px 1px 10px rgba(0,0,0,.1);
}
#sharelist ul li a span:before {
    content: "";
    display: block;
    background: inherit;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    position: absolute;
    width: 100%;
    height: 100%;
    top: .3rem;
    left:.3rem;
    opacity: .4;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
}
#sharelist ul li a i{
    font-size: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3D(-50%, -50%, 0);
}
#sharelist a .bg-1{background:linear-gradient(45deg,#90e630,#39d266);}
#sharelist a .bg-2{background:linear-gradient(45deg,#fea894,#ff1047);}
#sharelist a .bg-3{background:linear-gradient(45deg,#f5fe00,#f60);}
#sharelist a .bg-4{background:linear-gradient(45deg,#06edfe,#48b2fe);}
#sharelist a .bg-5{background:linear-gradient(45deg,#ec008c,#6739b6);}
#sharelist a .bg-6{background:linear-gradient(45deg,#00b8f9,#0166eb);}
#sharelist a .bg-7{background:linear-gradient(45deg,#ff9700,#ed1c24);}
.ax-popup-popwx{
    top: 0!important;
    left: 0!important;
    max-width: 100% !important;
    height: 100%!important;
    background-color: #000!important;
    border: none!important;
    border-radius: 0!important;
    opacity: .8!important;
    right: 0!important;
}
.ax-popup-popwx .ico {
    position: absolute;
    top: 5px;
    right: 10px;
    background: url(weixintips.png) no-repeat 0 0/269px auto;
    width: 269px;
    height: 134px;
}
.ax-popup-popwx .btn {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    background: url(share_know.png) no-repeat center 0/114px auto;
    height: 45px;
}