body{margin:0; padding: 0; background-color:#f3f5f8; font-size:14px; font-family:arial; font:normal 14px/20px; color: #000;overflow:auto;}
html,body{-webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); height: auto; overflow: auto;}
li{list-style-type:none ;}
a,a:hover{text-decoration: none; color: #333;}
a:hover{}
p{margin: 0; padding: 0;}
ul,li{margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{margin:0; padding: 0; font-weight: normal;}
button,input{outline: none; -webkit-appearance:none; box-shadow:inset 0 0 0 rgba(0,0,0,0); -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-app-region:none;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0; margin:0;}
input[type=checkbox],input[type=radio]{-webkit-appearance: none;border:0; outline:none; appearance: none;margin: 0;cursor: pointer;vertical-align:middle;background: url(../img/checkbox2.png) no-repeat; width:0.5rem; height:0.5rem; background-size:0.5rem 0.5rem; display:inline-block;}
input[type=checkbox]:active,input[type=radio]:active {border:0px;}              
input[type=checkbox]:hover {border:0px;}
input[type=checkbox]:checked,input[type=radio]:checked {background: url(../img/checkbox.png) no-repeat; width:0.5rem; height:0.5rem; background-size:0.5rem 0.5rem; outline:none; border-radius:0.5rem; display:inline-block;border:0; background-color: #fff;}
input[type=checkbox]:checked::after,input[type=radio]:checked::after {content: url(../img/checkbox-ok.png) no-repeat; display:none; position: relative;outline:none; top: 0px;right: 0px;left: 0px;border:0;       }

.commonHeader{background:#fff; position:sticky;  left:0; top:0; right:0; z-index:999; height:1.3125rem; line-height:1.3125rem; background-size:100% auto; display:flex; align-items:center; height:0; overflow:hidden;}
.commonHeaderTitle{width:calc(100% - 2.0rem); text-align:center; font-size:0.4375rem;}
.headerEdit{font-size:0.40375rem; width:1.5rem; text-align:center;}
.backPage{font-size:0.5rem; min-width:1.0rem; text-align:center;}
.classifyHeader{background:#fff; position:sticky;  left:0; top:0; right:0; z-index:999; height:1.5rem; line-height:1.5rem; background-size:100% auto; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.commonContainer{padding-top:0;}
.classifyContainer{padding-bottom:1.375rem; min-height:16.0rem; background:#fff;}
.container-inset{padding-bottom:1.25rem;}
.order-pay-infor{background:#fff; padding:0.25rem 0; overflow:hidden; text-align:center; margin-bottom:10px;}
.order-pay-infor p{color:#999; margin-top:0.5rem; font-size:0.34375rem; }
.order-pay-infor p span{color:#b70005;}
.order-pay-infor p img{width:1.125rem; display:block; margin:0 auto;}
.order-pay-infor h4{font-size:0.5rem; margin-top:0.25rem; padding:0 1.0rem;}
.order-pay-infor h4 span{color:#b70005;}
/*菜单*/
.tabBar{background:#fff; box-shadow:0 0 0.5rem rgba(0,0,0,0.05); position:fixed; bottom:0; left:0; right:0; z-index:999; display:flex; align-items:center; height:1.375rem;}
.tabBarItem{flex:1; text-align:center;}
.tabBarItem a{display:block; font-size:0.3125rem; color:#393d58;}
.tabBarItem a label{display:block; margin:0 auto;}
.tabBarItem a span{display:block;}
.tabBarItem a.active{color:#55b765;}
.home{background:url(../img/menuHome.png) no-repeat; width:0.625rem; height:0.625rem; background-size:0.625rem 0.625rem;}
.tabBarItem a.active .home{background:url(../img/menuHomeActive.png) no-repeat; width:0.625rem; height:0.625rem; background-size:0.625rem 0.625rem;}
.classify{background:url(../img/menuClassify.png) no-repeat; width:0.625rem; height:0.625rem; background-size:0.625rem 0.625rem;}
.tabBarItem a.active .classify{background:url(../img/menuClassifyActive.png) no-repeat; width:0.625rem; height:0.625rem; background-size:0.625rem 0.625rem;}
.shopcart{background:url(../img/menuShopcart.png) no-repeat; width:0.625rem; height:0.625rem; background-size:0.625rem 0.625rem;}
.tabBarItem a.active .shopcart{background:url(../img/menuShopcartActive.png) no-repeat; width:0.625rem; height:0.625rem; background-size:0.625rem 0.625rem;}
.user{background:url(../img/menuUser.png) no-repeat; width:0.625rem; height:0.625rem; background-size:0.625rem 0.625rem;}
.tabBarItem a.active .user{background:url(../img/menuUserActive.png) no-repeat; width:0.625rem; height:0.625rem; background-size:0.625rem 0.625rem;}


/*首页*/
.mainContainer{width:100%; padding-bottom:1.375rem; background:url(../img/mainBg.png) no-repeat; background-size:100% auto;}
.customerService{position:fixed; top:12.0rem;  z-index:999; right:0.3125rem; border-radius:100%; background:linear-gradient(to bottom,#55b765,#219e97); box-shadow:0 0.0625rem 0.125rem rgba(222,94,41,0.3);}
.customerService button{border:0; font-size:0.3125rem; background:transparent; color:#fff; width:1.25rem; height:1.25rem;}
.serviceIcon{background:url(../img/serviceIcon.png) no-repeat; width:0.5rem; height:0.5rem; background-size:0.5rem 0.5rem; display:block; margin:0 auto;}
.mainHeader{display:flex; align-items:center; background:#55b765; justify-content:space-between; position:sticky; left:0; top:0; color:#007656; font-size:0.5rem; font-weight:bold; padding:0.3125rem; position:sticky; left:0; top:0; z-index:99;}
.mainLogo img{height:1.0rem; display:block;}
.mainTips img{height:0.3125rem; display:block;}
.mainSearch{flex:1; background:#fff; border:1px #55b765 solid; padding:0 0.25rem; display:flex; align-items:center; height:0.875rem; border-radius:0.25rem;}
.mainSearch label{font-size:0.5rem; color:#55b765; margin-right:0.125rem;}
.mainSearch input{border:0;  background:transparent; width:calc(100% - 0.5rem); height:0.75rem; font-size:0.375rem;}
.mainSearch input::-webkit-input-placeholder{color:#999;}
.mainNotice a{display:block; position:relative;}
.mainNotice label{display:none; color:#fff; font-size:0.25rem;}
.mainNotice b{position:absolute; right:-0.0625rem; top:-0.03125rem; font-weight:normal; background:#ff4000; color:#fff; text-align:center; min-width:0.34375rem; height:0.34375rem; font-size:0.3125rem; line-height:0.375rem; border-radius:1.0rem;}
.noticeIcon{background:url(../img/noticeWhite.png) no-repeat; display:block; width:0.75rem; height:0.75rem; background-size:0.75rem 0.75rem;}
.mainHeader.light{background:#fff; color:#55b765; transition: all 0.2s ease-in-out 0s;}
.mainHeader.light .mainSearch{background:#fff;}
.mainHeader.light .noticeIcon{background:url(../img/noticeBlack.png) no-repeat; display:block; width:0.75rem; height:0.75rem; background-size:0.75rem 0.75rem;}
.homeSwiper{ background:#fff; border-radius:0.25rem 0.25rem 0 0; overflow:hidden; padding:0.3125rem 0.3125rem 0 0.3125rem;}
.swiper-container{width:100%;}
.swiper-slide{text-align:center; border-bottom:0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.swiper-slide img{width:100%; height: auto;display: block; border-radius:0;}
.swiper-pagination-bullet{width:0.1625rem; height:0.1625rem; display:inline-block; border-radius:0.25rem; background:#000; opacity:0.3;}
.swiper-pagination-bullet-active{background-color:#fff; width:0.1625rem; opacity:1.0;}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 2px;}
.swiper-container-horizontal>.swiper-pagination{bottom:5px;}
.swiper-banner .swiper-wrapper .swiper-slide{width:100%;}
.swiper-banner .swiper-wrapper .swiper-slide img{width:100%; border-radius:0.25rem;}
.swiper-good .swiper-slide{width:70%;}
.swiper-container-horizontal>.swiper-pagination2{display:none;}
.swiper-button-next, .swiper-button-prev{position:absolute; top:50%; width:0.625rem; height:0.625rem; margin-top:-1.0rem; z-index: 10; cursor: pointer; -moz-background-size:0.625rem 0.625rem; -webkit-background-size:0.625rem 0.625rem; background-size:0.625rem 0.625rem; background-position: center; opacity:0.95; background-repeat: no-repeat;}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{background:url(../img/prevIcon.png) no-repeat !important; background-size:0.625rem 0.625rem !important; border-radius:0 0.125rem 0.125rem 0; left:0 !important;}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{background:url(../img/nextIcon.png) no-repeat !important; background-size:0.625rem 0.625rem !important; border-radius:0.125rem 0 0 0.125rem; right:0 !important;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:0.5;}
.sortNav{margin:0; background:#fff; overflow:hidden; padding:0.3125rem 0;}
.sortNav ul{width:100%; display:flex; flex-wrap:wrap;}
.sortNav ul li{text-align:center; font-size:0.3125rem; text-align:center; padding:0.1625rem 0;}
.sortNav ul li a{color:#333; display:block;}
.sortNav ul li a i{display:flex; align-items:flex-end; justify-content:center; box-shadow:inset 0 0.125rem 0.25rem rgba(0,0,0,0.01); margin:0 auto; width:1.625rem; height:1.625rem; border-radius:100%; overflow:hidden; background:#f8eaff;}
.sortNav ul li:nth-of-type(2) a i{background:#deffdd;}
.sortNav ul li:nth-of-type(3) a i{background:#ffebe1;}
.sortNav ul li:nth-of-type(4) a i{background:#ffe8e2;}
.sortNav ul li a i img{width:1.3125rem; display:block; margin:0 auto;}
.sortNav ul li a span{display:block; vertical-align:middle; margin-top:0.125rem;}
.sortNav.five ul li{width:20%;}
.sortNav.four ul li{width:24.5%;}


/*通知公告*/
.mainFooter{text-align:center; line-height:0.625rem; font-size:0.3125rem; color:#999;}
.homeNotice{padding:0 0.3125rem 0.3125rem 0.3125rem; background:#55b765;}
.homeNoticeCont{ box-shadow:0 0.0625rem 0.25rem rgba(37,46,46,0.0); display:flex; align-items:center; font-size:0; border-radius:0.25rem; padding:0;}
.mainNoticeTitle{width:0.5rem; height:0.5rem; background:#fff; border-radius:0.5rem; display:flex; align-items:center; justify-content:center; vertical-align:middle; font-size:0.475rem; line-height:0.5rem; font-weight:bold;}
.mainNoticeTitle span{display:block;}
.mainNoticeTitle label{display:block;}
.mainNoticeTitle img{width:0.3125rem; display:block;}
.scrollbox{margin-left:0.25rem; flex:1; font-size:0.375rem;  overflow:hidden; text-overflow:ellipsis;}
.scrollbox ul{overflow: hidden; height:0.5rem; padding:0; }
.scrollbox ul li{width:100%; position:relative; font-size:0.375rem; line-height:0.5rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.scrollbox ul li::before{content:""; display:none; position:absolute; left:0; top:50%; margin-top:-0.0625rem; width:0.0875rem; height:0.0875rem; border-radius:100%; background:#FF5400;}
.scrollbox ul li a{color:#fff; display:block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.scrollbox,#scrollDiv{height:0.5rem; overflow:hidden;}
.homeNoticeRh{font-size:0.25rem; line-height:0.375rem; width:0.375rem; height:0.375rem; color:#fff; border-radius:100%; background:rgba(255,255,255,0.4); text-align:center;}
.yxGoodBox{background:linear-gradient(to bottom,#56d541,#55b765); margin:0 0.3125rem 0.3125rem 0.3125rem; padding-top:0.25rem; padding-bottom:0.0625rem; border-radius:0.25rem; overflow:hidden;}
.mainTitle{display:flex; align-items:center; justify-content:space-between; padding:0.125rem 0.3125rem 0.3125rem 0.3125rem;}
.mainTitle span{font-weight:bold; font-size:0.5rem;}
.mainTitle label{margin-left:0.125rem; padding:0 0.125rem; border-radius:5px; line-height:0.5625rem; height:0.5625rem; color:#55b765; font-size:0.375rem;}
.yxGoodBox .mainTitle{color:#fff;}
.yxGoodBox .mainTitle label{background:rgba(0,0,0,0.15); color:#fff;}
.recommendGood{margin:0 0.3125rem 0.3125rem 0.3125rem; border-radius:0.25rem; overflow:hidden;}
.recommendGoodItem{overflow:hidden; flex:1; background:#fff; border-radius:0.25rem; }
.recommendGoodItem a{display:block;}
.recommendGoodImg img{width:100%; height:2.5rem; display:block; object-fit:cover; border-radius:0;}
.recommendGoodInfo{padding:0.0625rem 0.125rem 0.125rem 0.125rem; text-align:left;}
.recommendGoodInfo h4{font-size:0.3125rem; text-overflow:ellipsis; font-weight:500; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.recommendGoodInfo h6{font-size:0.2875rem; display:none; margin-top:0.0625rem; color:#999;}
.recommendGoodBot{display:flex; align-items:flex-end; justify-content:space-between; margin-top:0.125rem;}
.recommendGoodPrice{display:flex; align-items:flex-end; font-size:0.25rem;}
.recommendGoodPrice b{font-size:0.34375rem; }
.recommendGoodPrice label{display:none;}
.recommendGoodBuy button{background:#55b765; padding:0 0.25rem; border-radius:0.125rem; border:0; color:#fff; height:0.75rem;}
.mainGoodList{padding:0.0625rem 0.3125rem 0 0.3125rem; display:flex; align-items:flex-start; flex-wrap:wrap; justify-content:space-between;}
.mainGoodItem{width:48.8%; position:relative; background:#fff; margin-bottom:0.25rem; border-radius:0.25rem; overflow:hidden;}
.zyType{background:url(../img/tips_icon.png); position:absolute; left:0; top:0.25rem; width:1.0rem; height:0.5rem; background-size:1.0rem 0.5rem;}
.mainGoodItem a{padding:0;}
.groupGoodInfo{padding:0.125rem 0.25rem 0.25rem 0.25rem;}
.groupGoodInfo h4{text-align:justify; margin:0 0 0.0625rem 0; text-overflow:ellipsis;font-size:0.375rem; font-weight:500; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow: hidden;}
.groupGoodImg img{width:100%; height:4.625rem; overflow:hidden; object-fit:cover; display:block;}
.groupGoodInfo h6{display:flex; align-items:center; justify-content: space-between; color:#999; font-size:0.3125rem;}
.groupGoodBot{margin:0.125rem 0 0 0; }
.groupGoodMoney{display:flex; align-items:center; margin-top:0.1625rem;}
.groupGoodMoney span{display:block; margin-right:0.25rem; color:#ff2a00; font-size:0.3125rem;}
.groupGoodMoney span:last-child{margin-right:0;}
.groupGoodMoney b{font-size:0.3875rem;}
.groupGoodMoney label{font-size:0.3125rem; display:block; color:#bbb; text-decoration:line-through;}
.groupGoodBtn{color:#999; font-size:0.3125rem;}
.groupGoodChange{background:url(../img/pointChange.png?v=6); height:1.125rem; background-size:100% 1.125rem; padding:0.125rem; display:flex; align-items: flex-start; justify-content:space-between;}
.groupGoodChangeMoney{display:flex; align-items:center; color:#666; margin-top:0.0625rem;}
.groupGoodChangeMoney label{display:block; font-size:0.3125rem;}
.groupGoodChangeMoney b{display:block; font-weight:normal; font-size:0.375rem;}
.groupGoodChangeText{color:#fff;}
.groupGoodChangeText label{display:block; font-size:0.25rem;}
.goodGg{display:flex; align-items:center;}
.goodGg span{color:#55b765; height:0.5rem; line-height:0.5625rem; font-size:0.3125rem; position:relative; padding:0 0.125rem;}
.goodGg span::after{content:""; border-radius:0.125rem; position:absolute; left:0; top:0; width:200%; height:200%; border:1px #55b765 solid; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}
.cartRecommendGoodType{margin:0.125rem 0; display:flex; align-items:center;}
.cartRecommendGoodType div label{margin-right:0.0625rem;}
.cartRecommendGoodType div label img{width:0.3125rem; display:block;}
.cartRecommendGoodType div{background:#fff1e5; display:flex; align-items:center; margin-right:0.125rem; font-size:0.28rem; color:#b24c00; padding:0 0.125rem; border-radius:0.0125rem; height:0.5rem;}
.cartRecommendGoodType div:last-child{margin-right:0;}
/*分类*/
.classifySearch{height:0.9125rem; background:#f2f4f7; border-radius:0.1625rem; padding:0 0.3125rem; flex:1; position:relative; display:flex; align-items:center;  margin:0.25rem 0.3125rem;}
.classifySearch::after{content:""; position:absolute; left:0; top:-1px; width:calc(200% - 2px); height:200%; border:0px #55b765 solid; border-radius:0.5rem; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}
.classifySearch input{border:0; background:transparent; width:80%; height:0.9125rem; padding:0 0.125rem; font-size:0.3512rem;}
.classifySearch input::-webkit-input-placeholder{color:#aeb1b5;}
.classifySearch span{font-size:0.4375rem; color:#aeb1b5;}
.classfityBanner{padding:0 0.3125rem 0.3125rem 0.3125rem; background:#fff;}
.classfityBanner img{width:100%; height:1.925rem; object-fit:cover; display:block; border-radius:0.25rem;}
.classfityLinkBtn{display:flex; align-items:center; justify-content:flex-end; padding:0.3125rem 0.375rem 0 0.375rem;}
.classfityLinkBtn button{border:0; display:flex; align-items:center; justify-content:center; color:#ff7300; font-size:0.375rem; border-radius:0.1625rem; font-weight:bold; height:0.75rem; width:2.75rem; background:-webkit-linear-gradient(left top,#ecf4e8,#ffd6bc);}
.classfityLinkBtn button label{background:#ff7300; font-weight:normal; margin-left:0.1625rem; color:#fff; display:flex; align-items:center; justify-content:center; width:0.375rem; height:0.375rem; border-radius:100%; font-size:0.3125rem;}
.classifyNav{position:fixed; padding-top:0.125rem; overflow-y:auto; -webkit-overflow-scrolling:touch; border-radius:0 0.5rem 0 0; top:3.75rem; left:0; bottom:1.3125rem; width:2.533rem; background:#f3f5f9;}
.classifyNav::-webkit-scrollbar{width:0;}
.classifyNavItem{color:#666666; padding:0 0.3125rem; display:flex; align-items:center; justify-content:center; font-size:0.375rem; height:1.25rem; text-align:center;}
.classifyNavItem span{display:block; flex:1; text-align:center; position:relative;}
.classifyNavItem.active{position:relative; font-size:0.375rem; font-weight:500; color:#000; }
.classifyNavItem.active span{background:#55b765; color:#fff; height:0.75rem; line-height:0.75rem; border-radius:1.0rem; }
.classifyNavItem.active span::after{content:""; display:none; position:absolute; bottom:0.25rem; left:0; right:0; height:0.1rem; background:-webkit-linear-gradient(right top,#e6f84c,#55b765);}
.classifyCenterRh{left:2.5rem; border-left:0.25rem #fff solid; top:3.75rem; position:fixed; bottom:1.3125rem; right:0; overflow-y:auto; -webkit-overflow-scrolling:touch; border-radius:0.125rem 0 0 0; background:#fff;}
.classifyCenterRh::-webkit-scrollbar{width:0;}
.classifyGoodItem{display:flex; position:relative; padding:0.375rem 0.125rem;}
.classifyGoodItem:first-child{padding-top:0.125rem;}
.classifyGoodItem::after{content:""; position:absolute; left:2.125rem; top:0; width:calc(200% - 4.25rem); height:200%; border-bottom:1px #e6e6e6 solid; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}
.classifyGoodItem:last-child::after{border:0;}
.classifyGoodItem a{flex:1; display:flex;}
.classifyGoodImg{width:1.75rem; height:1.75rem; border-radius:0.125rem;}
.classifyGoodImg img{width:1.75rem; height:1.75rem; display:block; object-fit:cover; border-radius:0.125rem;}
.classifyGoodItem .shopcartInfo{margin-left:0.25rem; height:auto;}
.classifyGoodItem .goodInfoBot{margin-top:0.25rem;}
.classifyGoodItem .goodBz{font-size:0.335rem;}
.classifyGoodItem .goodName{min-height:1.0rem;}

/*购物车*/
.shopcartContainer{min-height:15.0rem; background:url(../img/cartBg.png) no-repeat left top; background-size:100% auto; padding-bottom:2.75rem;}
.shopcartHeader{display:flex; align-items:center; justify-content:space-between; padding:0.0625rem 0.3125rem; line-height:1.5rem;}
.shopcartEdit{font-size:0.375rem; width:1.5rem; text-align:right; color:#ff8000;}
.shopcartLf{font-size:0.375rem; position:relative; line-height:0.8125rem; display:flex; align-items:center; margin:0.125rem 0; padding:0 0.4375rem 0 0.3125rem; background:#fff;  border-radius:0.5rem;}
.shopcartLf select{background:rgba(255,255,255,0.0); outline:none; padding:0 0.375rem 0 0; height:0.75rem; text-align:center; position:relative; width:100%; border:0; -webkit-appearance: none; font-size:0.375rem;}
.shopcartLf:after{content:""; right:0.25rem; top:0.3125rem; position:absolute; border-top:0.125rem #000 solid; border-left:0.125rem transparent solid; border-right:0.125rem transparent solid;}
.shopcartList{background:#fff; margin:0 0.3125rem;  border-radius:0.25rem;}
.shopcartItem{display:flex; align-items:center; padding:0.3125rem;}
.shopcartCheck{width:0.75rem; position:relative; display:flex; align-items:center;}
.shopcartCheck img{width:0.5rem; display:block;}
.shopcartCheck input.checkbox{position:absolute; width:0.75rem; height:1.75rem; border-radius: 100%; opacity: 0;}
.shopcartImg{width:2.25rem; height:2.25rem; overflow:hidden; border-radius:0.1625rem;}
.shopcartImg img{width:2.25rem; height:2.25rem; object-fit:cover; display:block;}
.shopcartInfo{flex:1; margin-left:0.25rem; height:2.25rem; position:relative;}
.shopcartInfo .goodName{font-size:0.375rem; margin-bottom:0.125rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.shopcartInfo .goodName span{background:#eee; border-radius:0.0625rem; color:#666; font-size:0.3125rem; padding:0.03125rem 0.125rem;}
.shopcartInfo .goodInfoBot{position:absolute;}
.goodSize{display:flex; align-items:center; color:#333;}
.goodSize span{display:flex; align-items:center; line-height:0.625rem; color:#999; height:0.625rem; font-size:0.3125rem;}
.goodInfoBot{display:flex; justify-content:space-between; align-items: flex-end; margin-top:0.0625rem;  left:0; right:0; bottom:0;}
.goodInfoBot .goodPrice{color:#ff2a00; font-weight:bold; font-size:0.375rem;}
.shopcartFooter{display:flex; padding:0; height:1.375rem; align-items:center; justify-content:space-between; background:#fff; box-shadow:0 0.625rem 0.3125rem rgba(0, 0, 0, 0.06); position:fixed; z-index:99; bottom:1.375rem; left:0; right:0;}
.shopcartAllCheck{font-size:0.375rem; margin-left:0.3125rem; position:relative;  display:flex; align-items:center;}
.shopcartAllCheck input.checkbox{position:absolute; width:1.3125rem; height:0.75rem; border-radius: 100%; opacity: 0;}
.shopcartAllCheck img{width:0.5rem; display:block;}
.shopcartAllCheck span{margin-left:0.125rem;}
.shopcartAllMoney{font-size:0.375rem; line-height:0.5rem; margin-left:0.125rem;}
.shopcartAllMoney div{display:flex; align-items:center; }
.shopcartAllMoney label{width:1.125rem; text-align:right;}
.shopcartAllMoney span{font-weight:bold; font-size:0.40375rem;}
.shopcartFooterBtn{margin-right:0.3125rem;}
.shopcartFooterBtn button{background:#55b765; border:0; color:#fff; font-size:0.40375rem; width:2.25rem; border-radius:1.0rem; line-height:0.875rem;}
.goodNumer{display:flex; align-items:center; position:relative; }
.goodNumer::after{content:""; position:absolute; border-radius:0.25rem; left:0; top:0; width:200%; height:200%; border:1px #aaa solid; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}
.goodNumer button{background:transparent; border:0; z-index:2; color:#666; position:relative; width:0.625rem; height:0.625rem; padding:0; line-height:0.625rem; font-weight:bold; margin:0; font-size:0.3125rem;}
.goodNumer button::after{content:""; position:absolute; left:0; top:0; width:200%; height:200%; border-left:1px #aaa solid; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}
.goodNumer button.disabled{opacity:0.9;}
.goodNumer button:first-of-type::after{border-right:1px #aaa solid; border-left:0;}
.goodNumer input{width:0.625rem; border:0;  text-align:center; height:0.625rem; border-radius:0; background:#fff; font-size:0.34375rem;}
.goodNumer select{height:0.625rem;  border:0; outline:none; background:transparent; padding:0 0.25rem; -webkit-appearance:none; font-size:0.3512rem; width:3.0rem;}
.goodNumer label{position:absolute; right:0.125rem; top:0; line-height:0.625rem; font-size:0.3125rem;}
.cartClassify{display:flex; align-items:center;}
.cartClassifyItem{display:flex; align-items:center; font-size:0.28rem; margin-left:0.125rem; background:#e5e5e5;padding:0 0.0875rem; height:0.5rem; border-radius:0.0625rem;}
.cartClassifyItem label{margin-right:0.0625rem;}
.cartClassifyItem label img{width:0.3125rem; display:block;}
.cartClassifyItem span{margin-top:0.03125rem;}
.cartClassifyItem.active{background:#ffd6bb;}
.cartClassifyIcon_1{background:url(../img/cartClassifyIcon_1.png) no-repeat; width:0.3125rem; height:0.3125rem; background-size:0.3125rem 0.3125rem;}
.cartClassifyIcon_2{background:url(../img/cartClassifyIcon_2.png) no-repeat; width:0.3125rem; height:0.3125rem; background-size:0.3125rem 0.3125rem;}
.cartClassifyIcon_3{background:url(../img/cartClassifyIcon_3.png) no-repeat; width:0.3125rem; height:0.3125rem; background-size:0.3125rem 0.3125rem;}
.cartClassifyIcon_4{background:url(../img/cartClassifyIcon_4.png) no-repeat; width:0.3125rem; height:0.3125rem; background-size:0.3125rem 0.3125rem;}



/*空白*/
.pageNone{text-align:center; left:0; font-size:0.34375rem; color: #999; width:100%; position: fixed; top:70%; margin-top:-2.75rem;}
.pageNone div{padding:0.1875rem 0;}
.pageNone div img{width:3.5rem; display:block; margin:0 auto;}
.noneBtn{background:#55b765; font-size:0.375rem; width:4.0rem; height:1.0rem; color: #fff; border: 0; border-radius:1.0rem;}
.noneInfor{position:absolute; width:100%; top:3.625rem; text-align:center; color:#b8b8b8; font-size:0.375rem;}
.noneInfor div img{width:2.375rem; display:block; margin:0 auto 0.375rem auto;}

.userContainer{background:url(../img/userBg.png) no-repeat left top; padding-bottom:1.375rem; width:100%; background-size:100% auto; }
.userTop{padding:0.75rem 0.3125rem 0.5rem 0.3125rem; background-size:100% auto; display:flex; align-items:center; position:relative;}
.userInfoImg{width:1.75rem; overflow:hidden; border-radius:100%;}
.userInfoImg img{width:100%; display:block;}
.userInfo{margin-left: 0.25rem;width:calc(100% - 2.0rem); color:#fff;}
.userName{font-size:0.4375rem; font-weight:bold; display:flex; align-items:center;}
.userVip{margin-top:0.1625rem; font-size:0.34375rem; }
.userName span{background:#ffdccd; margin-left:0.125rem; font-weight:normal; font-size:0.3125rem; border-radius:0.0625rem; color:#FF8000; height:0.5rem; line-height:0.525rem; padding:0 0.125rem;}
.userVip img{width:1.5rem; display:block;}
.userLogin{display:flex; align-items:center; justify-content:space-between; font-size:0.375rem;}
.userLogin a{display:flex; align-items:center; justify-content:space-between; flex:1;}
.userLogin a span{color:#e96a28; font-size:0.40375rem;}
.userSet{position:absolute; display:flex; align-items:center; right:0.3125rem; top:0.3125rem; width:2.0rem; height:1.0rem; text-align:right; font-size:0.625rem;}
.userSet a{display:block; margin-left:0.25rem; color:#fff; position:relative;}
.userWallt{padding:0.5rem 0.875rem; display:flex; align-items:center; justify-content:space-between;}
.userWallt span{color:#fff; opacity:0.8; padding-left:0.5rem; font-size:0.3125rem; margin-top:0.5rem;}
.userWallt a{background:linear-gradient(to right,#f5e6d1,#f7e3b8); font-size:0.375rem; height:0.75rem; line-height:0.8125rem; padding:0 0.3125rem; border-radius:1.0rem; color:#3d415d;}
.userBlock{background:#fff; border-radius:0.25rem; margin:0.2875rem 0.3125rem;}
.orderTitle{display:flex; align-items:center; justify-content: space-between; position:relative;  padding:0 0.3125rem; line-height:1.5rem;}
.orderTitle::after{content:""; position:absolute; left:0; top:0; width:200%; height:200%; border-bottom:0px #eee solid; pointer-events:none; transform: scale(0.5); transform-origin:0 0;}
.orderTitle span{font-weight:bold; font-size:0.4375rem;}
.orderTitle a{color:#999; font-size:0.34375rem;}
.ptOrder{display:flex; align-items:center; justify-content: space-between; padding:0 0.3125rem;}
.ptOrderItem{display:flex; align-items:center; font-size:0.375rem;}
.ptOrderItem a{width:100%; display:flex; align-items:center; padding:0.5rem 0;}
.ptOrderItem i{width:0.625rem; margin-right:0.1625rem;}
.ptOrderItem img{width:0.625rem; display:block;}
.orderAll{display:flex; align-items:center; justify-content: space-between;}
.orderNavItem{width:21%; text-align:center;}
.orderNavItem a{display:block; padding:0.0rem 0 0.5rem 0; position:relative;}
.orderNavItem label{position:absolute; background:#ff6000; border-radius:0.5rem; color:#fff; top:-0.125rem; right:50%; margin-right:-0.5rem; min-width:0.34375rem; padding:0 0.0625rem; height:0.34375rem; line-height:0.40375rem; font-size:0.25rem;}
.orderNavItem i{display:block; margin:0 auto; width:0.75rem;}
.orderNavItem i img{width:0.8125rem; display:block; margin:0 auto;}
.orderNavItem span{display:block; font-size:0.34375rem; margin-top:0.125rem;}
.userNav{display:flex; align-items:center; flex-wrap:wrap; padding:0;}
.userNavItem{width:25%; text-align:center;}
.userNavItem a{display:block; padding:0 0 0.5rem 0;}
.userNavItem i{display:block; margin:0 auto; width:0.6875rem;}
.userNavItem i img{width:0.6875rem; height:0.6875rem; display:block; margin:0 auto;}
.userNavItem span{display:block; font-size:0.34375rem; margin-top:0.125rem;}
.userTopBtn{display:flex; align-items:center; justify-content:center; margin-bottom:0.125rem; padding-bottom:0.375rem; border-radius:0 0 0.125rem 0.125rem;}
.userTopBtnItem{margin:0 0.25rem;}
.userTopBtnItem a{display:block; color:#FF5400; position:relative; font-size:0.375rem; line-height:0.8125rem; height:0.75rem; padding:0 0.5rem;}
.userTopBtnItem a::after{content:""; position:absolute; border-radius:1.0rem; left:0; top:-0.01625rem; width:200%; height:200%; border:1px #FF5400 solid; pointer-events:none; transform: scale(0.5); transform-origin:0 0;}
.userTopBtnItem a label{font-size:0.3125rem;}
.userLineNavItem{display:flex; align-items:center; height:1.25rem; background:#fff; margin:0.3125rem; border-radius:0.25rem;}
.userLineNavItem a{flex:1; padding:0 0.3125rem; height:1.25rem; display:flex; align-items:center; justify-content:space-between;}
.userLineNavTitle{display:flex; align-items:center;}
.userLineNavTitle i{width:0.5625rem; display:block;}
.userLineNavTitle i img{width:0.5625rem; display:block;}
.userLineNavTitle span{font-size:0.40375rem; margin-left:0.25rem;}
.userLineNavRight{font-size:0.3125rem;}
.userChart{padding:0.3125rem 0; position:relative; display:flex; justify-content:space-between;}
.userChart::before{content:""; position:absolute; opacity:0.5; left:0; top:0; border-top:0px #fff solid; width:200%; height:200%; transform:scale(0.5); transform-origin:0 0; pointer-events: none;}
.userChartItem a{display:block; text-align:center; color:#fff;}
.userChartItem a i{display:none;}
.userChartItem a img{display:block; width:0.6875rem; margin:0 auto;}
.userChartItem b{font-size:0.5rem; display:block; color:#fff; }
.userChartItem span{ display:block; opacity:0.8; font-size:0.34375rem; padding-left:0.125rem;}
.userChartItem span label{font-size:0.25rem;}
.copyBtn{position:relative; border:0; margin-left:0.125rem; background:transparent; padding:0 0.25rem; line-height:0.5rem; color:#55b765; position:relative; font-size:0.3125rem;}
.copyBtn::after{content:""; position:absolute; left:0; top:-0.03125rem; width:200%; height:200%; border:1px #55b765 solid; border-radius:1.0rem; pointer-events:none; transform:scale(0.5); transform-origin:0 0;}
.userWallet{background:#fff; margin:0.3125rem; border-radius:0.25rem; display:flex; align-items:center; justify-content:space-between; padding:0.3125rem;}
.userWalletTitle{font-size:0.4375rem; font-weight:bold;}
.userWalletCz{display:flex; align-items:center;}
.userWalletCz button{background:#55b765; margin-left:0.25rem; border-radius:0.125rem; color:#fff; border:0; height:0.75rem; padding:0 0.5rem; font-size:0.375rem;}
.userWalletCz button.lineBtn{background:#fff; border:0.015625rem #55b765 solid; color:#55b765;}
.userBank{margin:0.3125rem; color:#fff; background:#234; padding:0.3125rem; border-radius:0.25rem; display:flex; align-items:center; justify-content:space-between;}
.userBankTitle span{display:block; font-weight:bold; font-size:0.4375rem;}
.userBankTitle label{display:block; opacity:0.8; font-size:0.3125rem;}
.userBankBtn button{background:#ff7000; border:0; color:#fff; font-size:0.375rem; border-radius:0.125rem; height:0.75rem; line-height:0.75rem; padding:0 0.25rem;}

.userInforItem{display:flex; align-items:center; justify-content:space-between; position:relative; padding:0 0.3125rem; font-size:0.375rem; height:1.375rem;}
.userInforItem::after{content:""; position:absolute; opacity:0.5; left:0; top:0; border-bottom:1px #e6e6e6 solid; width:200%; height:200%; transform:scale(0.5); transform-origin:0 0; pointer-events: none;}
.userInforItem:last-child::after{border:0;}
.userInforItem span{flex:1; margin-left:0.375rem; text-align:right;}
.userInforItem label{color:#666;}


/*搜索*/
.searchBox{padding:0.3125rem 0.3125rem; position:sticky; background:#f6f7f8; z-index:999; top:0; left:0; right:0;}
.searchInput{display:flex; align-items:center; position:relative; border:1px #55b765 solid; border-radius:0.25rem;}
.searchInput select{height:0.8265rem;  border:0;  border-right:0.03125rem #55b765 solid; outline:none; background:transparent; padding:0 0.25rem; -webkit-appearance:none; font-size:0.3512rem; width:2.5rem;}
.searchInput label{position:absolute; left:1.935rem; top:0.25rem; font-size:0.3125rem;}
.searchInput input{height:0.8265rem; flex:1; width:calc(100% - 3.75rem); background:transparent; border:0; padding:0 0.25rem; font-size:0.3512rem;}
.searchInput button{background: #55b765; font-size:0.2933rem; border-radius: 0 0.215rem 0.215rem 0; height:0.8265rem; width:1.25rem; border:0; color:#fff;}
.searchKeyword{padding:0 0.3125rem 0.875rem 0.3125rem; position:relative; z-index: 99;}
.searchKeywordTitle{font-size:0.375rem;}
.searchKeywordList{display:flex; flex-wrap:wrap;}
.searchKeywordList span{color:#55b765; margin:0.214rem 0.214rem 0 0; position:relative; padding:0 0.25rem; height:0.693rem; line-height:0.72rem; font-size:0.32rem;}
.searchKeywordList label{color:#55b765; background:#f5ffde; margin:0.214rem 0.214rem 0 0; position:relative; padding:0 0.25rem; border-radius:0.125rem; height:0.693rem; line-height:0.725rem; font-size:0.32rem;}
.searchKeywordList span::after{content:""; position:absolute; left:0; top:-1px; width:200%; height:200%; border-radius:0.25rem; border:1px #55b765 solid; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}
.searchGoodItem{display:flex; position:relative; margin:0 0.4267rem 0.2675rem 0.4267rem; border-radius:0.2675rem;}
.searchGoodItem a{flex:1; display:flex;}

.repurchaseBanner img{width:100%; display:block;}
.repurchaseCenter{background:#f3f5f8; border-radius:0.25rem 0.25rem 0 0; position:relative; margin-top:-1.0rem;}
.zoneClassify{padding:0; margin:0 0.3125rem; border-radius:0.125rem;}
.zoneClassify ul{white-space:nowrap; display:flex; overflow:auto; -webkit-overflow-scrolling:touch; height:1.25rem; line-height:1.25rem;}
.zoneClassify li{margin-right:0.4375rem; color:#666; vertical-align:top; font-size:0.375rem; text-align:center; }
.zoneClassify li:first-child{margin-left:0;}
.zoneClassify li.active{color:#55b765; position:relative; font-weight:bold; font-size:0.40375rem;}
.zoneClassify li.active:after{content:""; position:absolute; width:40%; left:30%; bottom:0.125rem; height:0.0625rem; background:#55b765;}
.zoneGoodlist{margin:0 0.3125rem; padding-bottom:0.25rem; display:flex; flex-wrap:wrap; justify-content:space-between;}
.integralTop{background:url(../img/integralBg.jpg) no-repeat; width:100%; padding-bottom:1.0rem; background-size:100% auto;}
.integralAll{display:flex; align-items:center; justify-content:space-between; padding:0.5rem;}
.integralAllNum{color:#fff; font-size:0.4375rem;}
.integralAllNum label{display:block; margin-bottom:0.125rem;}
.integralAllNum span{display:block; font-weight:bold; font-size:0.625rem;}
.integralAllBtn button{background:rgba(255,255,255,0.8); color:#55b765; border:0; font-size:0.375rem; height:1.0rem; line-height:1.0rem; width:3.0rem; border-radius:1.0rem;}
.integralTopText{background:rgba(255,255,255,0.2); color:#fff; border-radius:0.125rem; opacity:0.9; line-height:0.5rem; margin:0 0.5rem 0.5rem 0.5rem; padding:0.3125rem; text-align:justify; font-size:0.34375rem;}
.integralTopText span{color:#ffc000; font-weight:bold;}
.integralRecordItem{background:#fff; border-radius:0.25rem; margin-top:0.25rem; padding:0.375rem; display:flex; align-items:center; justify-content:space-between;}
.integralRecordNum{font-size:0.4375rem; font-weight:bold; color:#ff2a00;}
.integralRecordNum.move{color:#333;}
.integralRecordLf .title{font-size:0.40375rem;}
.integralRecordLf .time{font-size:0.3125rem; margin-top:0.125rem; color:#999;}

.companyProfileImg img{width:100%; display:block;}
.companyProfileCenter{background:#FFFAF8;}
.companyProfileText{padding:0.5rem; line-height:0.625rem; text-align:justify; font-size:0.375rem;}
.companyProfileText p{margin:0.3125rem 0;}
.companyProfileText p b{background:#ed4d42; margin-bottom:0.25rem; position:relative; font-size:0.4375rem; padding:0.375rem 0.75rem; color:#fff;}
.companyProfileText p b::after{content:""; position:absolute; left:0.25rem; top:0.25rem; width:calc(200% - 1.0rem); height:calc(200% - 1.0rem); border:1px #fff solid; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}

.championHelpItem{margin:0.3125rem;}
.championHelpVideo{background:#ff8d45; position:relative; padding:0.125rem;}
.championHelpVideo::after{content:""; position:absolute; left:0.0rem; top:0.0rem; width:calc(200% - 0.0625rem); height:calc(200% - 0.0625rem); border:0.03125rem #fce7a6 solid; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}

.championHelpVideo video{width:100%; display:block;}
.goodDetailBox{padding-bottom:1.125rem; padding-top:0;}
.goodsDetailsTop{position: absolute; display:flex; align-items:center; justify-content: space-between; padding:0 0.3125rem; top:0.3125rem; z-index:99;}
.goodsImg .swiper-slide img{border-radius:0;}
.goodsDescription{background-color:#fff; margin-top:0.25rem; border-radius:0.125rem 0.125rem 0 0;}
.goodsDescription h5{font-size:0.4375rem; padding:0.3125rem; text-align:center; color:#000;}
.goodsDescription h5 b{display:block;}
.goodsDescription h5 span{font-size:0.25rem; display:block; color:#666;}
.goodsDescription p{font-size:0.34375rem; color:#000;}
.goodsDescription p img{width:100%; display:block;}
.goodInfo{background:#fff; padding:0.3125rem;}
.goodInfoTitle{display:flex; align-items:center; justify-content: space-between;}
.goodInfoName{font-size:0.40375rem; font-weight:bold;}
.goodInfoName h4{font-size:0.40375rem; font-weight:bold;}
.goodInfoName h4 button{position:relative; border:0; margin-left:0.125rem; background:transparent; padding:0 0.25rem; line-height:0.5rem; color:#999; position:relative; font-size:0.3125rem;}
.goodInfoName h4 button::after{content:""; position:absolute; left:0; top:-0.05625rem; width:200%; height:200%; border:1px #999 solid; border-radius:1.0rem; pointer-events:none; transform:scale(0.5); transform-origin:0 0;}
.goodInfoName h6{font-size:0.34375rem; color:#666; margin-top:0.0625rem;}
.goodInfoMoney{display:flex; align-items:center; justify-content:space-between; margin-top:0.3125rem;}
.goodInfoMoneyLf{display:flex; align-items:center; margin-top:0rem;}
.goodInfoMoneyLf span{display:block; margin-right:0.3125rem; position:relative; font-weight:bold; color:#ff2a00; font-size:0.4375rem;}
.goodInfoMoneyLf label{font-size:0.34375rem; position:relative; bottom:0.03125rem; display:block; color:#ff2a00;}
.goodDetailType{display:flex; align-items:center; margin-top:0.125rem;}
.goodDetailTypeItem{background:-webkit-linear-gradient(left top,#edffea,#ffd6bc); display:flex; align-items:center; font-size:0.3125rem; margin-right:0.1625rem; padding:0 0.125rem; border-radius:0.125rem; height:0.5rem;}
.goodDetailTypeItem label img{width:0.3125rem; display:block;}
.goodDetailTypeItem span{margin-left:0.0625rem; margin-top:0.03125rem;}
.goodDetailCenter{background:#fff; margin:0.2875rem 0; border-radius:0.125rem;}
.goodDetailTd{display:flex; align-items:center; justify-content: space-between; font-size:0.375rem; padding:0 0.3125rem; height:1.3125rem; position:relative;}
.goodDetailTd::after{content:""; position:absolute; left:0; top:0; width:200%; height:200%; border-bottom:1px #e6e6e6 solid; pointer-events:none; transform:scale(0.5); transform-origin:0 0;}
.goodDetailTd:last-child::after{border:0;}
.goodsBottom{position:fixed; height:1.125rem; display:flex; background-color:#fff; border-top:0px #e5e5e5 solid; bottom:0; width:100%; z-index:99;}
.goodsDetailBtn{overflow:hidden; flex:1; display:flex; }
.goodsDetailBtn button{flex:1; color:#fff; font-size:0.40375rem; height:1.125rem; line-height:1.125rem;}
.addCartBtn{border:0; background-color:#55b765; padding:0; width:50%; }
.buyNowBtn{border:0; background-color:#1d9b31; padding:0; width:50%;}
.goodBotNav{width:3.75rem; display:flex; align-items:center; padding:0 0.125rem;}
.goodBotNavItem{flex:1; text-align:center; color:#666;}
.goodBotNavItem a{display:block; color:#666;}
.goodBotNavItem label{display:block; font-size:0.5rem; font-weight:bold;}
.goodBotNavItem span{display:block; font-size:0.2875rem;}
.goodBotNavItem.active label{color:#39548d;}
.goodDetailIntor{display:flex; align-items:center; justify-content: space-between; color:#999; background:#fff; padding:0.3125rem; font-size:0.34375rem;}
.goodDetailIntorTd{display:flex; align-items:center;}
.goodDetailIntorTd span{font-size: 0.40375rem;}
.modalDialog{position:fixed; left:0; top:0; right:0; bottom:-4.0rem; width:100%; height:100%; z-index:999; opacity:0; pointer-events: none; -ms-transform: scale(1.1); transform: scale(1.0); backface-visibility: hidden; transition: all 0.2s ease-in-out 0s;}
.modalDialog.show{opacity:1.0; bottom:0; pointer-events: auto; -ms-transform: scale(1.0); transform: scale(1.0);}
.modalDialog::after{content:""; position:absolute; pointer-events: none; left:0; top:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.7);}
.modalClose{text-align:right; position:absolute; right:0; top:0; padding:0.25rem 0.25rem 0 0; font-size:0.625rem; color:#999;}
.modalCont{background:#fff; border-radius:0.125rem 0.125rem 0 0; width:100%; position:absolute; z-index:99; left:0; bottom:0; right:0;}
.addShopcartGood{display:flex; padding:0.3125rem;}
.addShopcartGoodImg{width:2.25rem; height:2.25rem; background:#000; border-radius:0.125rem; overflow:hidden;}
.addShopcartGoodImg img{width:2.25rem; display:block;}
.addShopcartGoodInfo{margin-left:0.25rem; width: calc(100% - 3.5rem);}
.addShopcartGoodInfo .blanceGoodBot{margin:0;}
.addShopGoodName{font-size:0.4375rem; text-align:justify; min-height:1.625rem;}
.addShopGoodMony{color:#ff2a00; display:flex; align-items:center; font-weight:bold; font-size:0.4375rem;}
.addShopGoodMony span{margin-right:0.3125rem;}
.addShopcartSize{padding:0.25rem 0.3125rem;}
.addShopcartSizeTitle{font-size:0.34375rem; line-height:0.625rem; display:flex; justify-content:space-between; align-items:center;}
.addShopcartSizeList span{display:inline-block; margin-top:0.125rem; line-height:0.75rem; margin-right:1%; text-align:center; font-size:0.3125rem; width:23.2%; background:#f2f2f2;}
.addShopcartSizeList span.active{background:#55b765; color:#fff;}
.addShopcartSizeList span.disabled{background:#f8f8f8; color:#999;border:0.5px #ddd dashed;}
.addShopcart{padding:0.3125rem;}
.addShopcart button{background:#55b765; border:0; width:100%; border-radius:0.125rem; color:#fff; line-height:1.125rem; border-radius:0.125rem; font-size:0.375rem;}

.balanceTips{background: #fff6e6; text-align:justify; font-size: 0.3125rem; padding: 0.2875rem 0.3125rem;}
.balanceTips span{color:#ff2a00; font-weight:bold;}
.buyAddress{background:#fff url(../img/addressBg.png) no-repeat left bottom; background-size:100% auto; margin-bottom:0.2875rem; position:relative; border-radius:0.125rem; padding:0.3125rem; display:flex; align-items:flex-start; }
.orderDetailAddressText{width:calc(100% - 1.0rem);}
.orderDetailAddressText span{font-size:0.40375rem; color:#000; margin-right:0.25rem;}
.orderDetailAddressText div{font-size:0.375rem; color:#61646d; align-items:center; margin-top:0.125rem; display:flex;}
.orderDetailAddressText div:first-child{margin-top:0;}
.orderDetailAddressRh{font-size:0.3125rem; position:absolute; right:0.25rem; top:50%; margin-top:-0.125rem;}
.addAddress{width:100%; padding:0.125rem 0; display:flex; align-items:center; justify-content:space-between; font-size:0.375rem; color:#333;}
.addAddress label{text-align:center; margin-right:0.125rem; font-size:0.5rem; color:#FF4302;}
.addAddressLf{display:flex; align-items:center;}
.orderAddressR{font-size:0.3125rem;}
.blanceGood{background:#fff; border-radius:0.125rem;  padding:0.3125rem; display:flex; align-items:center;}
.blanceGood:first-child{padding-bottom:0;}
.blanceGoodImg{width:2.5rem; height:2.5rem; border-radius:0.125rem; overflow:hidden;}
.blanceGoodImg img{width:2.5rem; height:2.5rem; object-fit:cover; display:block;}
.blanceGoodInfo{margin-left:0.25rem; flex:1; position:relative;}
.blanceGoodInfo h4{font-size:0.40375rem; font-weight:bold; min-height:1.0rem; text-align:justify; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-weight:normal;}
.blanceGoodInfo h6{position:absolute; top:1.3125rem; left:0; color:#999; font-size:0.3125rem;}
.blanceGoodGg{position:absolute; top:1.3125rem; left:0; color:#999; font-size:0.3125rem;}
.blanceGoodName{font-size:0.40375rem; min-height:1.0rem; text-align:justify; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-weight:normal;}
.blanceGoodBot{display:flex; align-items:center; justify-content:space-between; margin-top:0.875rem;}
.blanceGoodMony{display:flex; align-items:flex-end; height:0.625rem;}
.blanceGoodMony span{color:#ff2a00; font-weight:bold; font-size:0.40375rem;}
.blanceGoodMony label{text-decoration:line-through; margin-left:0.125rem; color:#bbb; font-size:0.34375rem;}
.blanceGoodNum{color:#999; font-size:0.3125rem; line-height:0.625rem; position:relative; top:0.0625rem;}
.blanceMoney{background:#fff; padding:0.1875rem 0.3125rem; font-size:0.375rem; overflow:hidden; margin:0.2875rem 0; border-radius:0.125rem;}
.blanceMoneyItem{padding:0.125rem 0; line-height:0.75rem; display:flex; justify-content:space-between;}
.blanceMoneyItem span:first-of-type{width:2.25rem; white-space:nowrap;}
.blanceMoneyItem span:nth-of-type(2){width:calc(100% - 2.25rem); text-align:right;}
.blanceMoneyItem label{color:#999;}
.blanceMoneyItem a{color:#ff2a00; margin-right:-0.0875rem;}
.blanceMoneyItem a span{color:#ff2a00;}
.blanceMoneyItem b{padding-left:0.25rem; font-size:0.4375rem; color:#ff2a00;}
.blanceMoneyItem span.orange{color:#FF4747;}
.blanceMoneyItem button{position:relative; border:0; margin-left:0.125rem; background:transparent; padding:0 0.25rem; line-height:0.5rem; color:#FF5400; position:relative; font-size:0.3125rem;}
.blanceMoneyItem button::after{content:""; position:absolute; left:0; top:-0.03125rem; width:200%; height:200%; border:1px #FF5400 solid; border-radius:1.0rem; pointer-events:none; transform:scale(0.5); transform-origin:0 0;}
.blanceInfo{background:#fff; padding:0.25rem 0; border-radius:0.125rem; overflow:hidden;}
.blanceInfo p{overflow:hidden; line-height:0.75rem; padding:0 0.3125rem; border-top:0px #f7f7f7 solid;}
.blanceInfo span{float:left; font-size:0.375rem;}
.blanceInfo span:nth-of-type(2){float:right;}
.blanceInfo input{float:left; font-size:0.375rem; height:0.75rem; width:calc(100% - 2.0rem); border:0;}
.blanceFooter{position:fixed; padding:0.1875rem 0.3125rem; display:flex; align-items:center; justify-content:space-between; bottom:0; background:#fff; left:0; right:0;}
.shopcartBlance button{background:linear-gradient(to right, #f95a52, #e2231a); color:#fff; font-size:0.34375rem; border:0; line-height:0.875rem; height:0.875rem; width:2.5rem; border-radius:0.5rem; box-shadow:0 0.0625rem 0.1875rem rgba(246,49,40,0.5);}
.shopcartMoney{font-size:0.375rem;}

.payMoneyTop{background:#fff; border-radius:0.125rem; text-align:center; padding:0.5rem 0 0.75rem 0;}
.payMoneyTop .number{color:#ff2a00; font-weight:bold; font-size:0.5rem; display:flex; align-items:flex-end; justify-content:center;}
.payMoneyTop .number span{font-size:0.75rem;}
.payMoneyTop .number label{position:relative; bottom:0.0625rem;}
.payMoneyTop .time{display:flex; align-items:center; justify-content:center; font-size:0.375rem;}
.payMoneyTop .goodsActivityTime{color:#666; margin-top:0.3125rem;}
.payMoneyTop .goodsActivityTime span{color:#666;}
.goodsActivityTime{margin-top:0.125rem; display:flex; align-items:center; justify-content:center; color:#fff; font-size:0.34375rem;}
.goodsActivityTime b{display:inline-block; color:#fff; font-weight:normal; height:0.5rem; padding:0 0.125rem; line-height:0.5625rem; text-align:center; font-size:0.34375rem;  background:#39548d; vertical-align:middle; border-radius:0.0625rem;}
.goodsActivityTime span{display:inline-block;  color:#fff; vertical-align:middle; margin:0 0.0625rem; font-size:0.3125rem;}
.payType{background:#fff; border-radius:0.125rem; padding:0.125rem 0.3125rem; margin:0.2875rem 0;} 
.payTypeItem{display:flex; align-items:center; justify-content: space-between; height:1.25rem; padding:0.25rem 0;}
.payTypeItem a{width:100%; display:flex; align-items:center; justify-content:space-between;}
.payTypeAdd{display:flex; align-items:center; justify-content: space-between; height:1.25rem; padding:0.25rem 0;}
.payTypeLf{display:flex; align-items:center; font-size:0.375rem;}
.payTypeLf i{width:0.75rem; height:0.75rem; margin-right:0.1625rem;}
.payTypeLf i img{width:0.75rem; display:block;}
.payTypeRh{display:flex; align-items:center; flex-wrap:wrap;}
.payTypeNum{text-align:right; margin-right:0.375rem;}
.payTypeInput{position:relative; display:flex; align-items:center; justify-content:flex-end;}
.payTypeInput::after{content:""; position:absolute; left:0; top:0; width:200%; height:200%; border-bottom:1px #ddd solid; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}
.payTypeInput input{border:0; height:0.75rem; font-size:0.375rem; width:1.3125rem; background:transparent;}
.payTypeInput span{color:#55b765; font-size:0.375rem;}
.payTypeRh span{font-size:0.375rem;}
.payTypeRh label{font-size:0.375rem;}
.payTypePassword{background:#fff; padding:0.125rem 0.3125rem;}
.payTypePassword input{height:1.25rem; border:0; font-size:0.40375rem;}
.paySuccess{height:100%; position:fixed; left:0; top:0; right:0; background:#fff; display:flex; align-items:center;}
.paySuccessTips{width:100%; margin-top:-3.0rem;}
.submitSuccess{text-align:center; margin-bottom:0.375rem; line-height:0.625rem;}
.submitSuccess span{font-size:0.4375rem; font-weight:bold; display:block; margin-top:0.25rem; color:#55b765;}
.submitSuccess label{font-size:0.3125rem; display:block; color:#666;}
.submitSuccess i{display:block;}
.submitSuccess i img{width:2.75rem; display:block; margin:0 auto;}
.successBtn{display:flex; align-items:center; justify-content:center; margin-top:0.5rem;}
.successBtn button{background:#55b765; border:0; color:#fff; border-radius:0.125rem; font-size:0.375rem; height:1.0rem; line-height:1.0625rem; width:3.25rem; display:block; margin:0.5rem 0.125rem;}
.successBtn button.backList{background:#fff; color:#55b765; position:relative;}
.successBtn button.backList::after{content:""; position:absolute; left:0; border-radius:0.25rem; top:0; width:200%; height:200%; border:1px #55b765 solid; pointer-events:none; transform-origin:0 0; transform: scale(0.5);}
.commonBtn{padding:0.3125rem 0.5rem;}
.commonBtn.fixed{position:fixed; left:0; right:0; bottom:0;}
.commonBtn button{color:#fff; width:100%; margin:0 auto; border:0; border-radius:0.25rem; font-size:0.40375rem; text-align:center; display:block; line-height:1.125rem; background:#55b765;}
.bankDialog{position:fixed; display:flex; align-items:center; left:0; top:0; bottom:0; right:0; z-index:99999; opacity:0; pointer-events: none; backface-visibility: hidden; transition: all 0.2s ease-in-out 0s;}
.bankDialog.show{opacity:1.0; pointer-events:auto;}
.bankDialog::after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.75);}
.bankAddCont{position:absolute; background:#f3f5f8; left:0; right:0; top:0; bottom:0; z-index:999;}
.bankAddBackPage{font-size:0.5rem; min-width:1.0rem; text-align:center;}
.bankAddCont{padding-top:1.3125rem;}
.tranGoldForm{background:#fff; border-radius:0.25rem; margin:0.2875rem 0; padding:0 0.3125rem;}
.tranGoldInput{display:flex; flex-wrap:wrap; justify-content: space-between; font-size:0.40375rem;  position:relative;}
.tranGoldInput::after{content:""; position:absolute; left:0; top:0; border-top:1px #e6e6e6 solid; width:200%; height:200%; pointer-events:none; transform-origin:0 0; transform: scale(0.5); transform-origin:0 0;}
.tranGoldInput:first-child::after{height:0; border:0;}
.tranGoldInput span{width:2.5rem; line-height:1.375rem;}
.tranGoldInput label{position:absolute; right:0; top:0; line-height:1.375rem;}
.tranGoldInput input{width:calc(100% - 2.5rem); font-size:0.375rem; height:1.375rem; border:0;}
.tranGoldInput textarea{height:2.0rem; outline:none; width:calc(100% - 2.5rem); padding:0.375rem 0; border:0; resize:none; font-size:0.375rem; line-height:0.625rem;}
.tranGoldInput select{border:0; width:calc(100% - 2.5rem); background: transparent; line-height:1.375rem; outline:none; font-size:0.375rem; height:1.375rem; -webkit-appearance: none;}
.tranGoldInput button{margin:0; position:absolute; right:0; color:#55b765; height:1.375rem; background:transparent; font-size:0.375rem; border:0;}
.tranGoldInputTips{font-size:0.34375rem; position:relative; top:-0.25rem; line-height:0.5rem; padding-left:2.25rem; color:#ff0000; flex:1;}
.tabs{z-index:9; background:#fff; overflow:hidden; position:fixed; width:100%; top:0; left:0;}
.tabs ul{webkit-align-items: center; align-items: center; display: -webkit-box; -webkit-box-align: center; display:flex; display: -webkit-flex;}
.tabs ul li{border-bottom:0px #eee solid; font-size:0.375rem; text-align:center; line-height:1.25rem; -webkit-flex:1; flex:1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1;} 
.tabs ul li.active a{position:relative; color:#55b765; font-size:0.40375rem;}
.tabs ul li.active a:after{content:""; position:absolute; bottom:0; width:100%; left:0; height:2px; background-color:#55b765;}
.tabs ul li a{display:inline-block; color:#777; position:relative;} 
.tab-pane{display:none;}
.tabcont div.show{display:block;}
.tab-pane.active{display:block;}
.orderContainer{padding-top:1.25rem;}
.orderAllBtn{background:linear-gradient(to bottom,transparent,#fff); position:relative; margin-top:-1.25rem; height:1.25rem; font-size:0.34375rem; display:flex; align-items:flex-end; justify-content:center;}
.orderAllBtn div{background:#f0f1f3; color:#778; border-radius:0.125rem 0.125rem 0 0; padding:0 0.125rem; height:0.625rem; line-height:0.675rem;}
.orderGoodList{max-height:6rem; transition: all 0.2s ease-in-out 0s; overflow:hidden;}
.orderGoodList.orderListAuto{max-height:inherit;  margin-bottom:0.5rem;}
.orderItem{background:#fff; border-radius:0.125rem; margin-bottom:0.25rem; overflow:hidden;}
.orderState{display:flex; align-items:flex-start; justify-content: space-between; background:#fff; position:relative;  padding:0.3125rem;}
.orderState b{font-size:0.375rem; display:block; margin-bottom:0.125rem; color:#FF4747;}
.orderState span{font-size:0.34375rem; display:block;}
.orderState button{position:relative; border:0; margin-left:0.125rem; background:transparent; padding:0 0.25rem; line-height:0.5rem; color:#FF5400; position:relative; font-size:0.3125rem;}
.orderState button::after{content:""; position:absolute; left:0; top:-0.03125rem; width:200%; height:200%; border:1px #FF5400 solid; border-radius:1.0rem; pointer-events:none; transform:scale(0.5); transform-origin:0 0;}
.orderState label{font-size:0.34375rem; color:#FF4747;}
.orderGood{display:flex; align-items:center; padding:0 0.3125rem 0.25rem 0.3125rem; flex-wrap: wrap;}
.orderGoodImg{margin:0 0.25rem 0.125rem 0;}
.orderGoodImg:nth-child(4n+0){margin-right:0;}
.orderGoodImg img{width:2.15rem; height:2.15rem; display:block; object-fit:cover;}
.orderGoodList{box-shadow:0 0.0625rem 0.3125rem rgba(0, 0, 0, 0.05);}
.orderBot{padding:0.325rem 0.3125rem 0.3125rem 0.3125rem;}
.orderListAll{display:flex; align-items:center; justify-content:space-between; margin-bottom:0.25rem;}
.orderTime{font-size:0.34375rem; color:#999;}
.orderListNum{font-size:0.375rem; display:flex; align-items:center;}
.orderListNum span{margin-left:0.3125rem;}
.orderListNum span b{font-weight:bold;}
.orderBottomBtn{display:flex; justify-content:flex-end; align-items:center; width:100%; margin:0.25rem 0 0.125rem 0;}
.orderBottomBtn button{margin-left:0.25rem;}
.order-btn-gray{background:transparent; position:relative; font-size:0.34375rem; border:0; height:0.75rem; border-radius:0.0625rem; padding:0 0.4375rem;}
.order-btn-gray::after{content:""; position:absolute; left:0; top:0; width:200%; height:200%; border:1px #666 solid; border-radius:2.0rem; pointer-events:none; transform:scale(0.5); transform-origin:0 0;}
.order-btn-org{background:transparent; position:relative; color:#55b765; font-size:0.34375rem; border:0; height:0.75rem; border-radius:0.0625rem; padding:0 0.4375rem;}
.order-btn-org::after{content:""; position:absolute; left:0; top:0; width:200%; height:200%; border:1px #55b765 solid; border-radius:2.0rem; pointer-events:none; transform:scale(0.5); transform-origin:0 0;}
.orderDetailState{background:#55b765; padding:0.5rem; display:flex; align-items:center; justify-content:space-between;}
.orderStateText span{display:block; font-size:0.5rem; color:#fff; font-weight:bold;}
.orderStateText label{display:block; font-size:0.34375rem; color:#fff; margin-top:0.125rem;}
.orderStateText .goodsActivityTime span{font-weight:normal; font-size:0.34375rem;}
.orderStateIcon img{width:1.5rem; display:block;}
.orderDetailBox{padding-bottom:1.25rem; padding-top:0;}
.orderDetailBtn{position:fixed; box-shadow:0 0 0.25rem rgba(0,0,0,0.08); bottom:0; left:0; right:0; z-index:2; background:#fff; padding:0.25rem 0.3125rem; text-align:right;}
.orderDetailBtn button{margin-left:0.25rem;}
.orderDetailGood{background:#fff; overflow:hidden; margin-top:0.25rem; padding-top:0.25rem;}
.orderDetailGood .orderGoodList{max-height:inherit;}
.myTeam{background:#f3f5f8; padding:0.0625rem 0.3125rem; border-radius:0.25rem;}
.myTeamItem{display:flex; align-items:center; line-height:0.75rem; border-radius:0.25rem; margin:0.2875rem 0; justify-content:space-between; background:#fff; padding:0.3125rem;}
.myTeamItem span{font-size:0.40375rem;}
.myTeamItem b{font-size:0.5625rem; color:#55b765;}
.greenHeader{background:#55b765; position:sticky; left:0; top:0; right:0; z-index:999; line-height:1.3125rem; display:flex; align-items:center; color:#fff;}
.myTeamCont{ background-size:100% auto; padding:0 0.3125rem;}
.bankcardItem{position:relative; overflow:hidden; padding:0.375rem; color:#000; border-radius:0.25rem; background:#fff;  margin:0.2875rem 0;}
.bankLogo{float:right; background:#fff; width:1.0rem; height:1.0rem; }
.bankLogo img{width:1.0rem; margin:0 auto; display:block;}
.bankInfo{margin-right:1.75rem;}
.bankName{font-size:0.4375rem; padding:0px 0 0.25rem 0;}
.bankCategory{font-size:0.375rem;}
.cardNum{font-size:0.5rem; font-weight:bold; color:#000; padding-top:0.25rem; }
.cardNum span{padding-right:0.25rem;}
.deleteCard{position: absolute; bottom:0.3125rem; right:0.3125rem; color: #ff3030;}
.deleteCard button{background:#f6f6f6; padding:0; color:#333; width:0.75rem; height:0.75rem; border-radius:100%; border:0; text-align:center; font-size:0.5rem;}
.locationSelcet{ line-height:1.375rem; display:flex; align-items:center; flex:1; font-size:0.375rem; }
.tranGoldInput .locationSelcet select{width:2.25rem;}
.tranGoldSwitch{display:flex; align-items:center; justify-content: space-between;padding:0.25rem 0;  position:relative;}
.tranGoldSwitch::after{content:""; position:absolute; left:0; top:0; border-top:0px #e6e6e6 solid; width:200%; height:200%; pointer-events:none; transform-origin:0 0; transform: scale(0.5); transform-origin:0 0;}
.tranGoldSwitchLf span{display:block; font-size:0.40375rem; font-weight:bold;}
.tranGoldSwitchLf label{display:block; margin-top:0.125rem; color:#666; font-size:0.34375rem;}
.switch{display:block; float:right; height:0.625rem;}
.switch input[type="checkbox"]{display:none;}
.switch input[type="checkbox"] + label{
    display: inline-block;
    width:1.125rem;
    height:0.625rem;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    box-sizing: border-box;
}
.switch input[type="checkbox"] + label:after{
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:0.5625rem;
    height:0.5625rem;
 	border:0.03125rem #bbb solid;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}
#switch:checked + label.red {background:#55b765;}
#switch:checked + label.red:after {background: #fff;}
#switch:checked + label:after {left: calc(100% - 0.625rem); border:0.03125rem #55b765 solid;}
#switch + label {background:#bbb; border-radius:20px;}
#switch + label:after{background:#fff; border-radius:50%;}
.addressList{background:#fff; border-radius:0.25rem; margin:0.2875rem 0.3125rem;}
.addressItem{background:#fff; border-radius:0.25rem; position:relative; padding:0.375rem; display:flex; align-items:center;}
.addressItem::after{content:""; position:absolute; left:0; top:0; border-top:1px #e6e6e6 solid; width:200%; height:200%; pointer-events:none; transform-origin:0 0; transform: scale(0.5); transform-origin:0 0;}
.addressItem:first-child::after{border:0;}
.addressLocation{flex:1;}
.addressName{display:flex; align-items:center; font-size:0.375rem; color:#777;}
.addressName span{margin-right:0.125rem;}
.addressName label{background:#E2231A; color:#fff; border-radius:0.0625rem; font-size:0.3125rem; padding:0 0.0875rem; height:0.375rem; line-height:0.40375rem;}
.addressText{font-size:0.375rem; color:#777;}
.addressText2{font-weight:bold; font-size:0.40375rem; margin:0.1625rem 0;}
.editIcon{background:url(../img/editIcon.png) no-repeat; width:0.375rem; height:0.375rem; background-size:0.375rem 0.375rem;}
.addressItemBotBtn button{display:flex; align-items:center; justify-content:center; background:transparent; width:0.625rem; height:0.625rem; border:0;}
.welfareContainer{padding-top:0; height:100%;}
.welfareWallet{background:url(../img/scoreHeadBg.jpg) no-repeat; color:#fff; background-size:100% auto; margin:0.3125rem; border-radius:0.25rem; padding:0.5rem 0.3125rem;}
.welfareWalletNum{color:#fff; text-align:center;}
.welfareWalletNum label{display:block; font-size:0.40375rem; }
.welfareWalletNum b{font-size:0.625rem; display: block; margin-top:0.125rem;}
.welfareWalletBtn{display:flex; align-items:center; justify-content:center; margin-top:0.75rem;}
.welfareWalletBtn button{flex:1; color:#55b765; background:#fff; border-radius:0.5rem; height:1.0rem; line-height:1.0rem; font-size:0.40375rem; margin:0 0.25rem; border:0;}
.welfareWalletBtn button:last-child{background:transparent; color:#fff; border:0.015625rem #fff solid;}

.teamTab{overflow:hidden;}
.teamTab ul{webkit-align-items: center; align-items: center; justify-content:center; display: -webkit-box; -webkit-box-align: center; display:flex; display: -webkit-flex;}
.teamTab ul li{font-size:0.375rem; padding:0 0.375rem; text-align:center; height:1.0rem; line-height:1.0rem; } 
.teamTab ul li.active a{position:relative; color:#55b765; font-weight:bold;font-size:0.40375rem;}
.teamTab ul li.active a::after{content:""; position:absolute; left:0.125rem; right:0.125rem; bottom:0; border-radius:4px; height:0.0625rem; background:#55b765;}
.teamTab ul li a{display:inline-block; color:#333; position:relative;} 
.teamCont{height:calc(100% - 1.25rem); margin:0 0.3125rem;}
.teamTab-pane{display:none; height:100%;  position:relative;}
.teamCont div.show{display:block;}
.teamTab-pane .pageNone{margin-top:-4.0rem;}
.cashType{background:#fff; padding:0.3125rem 0.3125rem 0 0.3125rem;  border-radius:0.25rem; margin:0.2875rem 0;}
.cashPay{padding-top:0.0625rem;}
.cashMain{background:#fff; border-radius:0.25rem; margin:0.2875rem 0; padding:0.3125rem;}
.cashMainTitle{font-size:0.4375rem; font-weight:bold; display:flex; align-items:center; justify-content:space-between; line-height:0.625rem;}
.cashMainTitle .cashRulesBtn{font-weight:normal; font-size:0.3125rem; color:#999;}
.cashMainForm{display:flex; justify-content:space-between; padding:0.3125rem 0; line-height:1.0rem;}
.cashMainFormNum{display:flex; align-items:center; font-size:0.625rem;}
.cashMainFormNum input{width:5.0rem; margin-left:0.125rem; font-size:0.75rem; height:1.0rem; line-height:1.0rem; border:0;}
.cashMainFormNum input::-webkit-input-placeholder{font-size:0.5625rem; color:#ccc; line-height:1.0rem; position:relative; top:-0.0625rem;}
.cashMainFormMoney{font-size:0.34375rem; color:#666; margin-bottom:0.3125rem;}
.realName{line-height:1.125rem; border-top:0 #ddd solid; border-bottom:1px #e6e6e6 solid; margin-top:0.3125rem;}
.realName input{font-size:0.40375rem; height:1.125rem; border:0;}
.cashMainAll{font-size:0.34375rem; color:#ff4100;}
.cashMainAll input{height:0.75rem; padding:0 0.3125rem; border:0;}
.cashMainMoney{font-size:0.375rem; color:#333; display:flex; justify-content:space-between;}
.cashMainMoney span{padding-right:0.125rem;}
.cashMainMoney span:last-of-type{padding:0;}
.cashRules{background:#fff; border-radius:0.25rem; margin-bottom:0.2875rem; padding:0.3125rem;}
.cashRulesTitle{font-size:0.4375rem; font-weight:bold; padding-bottom:0.125rem;}
.cashRulesText{font-size:0.34375rem; color:#333;}
.cashRulesText p{padding-top:0.125rem;}
.cashRecord{height:100%; overflow:hidden; position:relative; -webkit-overflow-scrolling: touch;}
.cashRecordItem{background:#fff; margin-top:0.25rem; display:flex; align-items:center; justify-content: space-between; padding:0.3125rem;}
.cashRecordLf{width:calc(100% - 2.25rem);}
.cashRecordLf span{display:block; font-size:0.40375rem;}
.cashRecordLf label{display:block; font-size:0.34375rem; color:#888; margin-top:0.1625rem;}
.cashRecordMoney{font-weight:bold; font-size:0.4375rem;}
.tranGoldUser{display:flex; align-items:center; padding-bottom:0.25rem;}
.tranGoldUser i img{width:1.25rem; height:1.25rem; display:block; object-fit:cover; border-radius:100%;}
.tranGoldUser span{font-size:0.40375rem; font-weight:bold; margin-left:0.25rem;}

.loginBox{background:#fff; min-height:100%; }
.loginForm{padding:0.5rem;}
.loginInput{position:relative; margin-top:0.25rem; height:1.25rem; display:flex; align-items:center;}
.loginInput::after{content:""; border-bottom:1px #dde2e8 solid; position:absolute; left:0; top:0; width:200%; height:200%; pointer-events:none; transform-origin:0 0; transform:scale(0.5);}
.loginInput input{width:calc(100% - 1.5rem); margin-left:0.25rem; border:0; background: transparent; height:1.25rem; font-size:0.40375rem;}
.loginInput button{position:absolute; font-size:0.34375rem; right:0; height:0.75rem; padding:0 0.25rem; border:0; color:#55b765; background:transparent;}
.loginInput button::after{content:""; position:absolute; left:0; top:0; width:200%; height:200%; border-radius:0.25rem; border:1px #55b765 solid; pointer-events:none; transform: scale(0.5); transform-origin:0 0;}
.loginInput label{font-size:0.40375rem; width:2.25rem;}
.loginInput select{border:0;  outline:none;  -webkit-appearance:none; width:calc(100% - 1.5rem); margin-left:0.25rem; border:0; background: transparent; height:1.25rem; font-size:0.40375rem;}
.loginInput span{position:absolute; right:0; top:0; line-height:1.25rem; font-weight:bold; font-size:0.375rem;}
.loginInput img{position:absolute; right:0; height:0.75rem; display:block; top:0.25rem;}
.welcome{font-size:0.625rem; padding:1.0rem 0.5rem 0 0.5rem;}
.welcome span{display:block;}
.welcome label{display:block; font-size:0.3125rem; color:#999; margin-top:0.125rem;}
.registerAgreement{padding:0 0.5rem; color:#888; display:flex; align-items:center; line-height:1.25rem; font-size:0.375rem;}
.registerAgreement a{color:#55b765;}
.registerAgreement span{margin-left:0.125rem;}
.loginCenter{padding:2.5rem 0.5rem 0 0.5rem;}
.loginCenter button{display:block; margin-top:0.625rem; color:#fff; display:flex; align-items:center; justify-content:center; font-size:0.375rem; width:100%; border:0; border-radius:1.0rem; height:1.25rem;}
.loginCenter button label{font-size:0.625rem; margin-right:0.125rem;}
.loginLogo{padding-top:0.75rem;}
.loginLogo img{width:2.0rem; border-radius:0.25rem; display:block; margin:0 auto; box-shadow:0 0 0.25rem rgba(0,0,0,0.1);}
.loginLogo span{display:block; margin-top:0.3125rem; text-align:center; font-size:0.40375rem; font-weight:bold;}
.cellphoneBtn{background:#55b765;}
.wechartBtn{background:#23cd40;}
.loginBot{position:fixed; left:0; right:0; bottom:0;}
.downloadLink{display:flex; align-items:center; justify-content:flex-end; margin-bottom:1.0rem; color:#444; line-height:1.5rem; font-size:0.375rem;}
.downloadLink a{font-weight:bold; padding:0 0.5rem; font-size:0.375rem; color:#55b765; line-height:1.5rem; text-align:center;}
.loginBotTitle{text-align:center; font-size:0.375rem; color:#888; position:relative;}
.loginBotTitle::before{content:""; position:absolute; height:1px; background:#ddd; left:0.3125rem; top:50%; width:7.0rem; transform: scale(0.5); transform-origin:0 0;}
.loginBotTitle::after{content:""; position:absolute; height:1px; background:#ddd; right:0.3125rem; top:50%; width:7.0rem; transform: scale(0.5); transform-origin:100% 0;}
.loginBotRegister{line-height:1.75rem; text-align:center; font-size:0.375rem; display:flex; align-items:center; justify-content:center;}
.loginBotRegister a{color:#55b765;}
.settingNav{background:#fff; margin:0.2875rem 0; border-radius:0.25rem;}
.settingNavItem{display:flex; align-items:center; position:relative;}
.settingNavItem::after{content:""; position:absolute; left:0; top:0; border-top:1px #eee solid; width:200%; height:200%; pointer-events:none; transform-origin:0 0; transform: scale(0.5); transform-origin:0 0;}
.settingNavItem:first-child::after{border:0;}
.settingNavItem a{width:100%; font-size:0.40375rem; height:1.3125rem; line-height:1.5rem; display:flex; align-items:center; justify-content: space-between; padding:0 0.3125rem;}
.settingNavItem label{font-size:0.3125rem; color:#999;}
.settingNavItem div{display:flex; align-items:center;}
.settingNavItem i{width:0.5rem; margin-right:0.125rem;}
.settingNavItem i img{width:100%; display:block;}
.changeMobileInput{background:#fff; margin:0.5rem; border-radius:1.0rem; position:relative;}
.changeMobileInput input{height:1.25rem; background:transparent; border:0; width:100%; font-size:0.40375rem; padding:0 0.375rem;}
.changeMobileInput button{position:absolute; border-radius:0.5rem; font-size:0.34375rem; top:0.25rem; right:0.25rem; height:0.75rem; padding:0 0.25rem; border:0; color:#fff; background:#55b765;}
.changeMobileInput button::after{content:""; position:absolute; left:0; top:0; width:200%; height:200%; border-radius:1.25rem; border:0px #55b765 solid; pointer-events:none; transform: scale(0.5); transform-origin:0 0;}

.noticeItem{background:#fff; padding:0 0.3125rem; border-radius:0.25rem; margin:0.2875rem 0.3125rem;}
.noticeItem a{display:block;}
.noticeTitle{font-size:0.4375rem; font-weight:500; padding:0.25rem 0 0.125rem 0;}
.noticeText{font-size:0.375rem; text-align:justify; color:#999;}
.noticeTime{font-size:0.34375rem;}
.noticeImg img{width:100%; display:block;}
.noticeBot{display:flex; align-items:center; justify-content:space-between;}
.noticeAll a{display:flex; align-items:center; color:#55B765; justify-content: space-between; font-size:0.34375rem; line-height:1.25rem;}
.noticeAll a label{font-size:0.3125rem;}
.noticeDetail{min-height:100%; background:#fff; padding:0.375rem;}
.noticeDetailTitle{font-size:0.5rem; text-align:center; font-weight:bold; padding-top:0.125rem;}
.noticeDetailTime{font-size:0.34375rem; text-align:center; color:#777; padding:0.25rem 0 0 0;}
.noticeDetailCont p{font-size:0.375rem; line-height:0.625rem; margin-top:0.375rem; text-align:justify;}
.noticeDetailCont p img{width:100%; display:block;}
.js-pagination{display:none;}
.jinshengLevel{position:relative;}
.jinshengLevel span{position:absolute; left:0.5rem; top:50%; margin-top:-0.25rem; font-size:0.5rem; font-weight:bold;}
.jinshengCont{background:#fff; padding:0.3125rem; text-align:left;}
.jinshengTitle{font-weight:bold; text-align:left; font-size:0.4375rem; line-height:0.75rem;}
.jinshengCenter{position:relative; box-shadow:0 0.03125rem 0.25rem rgba(0,0,0,0.1); margin-top:0.25rem; padding:0.3125rem; border-radius:0.25rem;}
.jinshengCenter::after{content:""; position:absolute; left:0; top:0; width:200%; height:200%; border:1px #cde solid; border-radius:0.5rem; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}
.jinshengCenterTitle{font-size:0.40375rem; font-weight:bold;}
.jinshengFinshedItem{ margin-top:0.375rem;}
.jinshengFinshedChart{display:flex; align-items:center; justify-content:space-between; font-size:0.375rem; }
.jinshengFinshedChartItem b{color:#FF7000;}
.jinshengFinshedProgress{position:relative; margin-top:0.25rem; overflow:hidden; border-radius:0.5rem; height:0.375rem; background:#f1f2f4;}
.jinshengFinshedProgress div{background:#55b765; padding-right:0.125rem; text-align:right; position:absolute; left:0; top:0; bottom:0; border-radius:0.5rem; font-size:0.3125rem; color:#fff;}

.jinshengTable{margin:0.3125rem; border-radius:0.25rem; overflow:hidden;}
.jinshengFinshedTips{font-size:0.375rem; color:#566; line-height:0.625rem; margin-top:0.125rem;}

.eyeknowledge{background:#f4f9fe; padding:0.5rem;}
.eyeknowledgeQuestion{display:flex; align-items:center; margin-bottom:0.25rem;}
.eyeknowledgeQuestion label{background:#80BEEB; position:relative; z-index:2; font-size:0.40375rem; padding:0.125rem; color:#fff; font-weight:bold;}
.eyeknowledgeQuestion span{background:#fff; position:relative; left:-0.25rem; padding:0.25rem 0.25rem 0.25rem 0.375rem; font-size:0.375rem; font-weight:bold; border:1px #C7E3FE solid; color:#80BEEB;}
.eyeknowledgeText p{font-size:0.375rem; text-indent:0.75rem; text-align:justify; line-height:0.5rem; margin-top:0.25rem;}
.eyeknowledgeItem{margin-top:0.5rem;}
.eyeknowledgeItem:first-child{margin:0;}

.logisticsBox{background:#fff; margin-top:0.25rem; border-radius:0.125rem; position:fixed; bottom:0; left:0; right:0; z-index:9999;}
.logisticsLine{padding:0.125rem 0.3125rem 0.3125rem 0.3125rem; height:8.0rem; overflow:auto; -webkit-overflow-scrolling: touch;}
.logisticsLineItem{display:flex; align-items:flex-start; position: relative; margin-left:0.25rem; padding:0.1875rem 0; }
.logisticsLineItem::before{content:""; position:absolute; left:0%; top:0.375rem; width:200%; height:calc(200% - 0px); border-left:2px #a2abbc solid; pointer-events:none; transform-origin:0 0; transform: scale(0.5);}
.logisticsLineIcon{display:flex; align-items:center; position: relative; margin-top:0.125rem; width:0.6875rem;}
.logisticsLineIcon span{width:0.25rem; height:0.25rem; border:0.03125rem #fff solid; background:#a2abbc; border-radius:0.25rem; position: relative; left:-0.125rem;}
.logisticsLineItem:last-child::before{border:0;}
.logisticsLineInfo{margin-left:-0.1625rem; width:calc(100% - 0.6875rem);}
.logisticsLineTitle{margin-bottom:0.0625rem;}
.logisticsLineTitle span{font-size:0.40375rem; font-weight:bold; padding-right:0.125rem;}
.logisticsLineTitle label{font-size:0.3125rem;}
.logisticsLineText{font-size:0.375rem;}
.logisticsLineText span{color:#FF5400; font-weight:bold;}
.logisticsLineItem.finished{color:#aaa;}
.logisticsLineItem.active{color:#FF5400;}
.logisticsLineItem.active::before{content:""; position:absolute; left:0%; top:0.375rem; width:200%; height:calc(200% - 0px); border-left:2px #f93d34 solid; pointer-events:none; transform-origin:0 0; transform: scale(0.5);}
.logisticsLineItem.active .logisticsLineIcon span{background:#FF5400;}
.logisticsLineItem.receive .logisticsLineIcon span{background:#FF5400; border:0; font-size:0.3125rem; color:#fff; width:0.5rem; height:0.5rem; border-radius:1.0rem; text-align:center; line-height:0.5rem; left:-0.25rem;}
.logisticsLineItem.node .logisticsLineIcon span{background:#fff; border:1px #a2abbc solid; font-size:0.375rem; font-weight:bold; color:#a2abbc; width:0.5rem; height:0.5rem; border-radius:1.0rem; text-align:center; line-height:0.5rem; left:-0.25rem;}
.logisticsLineItem.node.active .logisticsLineIcon span{border:0 #fff solid; background:#FF5400;  color:#fff; width:0.5rem; height:0.5rem; line-height:0.5rem; border-radius:1.0rem; text-align:center; left:-0.25rem;}
.expressNumber{display:flex; align-items:center; justify-content:space-between; padding:0.1875rem 0.3125rem; position: relative;}
.expressNumber::after{content:""; position:absolute; left:0; top:0; border-bottom:1px #eee solid; width:200%; height:200%; pointer-events:none; transform-origin:0 0; transform: scale(0.5); transform-origin:0 0;}
.expressNumberName{font-size:0.40375rem; line-height:0.875rem;}
.expressNumberName span{padding-right:0.25rem;}
.expressCopy button{color:#999; border:0; font-size:0.375rem; line-height:0.875rem; background:transparent; padding:0;}
.logisticsLineItem.active::before{border-left:2px #FF5400 solid;}
.integralRecordRh{text-align:right;}
.integralRecordJy{font-size:0.34375rem; color:#778; margin-top:0.03125rem;}
.deleteIcon{background:url(../img/deleteIcon.png) no-repeat; width:0.375rem; height:0.375rem; background-size:0.375rem 0.375rem;}
.feekback{background:#fff; min-height:100%; padding-top:0.125rem;}
.feekbackItem{padding:0 0.3125rem; margin-bottom:0.2875rem;}
.feekbackItem textarea{width:100%; height:4.0rem; border-radius:0.125rem; padding:0.3125rem; font-size:0.40375rem; outline:none; resize:none; border:0; background:#f4f4f4;}
.feekbackItem input{width:100%; height:1.25rem; background:#f4f4f4; border-radius:0.125rem; border:0; font-size:0.40375rem; padding:0 0.3125rem;}
.feekbackList{padding-bottom:1.3125rem;}
.feekbackInfoItem{background:#fff; overflow:hidden; position:relative; border-radius:0.25rem; margin:0.2875rem 0; padding:0.3125rem;}
.feekbackText{font-size:0.34375rem; color:#454545; margin-top:0.125rem;}
.feekbackTop{display:flex; align-items:center; justify-content: space-between; }
.feekbackTop b{font-size:0.40375rem;}
.feekbackTime{color:#888; font-size:0.34375rem; margin-top:0.125rem;}
.feekbackTop label{position:absolute; height:0.625rem; line-height:0.6875rem; padding:0 0.25rem; border-radius:0 0 0 0.3125rem; position:absolute; right:0; top:0.25rem;  font-size:0.3125rem;} 
.feekbackTop label.orange{color:#FF5400;}
.feekbackTop label.green{color:#bac0ce;}
.feekbackReply{display:flex; align-items:flex-start; position:relative; padding:0.25rem; border-radius:0.125rem; margin-top:0.25rem; font-size:0.34375rem; background:#f6f7f8;}
.feekbackReply::before{content:""; position:absolute; left:0.5rem; top:-0.125rem; border-bottom:0.125rem #f6f7f8 solid; border-left:0.125rem transparent solid; border-right:0.125rem transparent solid;}
.feekbackReply span{color:#999; width:1.125rem;}
.feekbackReply label{width:calc(100% - 1.125rem); color:#454545;}
.serviceCode{margin-top:1.5rem; }
.serviceCodeImg{box-shadow:0 0 0.3125rem rgba(0,0,0,0.1); width:4.0rem; height:4.0rem; padding: 0.1625rem; margin:0 auto;}
.serviceCodeImg img{width:100%; display:block;}
.serviceCodeText{text-align:center; font-size:0.3125rem; margin-top:0.1875rem; color:#667788;}
.userSet a label{position:absolute; right:-0.0625rem; top:0; background:#ff0000; padding:0 0.03125rem; font-size:0.25rem; color:#fff; text-align:center; min-width:0.3125rem; height:0.3125rem; border-radius:100%;}

.walletPaytype{background:#fff; padding:0.3125rem; margin:0.3125rem; border-radius:0.25rem; display:flex; align-items:center;}
.walletPaytypeLogo img{width:1.0rem; display:block;}
.walletPaytypeName{flex:1; margin:0 0.2875rem;}
.walletPaytypeName h4{font-size:0.375rem; font-weight:bold;}
.walletPaytypeName p{font-size:0.3125rem; margin-top:0.125rem; color:#aaa;}
.walletPaytypeRh span{display:block; color:#889; text-align:center; margin-bottom:0.125rem;}
.walletPaytypeRh button{background:#55b765; display:block; border:0; padding:0 0.25rem; font-size:0.3125rem; border-radius:0.5rem; height:0.625rem; line-height:0.6875rem; color:#fff;}
.teamItem{display:flex; align-items:flex-start; flex-wrap:wrap; background:#fff; border-radius:0.125rem; padding:0.3125rem; margin-top:0.2875rem;}
.teamImg{width:1.75rem; border-radius:0.25rem; overflow:hidden; box-shadow:0 0 0.25rem rgba(0,0,0,0.1);}
.teamImg img{width:1.75rem; height:1.75rem; object-fit:cover; display:block;}
.teamInfo{width:calc(100% - 2.0rem); margin-left:0.25rem;}
.teamInfo h6{font-size:0.375rem; margin-bottom:0.0625rem;}
.copyBtn{position:relative; border:0; margin-left:0.125rem; background:transparent; padding:0 0.25rem; line-height:0.5rem; color:#FF5400; position:relative; font-size:0.3125rem;}
.copyBtn::after{content:""; position:absolute; left:0; top:-0.05625rem; width:200%; height:200%; border:1px #FF5400 solid; border-radius:1.0rem; pointer-events:none; transform:scale(0.5); transform-origin:0 0;}
.teamInfo p{font-size:0.34375rem; color:#999;}
.teamYj{width:100%; display:flex; justify-content: space-between; margin-top:0.375rem; padding-top:0.3125rem; text-align:center; position:relative;}
.teamYj::after{content:""; position:absolute; left:0; top:0; width:200%; height:200%; border-top:1px #e6e6e6 solid; pointer-events:none; transform:scale(0.5); transform-origin:0 0;}
.teamYjItem b{display:block; font-size:0.4375rem;}
.teamYjItem span{display:block; color:#666; font-size:0.34375rem;}

.fansNumber{background:url(../img/scoreHeadBg.jpg) no-repeat; display:flex; align-items:center; padding:0.5rem; border-radius:0.25rem; margin:0 0.3125rem; background-size:100% auto;}
.fansNumberItem{flex:1; text-align:center; color:#fff;}
.fansNumberItem span{display:block; font-size:0.5625rem; font-weight:bold;}
.fansNumberItem label{display:block; font-size:0.375rem; opacity:0.8; margin-top:0.125rem;}
.fansItem{padding:0.3125rem; background:#fff; margin:0.25rem 0.3125rem; border-radius:0.25rem;}
.fansName{font-weight:bold; margin-bottom:0.25rem; font-size:0.40375rem;}
.fansInfor{font-size:0.34375rem; margin-top:0.125rem; color:#444;}


.loginCheckBtn{margin-top:0.3125rem; display:flex; align-items:center;}
.loginCheckBtn button{background:#eaf0f0; margin-right:0.25rem; font-size:0.375rem; color:#545c5c; height:0.875rem; border-radius:0.125rem; border:0;}
.loginCheckBtn button.big{flex:1;}
.loginCheckBtn button.small{flex:1; margin-right:0;}
.loginCheckBtn button.active{ background:#55b765; color:#fff; color:#fff;}

.pickupTable{margin-bottom:0.25rem; border-radius:0.25rem; background:#fff; }
.pickupTableTitle{padding:0.3125rem; position:relative; color:#55b765; line-height:0.5rem; font-size:0.40375rem; font-weight:bold;}
.pickupTableTitle::before{content:""; position:absolute; left:0.3125rem; top:0; border-bottom:1px #ddd solid; width:calc(200% - 1.25rem); height:200%; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}
.pickupList{max-height:4.1625rem; border-radius:0.125rem; background:#fff; overflow: auto; -webkit-overflow-scrolling: touch;}
.pickupList::-webkit-scrollbar{width:0;}
.pickupItem{position:relative; padding:0.3125rem; border-radius:0.0rem;}
.pickupItem::before{content:""; position:absolute; left:0.3125rem; top:0; border-bottom:1px #e6e6e6 solid; width:calc(200% - 1.25rem); height:200%; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}
.pickupItem:last-child::before{border:0;}
.pickupGoodName{font-size:0.375rem; font-weight:bold;}
.pickupNumber{display:flex; align-items:center; justify-content: space-between; font-size:0.34375rem; margin-top:0.25rem;}
.pickupNumberSpan{display:flex; align-items:center; justify-content: space-between; line-height:0.75rem;}
.pickupNumberSpan label{color:#9399a2;}
.pickupNumberSpan .goodNumer input{width:0.875rem;}
.addressTitle{font-size:0.375rem; font-weight:bold; line-height:1.25rem;}

.tranGoldRecordItem{background:#fff; overflow:hidden; position:relative; border-radius:0.25rem; margin:0.25rem 0; padding:0.3125rem;}
.tranGoldName{display:flex; align-items:center; justify-content:space-between;}
.tranGoldName b{font-size:0.40375rem;}
.tranGoldName label{font-size:0.3125rem; color:#009788;}
.tranGoldInfo{display:flex; color:#656565; align-items:center; justify-content: space-between; font-size:0.34375rem; padding:0.1875rem 0 0 0;}
.tranGoldBot{display:flex; align-items:center; justify-content: space-between; margin-top:0.1875rem; color:#888; font-size:0.34375rem;}
.tranGoldBot label{flex:1; margin-right:0.25rem;}
.tranGoldName span{font-weight:bold; color:#55B765; font-size:0.4375rem;}
.tranGoldBot span{font-size:0.3125rem; color:#333;} 

.rechargeRecordItem{background:#fff; margin:0.25rem 0; border-radius:0.25rem; padding:0.25rem;}
.rechargeRecordType{display:flex; align-items:center; justify-content:space-between;}
.rechargeRecordType .title{font-size:0.4375rem; font-weight:500;}
.rechargeRecordTd{display:flex; align-items:center; justify-content:space-between; margin-top:0.125rem;}
.rechargeRecordSearch{background:#fff; display:flex; padding:0.3125rem; border-radius:0 0 0.25rem 0.25rem;}
.rechargeRecordSelect{display:flex; align-items:center; flex:1;}
.rechargeRecordSelectTitle{font-size:0.34375rem;}
.rechargeRecordSelectItem{position:relative; flex:1; margin-right:0.125rem; background:#f1f3f4; border-radius:0.125rem;}
.rechargeRecordSelectItem:last-child{margin:0;}
.rechargeRecordSelectItem select{-webkit-appearance:none; height:0.75rem; outline:none; border:0; background:transparent; font-size:0.34375rem; padding:0 0.1625rem; width:90%;}
.rechargeRecordSelectItem label{position:absolute; right:0.125rem; pointer-events:none; top:0; font-size:0.34375rem; line-height:0.75rem;}
.rechargeRecordSearchBot{display:flex; align-items:center; justify-content:space-between; margin-top:0.25rem;}
.rechargeRecordInput{position:relative; flex:1; margin-top:0.125rem; background:#f1f3f4; border-radius:0.125rem;}
.rechargeRecordInput input{height:0.75rem; outline:none; border:0; background:transparent; font-size:0.34375rem; padding:0 0.25rem; width:100%;}
.rechargeRecordBtn button{background:#55B765; padding:0; border:0; color:#fff; height:1.625rem; border-radius:0.125rem; font-size:0.34375rem; width:1.125rem;}
.rechargeRecordSearchLf{flex:1; margin-right:0.125rem;}
.userBonusTop{padding:0.3125rem; border-radius:0 0 0.25rem 0.25rem; background:#fff;}
.userBonusItem{background:url(../img/scoreHeadBg.jpg) no-repeat; color:#fff; background-size:100% auto; border-radius:0.25rem; margin:0.25rem 0; padding:0.375rem;}
.userBonusTdName{font-size:0.375rem; font-weight:bold;}
.userBonusTdInfor{display:flex; align-items:center; justify-content:space-between; margin-top:0.25rem; font-size:0.34375rem;}
.userBonusTdInfor div{min-width:45%; opacity:0.8;}
.performanceList{background:#fff; border-radius:0.25rem; }
.performanceItem{position:relative; padding:0.375rem;}
.performanceItem::before{content:""; position:absolute; left:0.3125rem; top:0; border-bottom:1px #e6e6e6 solid; width:calc(200% - 1.25rem); height:200%; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}
.performanceItem:last-child::before{border:0;}
.backtop{position: fixed; bottom:1.0rem; right:0.3125rem; z-index: 98;}
.backtop a{display: block;}
.backtop a img{width: 1.0rem; display:block;}
.searchKeywordTitle{display:flex; align-items:center; justify-content:space-between;}
.searchKeywordTitle button{border:0; padding:0; color:#666; display:flex; align-items:center; height:0.75rem; background:transparent; font-size:0.34375rem;}
.searchKeywordTitle button span{margin-left:0.0625rem;}
.searchKeywordTitle button label{opacity:0.7;}


.walletBankCardItem{padding:0.375rem;}
.walletBankCardItem a{display:block;}
.walletBankCardItem img{width:100%; display:block;}
.walletCont .userLineNav{background:#fff; padding:0 0.125rem; border-radius:0.25rem; margin:0 0.3125rem;}
.walletBankItem{background:url(../img/bankCardBg.png?v=4) no-repeat; height:3.5rem; background-size:100% 3.5rem; margin:0.25rem 0.3125rem;}
.walletBankNum{text-align:right; color:#8a8e93; font-size:0.2933rem; padding:0 0.25rem; line-height:0.75rem;}
.walletBankCenter{position:relative; display:flex; align-items:center; justify-content:space-between; padding:0.625rem 0.75rem;}
.walletBankCenterLf span{display:block; font-weight:500; font-size:0.4444rem; position:relative;}
.walletBankCenterLf label{display:block;font-size:0.3512rem; margin-top:0.25rem;}
.walletBankCenterRh{display:flex; position:absolute; bottom:0.0625rem; right:0.25rem;}
.walletBankCenterRh button{border:0; background:#ff7300; color:#fff; border-radius:0.1625rem; height:0.6933rem; width:1.625rem; font-size:0.34375rem;}
.walletBtn{margin:1.0rem 0.375rem 0 0.375rem;}
.walletBtn button{border:0; width: 100%; font-size:0.4375rem; height:1.25rem; border-radius:1.0rem; background:linear-gradient(to left,#F0D1B0,#F1B16C);}
.walletCont .userLineNavItem{position:relative; background:transparent; margin:0;}
.walletCont .userLineNavItem:last-child::after{border:0;}
.walletCont .userLineNavItem::after{content:""; border-bottom:1px #e7e9ec solid; position:absolute; left:0; top:0; width:200%; height:200%; pointer-events:none; transform-origin:0 0; transform:scale(0.5);}
.walletCont .userLineNavItem a{padding:0 0.4267rem;}
.walletCont .userLineNavTitle span{font-size:0.3512rem; margin-left:0.16rem;}
.walletCont .userLineNavTitle i img{width:0.5867rem;}
.walletCont .userLineNavRight{color:#acb1b5;}