body{margin:0; padding: 0; background:#f6f6f6; background-size:100% auto; 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);}
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]{-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.375rem; height:0.375rem; background-size:0.375rem 0.375rem; display:inline-block;}
input[type=checkbox]:active{border:0px;}              
input[type=checkbox]:hover{border:0px;}
input[type=checkbox]:checked{background: url(../img/checkbox.png) no-repeat; width:0.375rem; height:0.375rem; background-size:0.375rem 0.375rem; outline:none; border-radius:0.5rem; display:inline-block;border:0; background-color: #fff;}
input[type=checkbox]:checked::after{content: url(../img/checkbox-ok.png) no-repeat; display:none; position: relative;outline:none; top: 0px;right: 0px;left: 0px;border:0;       }
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.375rem; height:0.375rem; background-size:0.375rem 0.375rem; display:inline-block;}
input[type=radio]:active{border:0px;}              
input[type=radio]:hover{border:0px;}
input[type=radio]:checked{background: url(../img/radioChecked.png) no-repeat; width:0.375rem; height:0.375rem; background-size:0.375rem 0.375rem; outline:none; border-radius:0.5rem; display:inline-block;border:0; background-color: #fff;}
input[type=radio]:checked::after{content: url(../img/radioChecked.png) no-repeat; display:none; position: relative;outline:none; top: 0px;right: 0px;left: 0px;border:0;       }

.walletHeader{background:#f6f6f6; background-size:100% auto; position:sticky;  left:0; top:0; right:0; z-index:999; height:1.25rem; line-height:1.25rem; display:flex; align-items:center; overflow:hidden; height:0;}
.successHeader{background:#f6f6f6; background-size:100% auto; position:sticky;  left:0; top:0; right:0; z-index:999; height:1.25rem; line-height:1.25rem; display:flex; align-items:center; overflow:hidden; height:0;}
.commonHeader{background:#f6f6f6; position:sticky;  left:0; top:0; right:0; z-index:999; height:1.25rem; line-height:1.25rem; background-size:100% auto; display:flex; align-items:center; overflow:hidden; height:0;}
.goodHeader{background:#fff; position:sticky;  left:0; top:0; right:0; z-index:999; height:1.25rem; line-height:1.25rem; background-size:100% auto; display:flex; align-items:center; overflow:hidden; height:0;}
.commonHeaderTitle{width:calc(100% - 3.0rem); text-align:center; font-size:0.40375rem;}
.commonHeaderTitle img{height:0.8125rem; display:block; margin:0 auto;}
.headerEdit{font-size:0.40375rem; width:1.5rem; text-align:center;}
.headerEdit img{width:1.125rem; height:1.125rem; display:block; object-fit:cover; border-radius:100%;}
.backPage{font-size:0.5rem; min-width:1.5rem; display:flex; align-items:center; justify-content:center; text-align:center;}
.backIcon{background:url(../img/backIcon.png) no-repeat; width:0.375rem; height:0.375rem; background-size:0.375rem 0.375rem; display:block;}
.backGoldIcon{background:url(../img/backIcon2.png) no-repeat; width:0.75rem; height:0.75rem; background-size:0.75rem 0.75rem; display:block;}
.homeIcon{background:url(../img/homeIcon.png) no-repeat; width:0.75rem; height:0.75rem; background-size:0.75rem 0.75rem; display:block;}
.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.5rem; min-height:14.0rem; background:#f6f6f6;}
.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.0); border-top:0.015625rem #e0e4e8 solid; position:fixed; bottom:0; left:0; right:0; z-index:999; display:flex; align-items:center; height:1.75rem;}
.tabBarItem{flex:1; text-align:center;}
.tabBarItem a{display:block; font-size:0.3125rem; color:#282828;}
.tabBarItem a label{display:block; margin:0 auto;}
.tabBarItem a span{display:block; margin-top:0.0625rem;}
.tabBarItem a.active{color:#006636;}
.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%; background:linear-gradient(to bottom,#fff,transparent 40%); padding-bottom:1.75rem; padding-top:2.25rem; }
.customerService{position:fixed; top:12.0rem;  z-index:999; right:0.3125rem; border-radius:100%; background:linear-gradient(to bottom,#342b6f,#2f2859); box-shadow:0 0.0625rem 0.125rem rgba(69,189,180,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{background:#fff; color:#007656; font-size:0.5rem; font-weight:bold; padding:0.267rem 0.375rem; position:fixed; left:0; right:0; top:0; z-index:99;}
.mainTop{display:flex; align-items:center; justify-content:space-between; margin-bottom:0.267rem; }
.mainUser a{display:block;}
.mainUser img{width:1.125rem; height:1.125rem; display:block; object-fit:cover; border-radius:100%;}
.mainLogo img{height:0.625rem; display:block;}
.mainTips img{width:0.8125rem; display:block;}
.mainTips a{display:block; margin-left:0.3125rem; color:#fff; position:relative;}
.mainTips a label{position:absolute; right:-0.0625rem; top:-0.0625rem; background:#fe0002; padding:0 0.03125rem; font-size:0.25rem; color:#fff; text-align:center; min-width:0.3125rem; height:0.3125rem; border-radius:100%;}
.mainSearch{display:flex; align-items:center; height:0.8265rem;}
.mainSearch label{font-size:0.5rem; color:#666; margin-right:0.125rem;}
.mainSearch input{border:0; padding:0 0.3125rem; border-radius:0.75rem 0 0 0.75rem; background:transparent; width:calc(100% - 1.25rem); border:1px #006636 solid; height:0.8265rem; font-size:0.3512rem;}
.mainSearch input::-webkit-input-placeholder{color:#999;}
.mainSearch button{background:#006636; font-size:0.2933rem; border-radius:0 0.75rem 0.75rem 0; height:0.8265rem; width:1.25rem; border:0; color:#fff;}
.mainAboutUs{margin-top:-0.75rem;}
.mainAboutUs img{width:100%; display:block;}
.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;}
.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:#2f2859; 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 img{width:100%; border-radius:0.0rem;}
.homeSwiper{padding:0 0.375rem; background:#fff; overflow:hidden;}
.homeGoodSwiper{padding:0 0.375rem;}
.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:#fff; opacity:0.5;}
.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.1625rem;}
.swiper-good .swiper-slide{width:80%;}
.homeGoodSwiper .swiper-wrapper .swiper-slide img{width:100%; border-radius:0.25rem;}
.sortNav{margin:0;  overflow:hidden; padding:0 0.375rem 0.125rem 0.375rem ;}
.sortNav ul{width:100%; display:flex; justify-content:space-between; 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:block;}
.sortNav ul li a i img{width:100%; 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:48.5%;}
.mainSlogn{padding:0 0.375rem 0.267rem 0.375rem; background:#fff;}
.mainSlogn a{display:block;}
.mainSlogn img{width:100%; display:block; margin:0 auto;}
.mainSort{background:#fff; padding:0.25rem 0.125rem;}
.sortNavItem a{display:block;}
.sortNavItem a i{display:block; margin:0 auto;}
.sortNavItem a i img{width:1.125rem; display:block; margin:0 auto;}
.sortNavItem span{display:block; text-align:center; font-size:0.2933rem; margin-top:0.125rem;}
.swiper-sort{padding-bottom:0.5rem;}
.swiper-sort .swiper-pagination-bullet{width:0.25rem; height:0.1rem; display:inline-block; margin:0; border-radius:0.25rem; background:#ddd;}
.swiper-sort .swiper-pagination-bullet-active{background-color:#f11a51; width:0.25rem; opacity:1.0;}
.swiper-sort.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0;}
.goodSearch{position:sticky; z-index:999; top:0; padding:0.267rem 0.375rem; left:0; right:0; background:#f6f6f6; background-size:100% auto;}
.hotGoodsTitle{margin-bottom:0.25rem;}
.hotGoodsTitle img{width:4.0rem; display:block; margin:0 auto;}

/*通知公告*/
.homeNotice{padding:0.375rem; background:linear-gradient(to bottom,#fff,transparent); position:relative;}
.homeNoticeCont{background:-webkit-linear-gradient(left top,#006636,#006636); display:flex; align-items:center; justify-content:space-between; font-size:0; border-radius:0.1625rem; padding:0 0.3125rem;}
.mainNoticeTitle{width:0.5rem; vertical-align:middle; font-size:0.475rem; line-height:0.5rem; font-weight:bold;}
.mainNoticeTitle span{display:block;}
.mainNoticeTitle label{display:block;}
.mainNoticeIcon{background:url(../img/mainNoticeIcon.png) no-repeat; width:0.75rem; height:0.75rem; background-size:0.75rem 0.75rem;}
.mainNoticeTitle img{width:1.25rem; display:block;}
.scrollbox{width:calc(100% - 2.0rem); font-size:0.375rem;  overflow:hidden; text-overflow:ellipsis;}
.scrollbox ul{overflow: hidden; height:1.125rem; padding:0.1625rem 0; }
.scrollbox ul li{width:100%; position:relative; font-size:0.375rem; line-height:0.8125rem; 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:1.125rem; overflow:hidden;}
.homeNoticeRh{font-size:0.3125rem; font-weight:bold; line-height:0.4375rem; width:0.4375rem; height:0.4375rem; color:#006636; border-radius:100%; background:#fff; text-align:center;}
.niceGoodBox{padding:0.3125rem 0.375rem 0.3125rem 0.375rem;}
.niceGoodBox .mainTitle{padding:0 0 0.375rem 0;}
.mainTitle{display:flex; align-items:center; padding:0.3125rem 0.375rem;}
.mainTitle span{font-weight:bold; font-size:0.475rem;}
.mainTitle label{margin-left:0.125rem; padding:0 0.25rem; border-radius:0.5rem; line-height:0.6875rem; height:0.625rem; background:#006636; color:#fff; font-size:0.3125rem;}
.mainGoodBanner{margin:0 0.375rem;}
.mainGoodBanner a{display:block;}
.mainGoodBanner img{width:100%; display:block; border-radius:0.1625rem;}
.mainCenterLink{margin:0 0.375rem; padding-top:0.5rem; overflow:hidden; position:relative; background:url(../img/aboutUsBg.png) no-repeat; height:3.75rem; background-size:100% 3.75rem;}
.mainCenterLinkItem{margin-left:7.0rem; margin-top:0.375rem;}
.mainCenterLinkItem a{display:block;}
.mainCenterLinkItem a label{display:block; font-size:0.25rem; color:#ff4d74;}
.mainCenterLinkItem a span{display:block; font-size:0.425rem; color:#000;}
.mainActivity{flex-wrap:wrap; justify-content:space-between; margin:0 0.375rem;}
.mainActivityItem{width:100%; margin:0 0 0.375rem 0;}
.mainActivityItem a{display:block;}
.mainActivityItem img{width:100%; display:block; border-radius:0.1625rem;}
.mainActivityItem:nth-of-type(5){width:100%;}
.goodSwiper{padding:0 0.375rem 0.3125rem 0.375rem;}
.mainGoodNew{margin:0 0.375rem;}
.mainGoodNew .mainGoodItem{width:100%; border-radius:0; margin:0 0 0.375rem 0;}
.mainGoodNew .goodsImg img{border-radius:0;}
.mainGoodClassify{font-size:0; margin-bottom:0.25rem; white-space: nowrap; overflow:auto; -webkit-overflow-scrolling:touch; padding:0.3125rem 0.375rem 0 0.375rem;}
.mainGoodClassify::-webkit-scrollbar{width:0; height:0; display:none;}
.mainGoodClassifyItem{margin-right:0.125rem; padding:0.03125rem;  border-radius:0.5rem; line-height:0.625rem; font-weight:bold; color:#000; display:inline-block; font-size:0.375rem; background:linear-gradient(to right, #ffa55c, #ddfad8);}
.mainGoodClassifyCont{display:flex; align-items:center; border-radius:0.5rem; background:#fff; padding:0 0.25rem 0 0.135rem;}
.mainGoodClassifyItem label{background:url(../img/mainClassifyIcon_1.png) no-repeat; vertical-align: middle; display:inline-block; width:0.5rem; height:0.5rem; background-size:0.5rem 0.5rem;}
.mainGoodClassifyItem:nth-of-type(2) label{background:url(../img/mainClassifyIcon_2.png) no-repeat; vertical-align: middle; display:inline-block; width:0.5rem; height:0.5rem; background-size:0.5rem 0.5rem;}
.mainGoodClassifyItem:nth-of-type(3) label{background:url(../img/mainClassifyIcon_3.png) no-repeat; vertical-align: middle; display:inline-block; width:0.5rem; height:0.5rem; background-size:0.5rem 0.5rem;}
.mainGoodClassifyItem:nth-of-type(4) label{background:url(../img/mainClassifyIcon_4.png) no-repeat; vertical-align: middle; display:inline-block; width:0.5rem; height:0.5rem; background-size:0.5rem 0.5rem;}
.mainGoodClassifyItem:nth-of-type(5) label{background:url(../img/mainClassifyIcon_5.png) no-repeat; vertical-align: middle; display:inline-block; width:0.5rem; height:0.5rem; background-size:0.5rem 0.5rem;}
.mainGoodClassifyItem span{display:inline-block; margin-left:0.125rem; vertical-align:middle;}
.mainGoodClassifyItem:last-child{margin-right:0;}
.mainGoodClassifyItem.active{position:relative; font-weight:bold; color:#000;}
.mainGoodClassifyItem.active::after{content:""; display:none; position:absolute; left:0.25rem; right:0.25rem; bottom:0.0625rem; height:0.1rem; background:-webkit-linear-gradient(right top,#ecf4e8,#ffa55c);}
.recommendGoodList{display:flex; padding:0.25rem; background:#fff; position:relative; margin-top:-0.125rem; border-radius:0.1625rem;}
.recommendGoodItem{width:33.33%; margin-right:0.25rem; overflow:hidden; }
.recommendGoodItem:last-child{margin-right:0;}
.recommendGoodItem a{display:block;}
.recommendGoodImg img{width:100%; border-radius:0.1625rem; display:block; object-fit:cover;}
.recommendGoodInfo{padding:0.125rem 0 0 0; text-align:left;}
.recommendGoodInfo h4{font-size:0.32rem;  text-align:justify; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow: hidden;}
.recommendGoodInfo h6{font-size:0.34375rem; margin-top:0.0625rem; color:#999;}
.recommendGoodBot{display:flex; align-items:flex-end; justify-content:space-between;}
.recommendGoodPrice{display:flex; align-items:flex-end; font-size:0.3125rem;}
.recommendGoodPrice b{font-size:0.4375rem; color:#ff5400; position:relative; bottom:-0.03125rem;}
.recommendGoodBuy button{background:#2f2859; padding:0 0.125rem; border-radius:0.125rem; border:0; color:#fff; height:0.625rem; line-height:0.6875rem;}
.mainBot{margin:0 0.375rem 0.375rem 0.375rem;}
.mainBot img{display:block; width:100%;}
.preferredBanner img{width:100%; display:block; border-radius:0.25rem 0.25rem 0 0;}
.mainGoodList{padding:0 0.375rem 0.3125rem 0.375rem; display:flex;  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; text-overflow:ellipsis; margin:0.0625rem 0 0.1625rem 0; font-size:0.375rem; font-weight:bold; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden;}
.groupGoodImg img{width:100%; border-radius:0.25rem 0.25rem 0 0; height:4.25rem; overflow:hidden; object-fit:cover; display:block;}
.groupGoodInfo h6{margin:0; display:flex; align-items:center; justify-content: space-between; color:#999; font-size:0.3125rem;}
.groupGoodBot{display:flex; align-items:center; justify-content:space-between; }
.groupGoodMoney span{display:block; color:#006636; font-size:0.3125rem;}
.groupGoodMoney b{font-size:0.4375rem;}
.groupGoodMoney label{font-size:0.3125rem; display:block; color:#bbb; text-decoration:line-through;}
.groupGoodSalesNum{color:#999;}
.groupGoodBtn{color:#999; font-size:0.3125rem;}
.addCartIcon{border:0; background:url(../img/addCartIcon.png) no-repeat; width:0.5rem; height:0.5rem; background-size:0.5rem 0.5rem; display:block;}
.groupGoodChange{background:url(../img/pointChange.png); height:1.125rem; background-size:100% 1.125rem; padding:0.1875rem 0.125rem 0.125rem 0.125rem; display:flex; align-items: flex-start; justify-content:space-between;}
.groupGoodChangeMoney{color:#fff; text-align:center;}
.groupGoodChangeMoney label{display:block; font-size:0.3125rem;}
.groupGoodChangeMoney b{display:block; font-size:0.375rem;}
.groupGoodChangeText{color:#fff; display:flex; align-items:center;}
.groupGoodChangeText label{display:block; font-size:0.25rem;}
.groupGoodChangeText span{background:rgba(0,0,0,0.5); height:0.5rem; line-height:0.5625rem; color:#fff; border-radius:0.0625rem; padding:0 0.1625rem; font-size:0.3125rem;}
.goodGg{display:flex; align-items:center;}
.goodGg span{color:#2f2859; 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 #2f2859 solid; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}

.mainCart{position:fixed; z-index:999; left:0; right:0; bottom:0; transition: all 0.5s ease-in-out 0s;}
.mainCart.show::after{content:""; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.6);}
.mainCartCont{background:#fff; box-shadow:0 0 0.3125rem rgba(0,0,0,0.1); position:relative; z-index:99; border-radius:1.0rem 1.0rem 0 0;}
.mainCartSide{display:flex; align-items:center; justify-content:center; height:1.0rem;}
.mainCartSide label{height:0.125rem; width:1.25rem; background:#f0d1b0; border-radius:0.5rem;}
.mainCartBot{display:flex; align-items:center; justify-content:space-between; padding:0 0.375rem 0.125rem 0.375rem;}
.mainCartBotCart{display:flex; align-items:center; font-size:0.5rem;}
.cartIcon{background:url(../img/cartIcon.png) no-repeat; width:1.0rem; height:1.0rem; background-size:1.0rem 1.0rem;}
.mainCartBotCart span{margin-left:0.25rem;}
.mainCartBotGood{display:flex; align-items:center; font-size:0.4375rem;}
.mainCartBotGoodList{display:flex; align-items:center; position:relative; right:-0.75rem;}
.mainCartBotGoodItem{position:relative; margin-left:-0.5rem;}
.mainCartBotGoodItem:first-child{margin:0;}
.mainCartBotGoodItem img{width:1.125rem; height:1.125rem; border-radius:100%; object-fit:cover; border:0.0875rem #fff solid;}
.mainCartBotGoodNum{background:#ecd0b3; border-radius:0.25rem; padding:0 0.375rem 0 1.0rem; height:1.0rem; line-height:1.0rem;}
.shopcartCont{padding:0 0.375rem; display:none;}
.mainCart.show .shopcartCont{display:block;}
.mainCart.show .mainCartBot{display:none;}
.mainCartTitle{display:flex; align-items:center; justify-content:center; margin-bottom:0.25rem;}
.shopcartTop{display:flex; align-items:center; justify-content:space-between; margin-bottom:0.25rem;}
.shopcartTopRh{display:flex; align-items:center;}
.shopcartTotal{display:flex; align-items:center; line-height:0.625rem; font-size:0.40375rem;}
.shopcartTotal label{margin-right:0.25rem;}
.shopcartTotal span{color:#e53b38; font-weight:bold; font-size:0.4375rem;}
.shopcartCheckBtn{display:flex; margin-left:0.5rem;}
.shopcartCheckBtn button{border:0; background:#006636; height:0.75rem; font-size:0.375rem; width:2.0rem; border-radius:0.625rem; color:#fff;}
.shopcartFooters{display:flex; align-items:center; height:1.5rem; font-size:0.40375rem;}
.cartDelete{margin-left:1.5rem; display:flex; align-items:center;}
.cartDelete button{border:0; background:transparent; color:#006636; font-size:0.40375rem; display:flex; align-items:center;}
.deleteWhiteIcon{background:url(../img/deleteWhiteIcon.png) no-repeat; width:0.4375rem; height:0.4375rem; background-size:0.4375rem 0.4375rem;}
.cartDelete button span{margin-left:0.125rem; font-size:0.3512rem;}


.shopcartContainer{min-height:100%; padding-bottom:3.0rem;}
.shopcartHeader{display:flex; align-items:center; justify-content:space-between; padding:0.0625rem 0.5rem; line-height:1.0rem;}
.shopcartEdit{font-size:0.375rem; width:1.5rem; text-align:right; color:#c8a063;}
.shopcartLf{font-size:0.3512rem; position:relative; line-height:0.8125rem; display:flex; align-items:center; margin:0.125rem 0; padding:0;}
.locationIcon{background:url(../img/locationIcon.png) no-repeat; width:0.5rem; height:0.5rem; background-size:0.5rem 0.5rem;}
.shopcartLf span{flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:0.125rem;}
.locationAddAddress{background:#fff; overflow:hidden; margin:0 0.375rem 0.3125rem 0.375rem; border-radius:0.75rem; display:flex; align-items:center; height:0.8125rem; padding:0 0 0 0.25rem;}
.locationAddAddress label{color:#acb1b5; font-size:0.5rem;}
.locationAddAddress span{margin:0 0.25rem; flex:1; color:#5b5b5b; font-size:0.3rem;}
.locationAddAddress button{background:#006636; border:0; height:0.8125rem; color:#fff; width:1.5rem; border-radius:0; font-size:0.3rem;}
.cartContTop{display:flex; align-items:center; justify-content:space-between; padding:0 0.4375rem 0.3125rem 0.4375rem;}
.cartTitle{display:flex; align-items: flex-end; font-size:0.44rem; font-weight:bold;}
.cartTitle label{font-size:0.28rem; position:relative; bottom:0.0625rem; font-weight:normal;}
.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.5rem;}
.cartClassifyItem label{margin-right:0.0625rem;}
.cartClassifyItem label img{width:0.3125rem; display:block;}
.cartClassifyItem span{margin-top:0.01625rem;}
.cartClassifyItem.active{background:#006636; color:#fff;}
.cartClassifyItem.active label img.yellow{display:block;}
.cartClassifyItem.active label img.red{display:none;}
.cartClassifyItem label img.yellow{display:none;}
.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;}
.cartClassifyItem.active .cartClassifyIcon_1{background:url(../img/cartClassifyIcon_1_active.png) no-repeat; width:0.3125rem; height:0.3125rem; background-size:0.3125rem 0.3125rem;}
.cartClassifyItem.active .cartClassifyIcon_2{background:url(../img/cartClassifyIcon_2_active.png) no-repeat; width:0.3125rem; height:0.3125rem; background-size:0.3125rem 0.3125rem;}
.cartClassifyItem.active .cartClassifyIcon_3{background:url(../img/cartClassifyIcon_3_active.png) no-repeat; width:0.3125rem; height:0.3125rem; background-size:0.3125rem 0.3125rem;}
.cartClassifyItem.active .cartClassifyIcon_4{background:url(../img/cartClassifyIcon_4_active.png) no-repeat; width:0.3125rem; height:0.3125rem; background-size:0.3125rem 0.3125rem;}
.shopcartList{background:#fff; border-radius:0.25rem; margin:0 0.4265rem;}
.shopcartItem{display:flex; position:relative; padding:0.5rem 0.3125rem;}
.shopcartItem::after{content:""; position:absolute; left:0.3125rem; top:0; width:calc(200% - 1.25rem); height:200%; border-bottom:1px #f3f4f6 solid; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}
.shopcartItem:last-child::after{border:0;}
.shopcartCheck{width:0.75rem; position:relative; display:flex; align-items:center;}
.shopcartCheck img{width:0.4375rem; display:block;}
.shopcartCheck input.checkbox{position:absolute; width:0.75rem; height:1.75rem; border-radius: 100%; opacity: 0;}
.shopcartImg{width:2.0rem; height:2.0rem; overflow:hidden; border-radius:0.125rem;}
.shopcartImg img{width:2.0rem; display:block;}
.shopcartInfo{flex:1; margin-left:0.3125rem; position:relative;}
.shopcartInfo .goodName{font-size:0.3512rem; margin-bottom:0.0625rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.shopcartInfo .goodName span{background:-webkit-linear-gradient(left top,#fcdbda,#fbe5bd); border-radius:0.5rem; color:#006636; margin-right:0.125rem;  font-size:0.265rem; height:0.4rem; display:inline-block; vertical-align: top; line-height:0.45rem;  padding:0 0.125rem;}
.shopcartInfo .goodGg{font-size:0.3512rem;}
.goodBz{font-size:0.3512rem; color:#8a8e93; margin:0.125rem 0;}
.goodBz span.red{color:#006636;}
.goodBz span.orange{color:#006636;}
.shopcartInfo .goodPoint{display:flex; align-items:center;}
.shopcartInfo .goodPoint span{background:#ffede7; font-size:0.28rem; color:#006636; padding:0 0.125rem; border-radius:0.5rem; height:0.5rem; line-height:0.5625rem;}
.shopcartInfo .goodPoint label{border:0.015625rem #006636 solid; font-size:0.28rem; color:#006636; padding:0 0.125rem; border-radius:0.5rem; height:0.5rem; line-height:0.525rem;}
.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.25rem; }
.goodInfoBot .goodPrice{color:#006636; position:relative;  font-size:0.3125rem;}
.goodInfoBot .goodPrice span{font-weight:bold; font-size:0.40375rem;}
.shopcartFooter{display:flex; padding:0.25rem 0.5rem;  align-items:center; justify-content:space-between; height:1.5rem; background:#fff; box-shadow:0 0.625rem 0.3125rem rgba(0, 0, 0, 0.06); position:fixed; z-index:99; bottom:1.75rem; left:0; right:0;}
.shopcartAllCheck{font-size:0.34375rem; 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.34375rem; 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; color:#006636; font-size:0.40375rem;}
.shopcartFooterBtn button{background:#006636; border:0; color:#fff; font-size:0.40375rem; border-radius:0; width:2.5rem; line-height:1.3125rem;}
.goodNumer{display:flex; align-items:center; position:relative; margin-right:0;}
.goodNumer::after{content:""; position:absolute; border-radius:1.25rem; left:0; top:0; width:200%; height:200%; border:0px #aaa solid; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}
.goodNumer button{background:transparent; box-shadow:0 0 0.25rem rgba(0,0,0,0.0); border:0; z-index:2;  border-radius:0.25rem; position:relative; width:0.625rem; height:0.5rem; padding:0; line-height:0.5rem; 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:0px #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:0px #aaa solid; border-left:0;}
.goodNumer input{width:0.75rem; background:#e5e5e5; border:0;  text-align:center; height:0.5rem; border-radius:0.5rem; font-size:0.3125rem;}
.cartRecommendTitle{display:flex; align-items:center; justify-content:center; line-height:1.0rem; margin-bottom:0.125rem; color:#8a8e93; font-size:0.375rem;}
.cartRecommendTitle span{position:relative;}
.cartRecommendTitle span::before{content:""; position:absolute; width:2.5rem; height:0.015625rem; background:#e6e9ec; left:-3.0rem; top:50%;}
.cartRecommendTitle span::after{content:""; position:absolute; width:2.5rem; height:0.015625rem; background:#e6e9ec; right:-3.0rem; top:50%;}
.cartRecommendGood{display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 0.375rem;}
.cartRecommendGoodItem{width:calc(50% - 0.0625rem); background:#fff; overflow:hidden; border-radius:0.25rem; margin:0.0625rem 0;}
.cartRecommendGoodItem a{display:block;}
.goodsImg img{width:100%; display:block;}
.cartRecommendGoodInfo{padding:0.25rem 0.3125rem;}
.cartRecommendGoodName{text-align:justify; text-overflow:ellipsis; margin:0 0 0.0625rem 0; font-size:0.325rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden;}
.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:#fff0f4; display:flex; align-items:center; margin-right:0.125rem; font-size:0.28rem; color:#006636; padding:0 0.125rem; border-radius:0.5rem; height:0.5rem;}
.cartRecommendGoodType div:last-child{margin-right:0;}
.cartRecommendGoodPrice{display:flex; font-size:0.3rem; align-items:center; color:#006636;}
.cartRecommendGoodPrice b{font-size:0.4075rem;}
.cartRecommendGoodHot{margin-top:0.125rem; color:#aaaaaa; font-size:0.3125rem;}

/*空白*/
.pageNone{text-align:center; left:0; font-size:0.3512rem; width:100%; position: relative; margin:1.0rem 0 0.5rem 0;}
.pageNone div{padding:0.1875rem 0;}
.pageNone div img{width:4.0rem; display:block; margin:0 auto;}
.noneBtn{background:#006636; font-size:0.3125rem; width:2.25rem; height:0.6875rem; color: #fff; border: 0; border-radius:0.625rem;}
.noneInfor{position:absolute; width:100%; top:3.625rem; text-align:center; font-size:0.375rem;}
.noneInfor div img{width:2.375rem; display:block; margin:0 auto 0.375rem auto;}
.cartNone{position:relative; top:0; margin:1.0rem 0;}

/*分类*/
.classifySearch{height:0.9125rem; padding:0 0.3125rem; flex:1; position:relative; display:flex; align-items:center;  margin:0.25rem 0.375rem;}
.classifySearch::after{content:""; position:absolute; left:0; top:-1px; width:calc(200% - 2px); height:200%; border:1px #006636 solid; border-radius:2.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.375rem;}
.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; position:relative; z-index:9; padding:0.3125rem 0.375rem 0 0.375rem;}
.classfityLinkBtn button{border:0; display:flex; align-items:center; justify-content:center; color:#006636; font-size:0.375rem; border-radius:0.1625rem; font-weight:bold; height:0.75rem; width:2.75rem; background:-webkit-linear-gradient(left top,#ffdcd0,#ffd6bc);}
.classfityLinkBtn button label{background:#006636; 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.25rem; overflow-y:auto; -webkit-overflow-scrolling:touch; border-radius:0 0.125rem 0 0; top:2.0rem; left:0; bottom:1.75rem; width:2.533rem; background:#fff;}
.classifyNav::-webkit-scrollbar{width:0;}
.classifyNavItem{color:#666666; display:flex; align-items:center; justify-content:center; font-size:0.375rem; line-height:1.36rem; text-align:center;}
.classifyNavItem span{display:block;text-align:center; position:relative;}
.classifyNavItem.active{position:relative; font-size:0.442rem; font-weight:500; color:#000; background:#f5f6f7;}
.classifyNavItem.active span::after{content:""; position:absolute; border-radius:0.25rem; bottom:0.25rem; left:0; right:0; height:0.1rem; background:linear-gradient(to right,#006636,#ff7747);}
.classifyCenterRh{left:2.875rem; top:2.0rem; position:fixed; bottom:1.75rem; 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.2875rem;}
.classifyGoodItem::after{content:""; position:absolute; left:0; top:0; width:200%; 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;}
.classifyGoodItem .goodInfoBot{margin-top:0.25rem;}
.classifyGoodItem .goodBz{font-size:0.335rem;}

.userContainer{background:url(../img/userBg.png) no-repeat left top; padding-bottom:1.75rem; width:100%; background-size:100% auto; }
.userTop{padding:1.0rem 0.6933rem 0.625rem 0.375rem; position:relative; display:flex; align-items:center;}
.userInfoImg{width:1.5rem; overflow:hidden;}
.userInfoImg img{width:100%; border:1px #006636 solid; border-radius:1.0rem; height:1.5rem; object-fit:cover;  display:block;}
.userInfo{margin-left:0.3125rem; color:#fff;}
.userName{font-size:0.5rem; display:flex; align-items:center;}
.userName b{font-weight:normal;}
.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{margin-right:0.125rem; display:flex; align-items:center; font-size:0.3512rem; opacity:0.8;}
.userVip img{width:1.5rem; display:block;}
.userCertified{margin-top:0.1625rem; display:flex; align-items:center;}
.userCertified a{display:block;}
.userCertified img{height:0.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; z-index:9999; display:flex; align-items:center; justify-content:flex-end; right:0.5rem; top:0.25rem; width:3.0rem; height:1.0rem; text-align:right; font-size:0.625rem;}
.userSet a{display:block; margin-left:0.3125rem; color:#fff; position:relative;}
.userSet a label{position:absolute; right:-0.0625rem; top:-0.0625rem; background:#fe0002; padding:0 0.03125rem; font-size:0.25rem; color:#fff; text-align:center; min-width:0.3125rem; height:0.3125rem; border-radius:100%;}
.settingIcon{background:url(../img/settingIcon.png) no-repeat; width:0.625rem; height:0.625rem; background-size:0.625rem 0.625rem; display:block;}
.noticeIcon{background:url(../img/noticeIcon.png) no-repeat; width:0.625rem; height:0.625rem; background-size:0.625rem 0.625rem; display:block;}
.userBlock{margin:0.24rem 0.375rem; background:#fff; border-radius:0.25rem;}
.orderTitle{display:flex; align-items:center; justify-content: space-between; position:relative;  padding:0 0.375rem; 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:500; font-size:0.415rem;}
.orderTitle a{color:#b5c0cd; font-size:0.32rem;}
.userCardNav{display:flex; align-items:center; justify-content: space-between; margin:0.375rem 0.25rem;}
.userCardNavItem{display:flex; align-items:center; font-size:0.375rem; flex:1; margin:0 0.125rem; padding:0 0.3125rem;  border-radius:0.25rem; background:linear-gradient(to right,#fff,#FFF3E5);}
.userCardNavItem a{width:100%; display:flex; align-items:center; padding:0.5rem 0;}
.userCardNavItem i{width:0.625rem; margin-right:0.1625rem;}
.userCardNavItem img{width:0.75rem; 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:#fe0002; 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.72rem;}
.orderNavItem i img{height:0.72rem; display:block; margin:0 auto;}
.orderNavItem span{display:block; font-size:0.32rem; margin-top:0.125rem;}
.userNav{padding:0 0 0.125rem 0; display:flex; flex-wrap:wrap;}
.userNavItem{width:25%; margin:0 0 0.375rem 0;}
.userNavItem a{display:block; padding:0;}
.userNavLf i{display:block; margin:0 auto;}
.userNavLf i img{height:0.72rem; display:block; margin:0 auto;}
.userNavLf span{display:block; text-align:center; font-size:0.32rem; margin-top:0.125rem;}
.userNavrh span{font-size:0.375rem; font-weight:bold;}
.signOut{position:relative; margin-top:0.75rem; width:70%;}
.signOut::before{content:""; position:absolute; left:0; top:0; border-top:1px #7D7E86 solid; width:200%; height:200%; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}
.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.5rem; display:block;}
.userLineNavTitle i img{width:0.5rem; display:block;}
.userLineNavTitle span{font-size:0.40375rem; margin-left:0.25rem;}
.userLineNavRight{font-size:0.3125rem;}
.userChart{ 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{flex:1;}
.userChartItem a{display:block;  color:#000;}
.userChartItem a i{display:none;}
.userChartItem a img{display:block; width:0.6875rem; margin:0 auto;}
.userChartItem b{font-size:0.4710rem; color:#fff; display:block; margin-top:0.375rem;}
.userChartItem b.green{color:#fff;}
.userChartItem span{font-size:0.3910rem; color:#fff; opacity:0.7;}
.userChartItem span label{font-size:0.25rem;}
.userChartItem b label{font-size:0.34375rem; font-weight:normal;}
.copyBtn{position:relative; border:0; background:transparent; padding:0 0.125rem; line-height:0.4375rem; color:#006636; position:relative; font-size:0.3512rem;}
.copyBtn::after{content:""; position:absolute; left:0; top:-0.03125rem; width:200%; height:200%; border:0px #fff solid; border-radius:0.125rem; pointer-events:none; transform:scale(0.5); transform-origin:0 0;}
.copyIcon{background:url(../img/copyIcon.png) no-repeat; display:block; width:0.375rem; height:0.375rem; background-size:0.375rem 0.375rem;}
.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:#de5e29; 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 #de5e29 solid; color:#de5e29;}
.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;}
.userCodeImg{margin:0.24rem 0.375rem;}
.userCodeImg img{width:100%; display:block; border-radius:0.25rem;}
.userBotImg{margin:0.375rem 0 0 0;}
.userBotImg img{width:100%; display:block;}
.goodDetailBox{padding-bottom:1.75rem; padding-top:0;}
.goodDetailTop{position: absolute; display:flex; align-items:center; justify-content: space-between; padding:0.375rem; top:0; left:0; right:0; z-index:99;}
.goodDetailCart{position:relative;}
.goodDetailCart span{position:absolute; right:-0.125rem; top:0; background:#FF0707; color:#fff; font-size:0.3125rem; line-height:0.375rem; padding: 0 0.0625rem; height:0.375rem; min-width:0.375rem; text-align:center; border-radius:1.0rem;}
.backRoundIcon{background:url(../img/backRoundIcon.png) no-repeat; width:1.0rem; height:1.0rem; background-size:1.0rem 1.0rem; display:block;}
.cartIcon2{background:url(../img/cartIcon2.png) no-repeat; width:1.0rem; height:1.0rem; background-size:1.0rem 1.0rem; display:block;}
.goodDetailOne{background:#fff; }
.goodsImg .swiper-slide img{border-radius:0.25rem;}
.goodsImg .swiper-container-horizontal>.swiper-pagination{bottom:0.25rem;}
.goodsDescription{margin:0.125rem 0 0 0;}
.goodsDescription .cartRecommendTitle{margin: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{padding:0.375rem;}
.goodInfoTitle{display:flex; align-items:center; justify-content: space-between; flex:1; margin-right:0.25rem;}
.goodInfoName{font-size:0.40375rem; font-weight:bold;}
.goodInfoName h4{font-size:0.4375rem; font-weight:500; margin:0.125rem 0;}
.goodInfoName h4 span{background:-webkit-linear-gradient(left top,#ffede7,#ffd5c7); position:relative; top:0.03125rem; border-radius:0.5rem; color:#006636; margin-top:0.03125rem; margin-right:0.125rem; font-size:0.265rem; height:0.4375rem; display:inline-block; vertical-align: top; line-height:0.475rem;  padding:0 0.125rem;}
.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:#7D7E86; margin-top:0.125rem;}
.goodInfoMoney{display:flex; align-items:center; justify-content:space-between;}
.goodInfoMoneyLf{display:flex; align-items:flex-end; margin-top:0rem; color:#006636;}
.goodInfoMoneyLf span{display:block; position:relative; font-weight:bold; font-size:0.4375rem;}
.goodInfoMoneyLf label{font-size:0.3125rem; position:relative; bottom:0.03125rem; display:block;}
.goodDetailType{display:flex; align-items:center; margin-top:0.125rem;}
.goodDetailTypeItem{background:#006636; color:#fff; display:flex; align-items:center; font-size:0.3125rem; margin-right:0.1625rem; padding:0 0.125rem; border-radius:0.5rem; height:0.5rem;}
.goodDetailTypeItem label img{width:0.3125rem; display:block;}
.goodDetailTypeItem span{margin-left:0.0625rem;}
.goodDetailCenter{background:#fff; padding:0.375rem;}
.goodDetailTd{display:flex; align-items:center; justify-content: space-between; border-radius:0.25rem; background:#F1F1F5; font-size:0.375rem; padding:0 0.3125rem; height:1.5rem; 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;}
.goodDetailTd .goodNumer{background:#fff; margin:0; border:0.03125rem #E1E2EA solid; border-radius:0.25rem;}
.goodDetailTd .goodNumer input{color:#000;}
.goodDetailTd .goodNumer button{color:#000; width:0.75rem; background:transparent;}
.goodsBottom{position:fixed; height:1.75rem; display:flex; background-color:#fff; border-top:0.015625rem #e5e5e5 solid; bottom:0; width:100%; z-index:99;}
.goodsDetailBtn{overflow:hidden; flex:1; display:flex; align-items:center; margin-right:0.25rem; }
.goodsDetailBtn button{flex:1; margin:0 0.125rem; font-size:0.40375rem; height:1.125rem; line-height:1.125rem; border-radius:0.75rem;}
.addCartBtn{border:0; background:-webkit-linear-gradient(left top,#ffede7,#ffd5c7); color:#000; padding:0; width:50%; display:flex; align-items:center; justify-content:center; }
.buyNowBtn{border:0; color:#fff; background:#006636; padding:0; width:50%;}
.addCartBtn span{margin-left:0.125rem;}
.addCartIcon2{background:url(../img/addCartIcon2.png) no-repeat; width:0.5rem; height:0.5rem; background-size:0.5rem 0.5rem; display:block;}
.goodBotNav{width:2.75rem; display:flex; align-items:center; padding:0 0.125rem;}
.goodBotNavItem{flex:1; text-align:center; color:#666;}
.goodBotNavItem a{display:block; color:#292929;}
.goodBotNavItem label{display:block; margin:0 auto; font-size:0.5rem; font-weight:bold;}
.homeIcon{background:url(../img/menuHome.png) no-repeat; width:0.5rem; height:0.5rem; background-size:0.5rem 0.5rem; display:block;}
.cartIcon{background:url(../img/menuShopcart.png) no-repeat; width:0.5rem; height:0.5rem; background-size:0.5rem 0.5rem; display:block;}
.goodBotNavItem span{display:block; margin-top:0.125rem; 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;}
.modalCont{background:#fff; border-radius:0.5rem 0.5rem 0 0; width:100%; position:absolute; z-index:99; left:0; bottom:0; right:0;}
.salesOrderCont{background:#fff; z-index:999; overflow:hidden; border-radius:0.375rem; position:relative; width:7.5rem; margin:-3.0rem auto 0 auto; top:50%;}
.salesOrderHeader{background:-webkit-linear-gradient(left top,#ffd5c7,#ffd5c7); font-size:0.3512rem; display:flex; align-items:center; justify-content:space-between; padding:0 0.375rem; height:1.25rem;}
.salesOrderHeader label{width:0.75rem; text-align:right; font-size:0.375rem;}
.salesOrderTipsText{text-align:center; font-size:0.44rem; padding:1.0rem 0;}
.salesOrderBtn{padding:0 0.375rem 0.375rem 0.375rem; display:flex; align-items:center; justify-content:space-between;}
.salesOrderBtn button{border:0; background:#006636; font-size:0.3512rem; border-radius:0.625rem; color:#fff; width:48%; height:1.0rem;}
.salesOrderBtn button:first-of-type{background:#e5e5e5; color:#000;}
.addShopcartGood{padding:0.375rem 0.375rem 0 0.375rem;}
.addShopcartGoodImg{border-radius:0.25rem; overflow:hidden;}
.addShopcartGoodImg img{width:100%; display:block;}
.addShopcartGoodInfo{padding:0.25rem 0.375rem;}
.addShopcartGoodInfo .goodInfoName{margin-bottom:0.25rem;}
.addShopGoodName{font-size:0.4375rem; text-align:justify; min-height:1.625rem;}
.addShopGoodName h6{opacity:0.6; margin-top:0.125rem; font-size:0.34375rem;}
.addShopGoodMony{color:#BC9367; font-weight:bold; font-size:0.4375rem;}
.addShopcartSize{padding:0 0.25rem 0  0.375rem; margin:0 0.375rem; }
.addShopcartSizeTitle{font-size:0.375rem; line-height:0.625rem; display:flex; justify-content:space-between; align-items:center;}
.addShopcartSizeTitle .goodNumer{margin:0;}
.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:#2f2859; color:#fff;}
.addShopcartSizeList span.disabled{background:#f8f8f8; color:#999;border:0.5px #ddd dashed;}
.addShopcart{padding:0.375rem;}
.addShopcart button{background:#006636; border-radius:0.75rem; box-shadow:none; color:#fff; border:0; width:100%;  line-height:1.125rem; font-size:0.40375rem;}
.detailCart{position:fixed; left:0;  right:0; top:0; bottom:-4.0rem; width: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;}
.detailCart.show{opacity:1.0; bottom:0; pointer-events: auto; -ms-transform: scale(1.0); transform: scale(1.0);}
.detailCart.show::after{content: "";  position: fixed; left: 0; top: 0; right: 0;  bottom: 0; background: rgba(0,0,0,0.6);}
.detailCartCont{background:#fff; z-index:99; border-radius:1.0rem 1.0rem 0 0; position:absolute; left:0; right:0; bottom:0;}
.detailCartCenter{padding: 0 0.375rem;}

.buyAddress{background:#fff;position:relative; border-radius:0.25rem; margin:0.125rem 0.375rem; padding:0.375rem 0.375rem 0.4375rem 0.375rem; display:flex; align-items:flex-start; }
.orderDetailAddressText{flex:1;}
.orderDetailAddressLf span{font-size:0.44rem; margin:0 0.125rem; display:block; color:#000;}
.orderDetailAddressLf label{font-size:0.3512rem; position:relative; bottom:-0.0875rem;}
.orderDetailAddressTextItem{font-size:0.375rem; display:flex; align-items:center; margin-top:0.125rem; }
.orderDetailAddressTextItem:first-child{margin-top:0;}
.orderDetailAddressLf{display:flex; align-items:center; margin-right:0.5rem; font-size:0.3512rem; flex:1;}
.addressIcon{background:url(../img/addressIcon.png) no-repeat; width:0.5rem; height:0.5rem; background-size:0.5rem 0.5rem;}
.orderDetailAddressRh{font-size:0.3125rem; display:flex; justify-content:flex-end;}
.orderDetailAddressRh span{background:-webkit-linear-gradient(left top,#ffede7,#ffd5c7); border-radius:0.5rem; font-size:0.3512rem; width:1.125rem; text-align:center; height:0.6rem; line-height:0.625rem;}
.orderDetailAddressRh button{background:#006636; color:#fff; border:0; border-radius:0.75rem; font-size:0.3512rem; padding:0 0.25rem; height:0.785rem;}
.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.375rem; width:0.75rem; text-align:right;}
.blanceGoodBox{ margin:0.125rem 0.375rem; }
.blanceGoodCont{border-radius:0.25rem; background:#fff; overflow:hidden; box-shadow:0 0 0.3125rem rgba(0,0,0,0.0);}
.blanceGoodTop{display:flex; align-items:center; justify-content:space-between; position:relative; padding:0.3125rem 0.375rem;}
.blanceGoodTop::after{content:""; position:absolute; left:0.375rem; top:0; width:calc(200% - 1.5rem); height:200%; border-bottom:1px #e6e6e6 solid; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}
.blanceShopLogo img{height:0.875rem; display:block;}
.blanceGoodState{font-size:0.3125rem; display:flex; align-items:center; color:#6d6d6d;}
.blanceGoodState label{color:#006636; margin-right:0.125rem; font-size:0.375rem;}
.blanceGoodState img{height:0.275rem; display:block;}
.blanceGood{background:#fff; padding:0.3125rem 0.375rem; display:flex; }
.blanceGood:first-child{padding-bottom:0;}
.blanceGoodImg{width:2.125rem; height:2.125rem; border-radius:0.25rem; overflow:hidden;}
.blanceGoodImg img{width:2.125rem; height:2.125rem; object-fit:cover; display:block;}
.blanceGoodInfo{margin-left:0.25rem; flex:1; position:relative;}
.blanceGoodInfo h4{font-size:0.375rem; font-weight:bold; min-height:0.625rem; text-align:justify; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-weight:normal;}
.blanceGoodInfo h4 span {
    background:-webkit-linear-gradient(left top,#fcdbda,#fbe5bd);
    border-radius: 0.5rem;
    color: #006636;
    margin-right: 0.125rem;
    font-size: 0.265rem;
    height: 0.4375rem;
    display: inline-block;
    vertical-align: top;
    line-height: 0.475rem;
    padding: 0 0.125rem;
}
.blanceGoodInfo h6{top:1.3125rem; left:0; color:#7D7E86; font-size:0.3125rem;}
.blanceGoodInfo .goodBz{margin:0;}
.blanceOrder{position:relative; padding:0.25rem 0;}
.blanceOrder::after{content:""; position:absolute; left:0; top:0; width:200%; height:200%; border-bottom:1px #dce0e4 solid; border-top:1px #dce0e4 solid; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}
.blanceOrderInfo{display:flex; align-items:center; justify-content:space-between; padding:0.0625rem 0.375rem; line-height:0.5rem; font-size:0.3512rem;}
.blanceOrderInfo b{color:#006636; font-size:0.4375rem;}
.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.75rem;}
.blanceGoodMony{display:flex; align-items:flex-end; height:0.625rem;}
.blanceGoodMony span{color:#006636; font-weight:bold; font-size:0.4375rem;}
.blanceGoodMony label{color:#006636; 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.3125rem 0;}
.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:#de5e29; margin-right:-0.0875rem;}
.blanceMoneyItem a span{color:#de5e29;}
.blanceMoneyItem b{padding-left:0.25rem; color:#BC9367; font-size:0.4375rem;}
.blanceMoneyItem span.orange{color:#006636;}
.blanceMoneyItem button{position:relative; border:0; margin-left:0.125rem; background:transparent; padding:0 0.25rem; line-height:0.5rem; color:#2f2859; position:relative; font-size:0.3125rem;}
.blanceMoneyItem button::after{content:""; position:absolute; left:0; top:-0.03125rem; width:200%; height:200%; border:1px #2f2859 solid; border-radius:1.0rem; pointer-events:none; transform:scale(0.5); transform-origin:0 0;}
.blanceInfo{background:#fff; padding:0.3125rem 0 0.25rem 0; overflow:hidden;}
.blanceInfo p{overflow:hidden; padding:0 0.375rem; border-top:0px #f7f7f7 solid;}
.blanceInfo span{display:block; font-size:0.3512rem;}
.blanceInfo span:nth-of-type(2){float:right;}
.blanceInfo input{float:left; font-size:0.3512rem; height:0.75rem; width:calc(100% - 0.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;}
.blanceBtn{padding:0.375rem; position:fixed; left:0; bottom:0; right:0; z-index:99;}
.blanceBtn button{height:1.125rem; font-size:0.40375rem; border:0; width:100%; border-radius:1.0rem;}
.payMoneyTop{background:#fff; position:relative; border-radius:0.25rem 0.25rem 0 0; text-align:center; padding:1.125rem 0; margin:0.125rem 0.375rem 0 0.375rem;}
.payMoneyTop::after{content:""; position:absolute; left:0; top:0; width:200%; height:200%; border-bottom:1px #eaedef solid; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}
.payMoneyTop .number{color:#006636; margin-top:0.3125rem; font-weight:bold; font-size:0.5333rem; display:flex; align-items:flex-end; justify-content:center;}
.payMoneyTop .number span{font-size:0.5333rem;}
.payMoneyTop .number label{position:relative; bottom:0.0625rem;}
.payMoneyTop .time{display:flex; align-items:center; justify-content:center; font-size:0.4088rem;}
.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 0 0.25rem 0.25rem; padding:0 0.375rem; margin:0 0.375rem 0.125rem 0.375rem;} 
.payTypeItem{display:flex; align-items:center; justify-content: space-between; position:relative; height:1.25rem; padding:0.25rem 0;}
.payTypeItem::before{content:""; position:absolute; left:0; top:0; width:200%; height:200%; border-top:1px #eaedef solid; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}
.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.3512rem;}
.payTypeLf i{width:0.6125rem; margin-right:0.1625rem;}
.payTypeLf i img{width:0.6125rem; 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:#ff5400; font-size:0.375rem;}
.payTypeRh span{font-size:0.375rem; color:#acb1b5;}
.payTypeRh label{font-size:0.3512rem;}
.payTypeRh label b{font-weight:normal;}
.payTypePassword{background:#fff; margin:0 0.375rem; border-radius:0.75rem; padding:0 0.375rem;}
.payTypePassword input{height:1.2rem; width:100%; border:0; font-size:0.3512rem;}
.paymentFq{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; padding-bottom:0.125rem;}
.paymentFqItem{padding:0.3125rem; margin-bottom:0.25rem; width:48.5%; border-radius:0.1625rem; border:2px #eee solid;}
.paymentFqItem.active{border:2px #006636 solid;}
.paymentFqItem b{display:block; font-size:0.375rem;}
.paymentFqItem span{display:block; margin-top:0.125rem; font-size:0.3125rem; color:#888;}
.paySuccess{ background:url(../img/successBg.jpg) no-repeat left -1.25rem; background-size:100% auto;}

.submitSuccess{display:flex; align-items:center; line-height:0.625rem; padding:0.625rem 0 0.625rem 1.75rem;}
.submitSuccessText{margin-left:0.125rem; color:#fff;}
.submitSuccessText span{font-size:0.416rem;display:block;}
.submitSuccessText label{font-size:0.3512rem; display:block;}
.submitSuccessImg i{display:block;}
.submitSuccessImg i img{width:2.25rem; display:block; margin:0 auto;}
.payFailure{background:#F6F7F8; padding:2.0rem 0.625rem 1.0rem 0.625rem;}
.payFailureTips{margin-bottom:0.625rem;}
.payFailureTips i{display:block;}
.payFailureTips i img{width:2.5rem; display:block; margin:0 auto;}
.payFailureTips span{font-size:0.416rem; color:#006636; display:block; text-align:center; margin-top:0.1625rem;}
.paymentInfo{margin:0 0.8rem; padding:0.15rem 0 0 0; position:relative;}
.paymentInfo::before{content:""; position:absolute; background:#006636; left:0; top:0; border-radius:0.5rem; width:100%; height:0.3rem;}
.paymentInfoCont{margin:0 0.16rem;  position:relative; background:linear-gradient(to bottom,#ffd0d7 ,#fff 15%);}
.paymentMoney{height:2.13rem; display:flex; align-items:center; justify-content:center; color:#006636;}
.paymentMoney span{font-weight:bold; font-size:0.533rem;}
.paymentMoney label{font-size:0.3125rem; position:relative; bottom:-0.0375rem;}
.paymentOrder{padding:0.3125rem 0.25rem; margin:0 0.125rem; border-top:1px #e4e7ea dashed;}
.paymentOrderItem{display:flex; align-items:center; justify-content:space-between; font-size:0.3512rem; line-height:0.5625rem;}
.successBtn{display:flex; align-items:center; justify-content:center;}
.successBtn button{background:#006636; border:0; color:#fff; border-radius:0.75rem; font-size:0.4088rem; height:1.093rem; line-height:1.093rem; width:3.25rem; display:block; margin:0.375rem 0.125rem;}
.successBtn button.backList{background:-webkit-linear-gradient(left top,#ffede7,#ffd5c7); color:#000; position:relative;}
.successBotLogo{position:fixed; display:none; left:0; right:0; bottom:0.875rem;}
.successBotLogo img{width:3.36rem; display:block; margin:0 auto;}
.commonBtn{padding:0.25rem 0.375rem;}
.commonBtn.fixed{position:fixed; left:0; right:0; bottom:0;}
.commonBtn button{color:#fff; width:100%; margin:0 auto; border:0; border-radius:0.75rem;  font-size:0.3555rem; text-align:center; display:block; height:1.0rem;  background:linear-gradient(to right,#006636,#006636);}
.commonBtn button[disabled]{background:#CFCFD8;}
.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:#f6f6f6; background-size:100% auto; 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:0;}
.tranGoldForm{background:#fff; border-radius:0.25rem; margin:0.125rem 0.375rem; box-shadow:0 0 0.3125rem rgba(0,0,0,0.0); padding:0 0.125rem;}
.tranGoldInput{display:flex; flex-wrap:wrap; justify-content: space-between; font-size:0.3512rem; padding:0 0.375rem;  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.125rem;}
.tranGoldInput span b{color:#ed1c24;}
.tranGoldInput label{position:absolute; right:0.3125rem; top:0; font-size:0.3125rem; font-weight:bold; width:0.5rem; text-align:center; border-radius:100%; line-height:1.125rem;}
.tranGoldInput input{width:calc(100% - 2.5rem); font-size:0.3512rem; height:1.125rem; 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.3512rem; line-height:0.625rem;}
.tranGoldInput select{border:0; width:calc(100% - 2.5rem); background: transparent; line-height:1.125rem; outline:none; font-size:0.3512rem; height:1.125rem; -webkit-appearance: none;}
.tranGoldInput button{margin:0; position:absolute; right:0.3125rem; color:#006636; height:1.125rem; background:transparent; font-size:0.3512rem; border:0;}
.tranGoldInput div{line-height:1.5rem; width:calc(100% - 3.0rem);}
.tranGoldBq{display:flex; align-items:center; flex:1;}
.tranGoldBqItem{margin-right:0.25rem; width:1.25rem !important; text-align:center; height:0.625rem; line-height:0.625rem !important; border:0.015625rem #006636 solid; border-radius:0.5rem; font-size:0.3512rem; position:relative;}
.tranGoldBqItem.active{background:#006636; color:#fff; border:0; height:0.625rem; line-height:0.675rem !important;}
.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:#f6f6f6; background-size:100% auto; box-shadow:0 0.125rem 0.3125rem rgba(0,0,0,0.0); overflow:hidden; position:fixed; width:100%; top:0; left:0;}
.tabs ul{webkit-align-items: center; align-items: center; justify-content: space-between; padding:0 0.375rem; display: -webkit-box; -webkit-box-align: center; display:flex; display: -webkit-flex;}
.tabs ul li{border-bottom:0px #eee solid; min-width:20%; font-size:0.375rem; text-align:center; line-height:1.25rem; } 
.tabs ul li.active a{position:relative;  border-radius:1.0rem; height:0.75rem; line-height: 0.75rem; color:#000; font-size:0.4375rem;}
.tabs ul li.active a:after{content:""; position:absolute; bottom:-0.1rem; width:100%; left:0; border-radius:0.125rem; height:0.0875rem; background:linear-gradient(to right,#006636,#ef936c); border-radius:0.5rem;}
.tabs ul li a{display:inline-block; color:#666; position:relative; font-size:0.375rem;} 
.tab-pane{display:none;}
.tabcont div.show{display:block;}
.tab-pane.active{display:block;}
.orderContainer{padding-top:1.25rem;}
.orderItem{background:#fff; border-radius:0.25rem; margin:0.125rem 0.375rem; box-shadow:0 0 0.3125rem rgba(0,0,0,0.0); overflow:hidden;}
.orderStateCodeTitle{font-size:0.3512rem;}
.orderState{display:flex; align-items:flex-start; justify-content: space-between; background:#fff; position:relative;  padding:0.3125rem 0.375rem 0 0.375rem;}
.orderState b{font-size:0.375rem; display:block; margin-bottom:0.125rem; color:#FF4747;}
.orderState span{font-size:0.3512rem; display:block;}
.orderState label{font-size:0.3512rem; color:#006636;}
.orderStateCode{display:flex; align-items:center;}
.orderGood{display:flex; position:relative; padding:0.375rem; flex-wrap: wrap;}
.orderGood::after{content:""; position:absolute; left:0.3125rem; top:0; width:calc(200% - 1.25rem); height:200%; border-bottom:1px #eaecee solid; transform:scale(0.5); transform-origin:0 0; pointer-events:none;} 
.orderGood:last-child::after{border:0;}
.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.0);}
.orderBot{padding:0.325rem 0.375rem 0.3125rem 0.375rem; font-size:0.3512rem; position:relative;}
.orderBot::after{content:""; position:absolute; left:0; top:0; width:200%; height:200%; border-top:1px #eaecee solid; transform:scale(0.5); transform-origin:0 0; pointer-events:none;} 
.orderBotState{display:flex; align-items:center; justify-content:space-between;}
.orderBotState span{color:#006636; }
.orderBotInfo{display:flex; align-items:center; justify-content:space-between; margin:0.125rem 0;}
.orderBotInfo span{font-weight:bold; color:#006636; font-size:0.40375rem;}
.orderListAll{display:flex; align-items:center; justify-content:space-between; }
.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; color:#D9A267;}
.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; border-radius:1.0rem;}
.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:-1px; 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:#006636; position:relative; color:#fff; font-size:0.3125rem; border:0; height:0.625rem; border-radius:0.0625rem; padding:0 0.3125rem;}
.order-btn-org::after{content:""; position:absolute; left:0; top:-1px; width:200%; height:200%; border:0px #2f2859 solid; border-radius:2.0rem; pointer-events:none; transform:scale(0.5); transform-origin:0 0;}


 .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:#006636; color:#fff; color:#fff;}



.orderDetailState{background:#2f2859; 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;}

.loginBody{background:#fff; background-size:100% auto;}
.loginContainer{position:relative; padding-bottom:3.5rem;}
.loginBox{padding-top:1.0rem;}
.loginForm{padding:0.5rem;}
.loginInput{margin:0; position:relative; display:flex; align-items:center; height:1.2rem; background:transparent; padding:0 0.125rem;}
.loginInput::after{content:""; border-bottom:1px #e2e5e9 solid; position:absolute; left:0; top:0; width:200%; height:200%; pointer-events:none; transform-origin:0 0; transform:scale(0.5);}
.loginInput:last-child::after{border:0;}
.loginInput::after{content:""; border-bottom:1px #e2e5e9 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% - 2.5rem); margin-left:0.5rem; border:0; background: transparent; height:1.2rem; font-size:0.3387rem;}
.loginInput button{position:absolute; width:1.5733rem; font-size:0.2875rem; right:0.125rem; height:0.8rem; padding:0; border:0; color:#fff; background:#006636; border-radius:0.5rem;}
.loginInput button::after{content:""; position:absolute; left:0; top:0; width:200%; height:200%; border-radius:0.25rem; border:0px #de5e29 solid; pointer-events:none; transform: scale(0.5); transform-origin:0 0;}
.loginInput button[disabled]{background:#E1E2EA; color:#fff;}
.loginInput label{font-size:0.40375rem;}
.loginWelcome{padding:1.0rem 0.8rem 0 0.8rem;}
.loginWelcome span{display:block; font-size:0.7253rem; font-weight:500;}
.loginWelcome label{display:block; font-size:0.4267rem; margin-top:0.375rem;}
.registerBot{position:absolute; display:none; left:0; right:0; bottom:0.75rem;}
.registerBot img{width:3.65rem; display:block; margin:0 auto;}
.registerAgreement{padding:0 0.5867rem; color:#8a8e93; display:flex; align-items:center; line-height:1.25rem; font-size:0.3378rem;}
.registerAgreement a{color:#006636;}
.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:4.0rem; display:block; margin:0 auto;}
.loginLogo span{display:block; margin-top:1.375rem; text-align:center; font-size:0.4375rem; font-weight:bold;}
.loginLogo span img{width:2.5rem; display:block; margin:0 auto;}
.userIcon{background:url(../img/userIcon.png) no-repeat; width:0.625rem; height:0.625rem; background-size:0.625rem 0.625rem; display:block;}
.passwordIcon{background:url(../img/passwordIcon.png?v=4) no-repeat; width:0.625rem; height:0.625rem; background-size:0.625rem 0.625rem; display:block;}
.passwordIcon2{background:url(../img/passwordIcon2.png?v=4) no-repeat; width:0.625rem; height:0.625rem; background-size:0.625rem 0.625rem; display:block;}
.phoneIcon{background:url(../img/phoneIcon.png?v=4) no-repeat; width:0.625rem; height:0.625rem; background-size:0.625rem 0.625rem; display:block;}
.vCodeIcon{background:url(../img/vCodeIcon.png?v=4) no-repeat; width:0.625rem; height:0.625rem; background-size:0.625rem 0.625rem; display:block;}
.loginBtn{padding:0.25rem 0.5867rem;}
.loginBtn button{color:#fff; width:100%; margin:0 auto; border:0; border-radius:0.75rem;  font-size:0.4rem; text-align:center; display:block; line-height:1.067rem;  background:#006636;}
.cellphoneBtn{background:#de5e29;}
.wechartBtn{background:#23cd40;}
.loginBot{position:fixed; left:0; right:0; bottom:0;}
.downloadLink{display:flex; align-items:center; justify-content:space-between; margin-bottom:1.0rem; padding:0 0.5867rem; color:#444; line-height:1.0rem;}
.downloadLink a{padding:0; font-size:0.4rem; color:#006636; line-height:1.0rem; text-align:center;}
.downloadLink a label{color:#212121;}
.downloadLink a.download{background:#F0D1B0; color:#000; border-radius:1.0rem; padding:0 0.25rem; height:1.0rem; line-height:1.0625rem;}

.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:#de5e29;}
.loginTab{display:flex; align-items:center; padding:0 0.65rem; margin:0.75rem 0 0.25rem 0;}
.loginTabItem{margin-right:0.625rem; line-height:1.5rem; color:#b2b2b2; font-size:0.4888rem;}
.loginTabItem.active{color:#000; font-size:0.7253rem; font-weight:500; position:relative;}
.loginTabItem.active::after{content:""; position:absolute; bottom:0; left:0.3125rem; right:0.3125rem; height:0.1rem; background:-webkit-linear-gradient(left top,#006636,#fe7747); border-radius:0.25rem;}
.loginTabPane{display:none;}
.loginTabCont div.show{display:block;}
.loginTabPane.active{display:block;}
.registerForm{background:#fff; border-radius:0.25rem; margin:0.72rem 0 0 0; padding:0 0.5867rem;}
.registerForm .loginInput{margin:0; height:1.2rem; background:transparent; padding:0 0.125rem;}
.registerForm .loginInput::after{content:""; border-bottom:1px #e2e5e9 solid; position:absolute; left:0; top:0; width:200%; height:200%; pointer-events:none; transform-origin:0 0; transform:scale(0.5);}
.registerForm .loginInput:last-child::after{border:0;}
.championHelpBody{ background-size:100% auto;}
.championHelpContainer{padding-top:0.0rem;}
.championHelpItem{margin:0.125rem 0.375rem;}
.championHelpVideo{ border-radius:0.25rem; position:relative; padding:0.0625rem;}
.championHelpVideo::after{content:""; position:absolute; left:0.0rem; top:0.0rem; border-radius:0.5rem; width:calc(200% - 0.0625rem); height:calc(200% - 0.0625rem); border:0.03125rem #ffd7bd solid; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}
.championHelpVideo video{width:100%; display:block; border-radius:0.25rem;}

.welfareContainer{padding-top:0.25rem; height:100%; background-size:100% auto;}
.welfareWallet{background:url(../img/yuerBg.png?v=4) left bottom; border-radius:0.25rem 0.25rem 0 0; margin:0 0.3125rem; background-size:100% 5.875rem; height:5.875rem; padding:0.25rem 0.5625rem;}
.welfareWallet .userChart{flex-wrap:wrap;}
.welfareWallet .userChartItem{min-width:46%; margin:0.0625rem;}
.welfareWallet .userChartItem b{margin-top:0.03125rem;}
.welfareWalletNum{text-align:left;}
.welfareWalletNum label{display:block; font-size:0.40375rem; }
.welfareWalletNum b{font-size:0.625rem; display: block; margin-top:0.125rem;}
.welfareWalletNum b span{font-size:0.375rem; position:relative; top:-0.0625rem; font-weight:bold;}
.welfareWalletBtn{display:flex; align-items:center; justify-content:center; margin-top:0.75rem;}
.welfareWalletBtn button{flex:1; color:#2f2859; 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;}
.certifiedForm .welfareWallet{background:url(../img/certifiedBg.png?v=4) no-repeat; border-radius:0.25rem 0.25rem 0 0; margin:0 0.3125rem; background-size:100% 2.875rem; height:2.875rem; padding:0.6875rem 0.5625rem 0 0.5625rem;}

.walletBankCardItem{padding:0.375rem;}
.walletBankCardItem a{display:block;}
.walletBankCardItem img{width:100%; display:block;}
.walletCont .userLineNav{background:#fff; box-shadow:0 -0.3125rem 0.25rem rgba(242,25,82,0.1); padding:0 0.125rem; border-radius:0.25rem; margin:0 0.3125rem;}
.walletBankItem{background:url(../img/bankCardBg.png?v=4) no-repeat; border-radius:0.25rem; height:3.5rem; background-size:100% 3.5rem; margin:0.25rem 0.3125rem;}
.walletBankNum{text-align:right; color:#fff; 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:#006636; color:#fff; border-radius:0.5rem; 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;}
.commonTips{background:#FCEEE5; z-index:99; position:sticky; top:0; left:0; right:0; color:#006636; padding:0.3125rem; display:flex; font-size:0.34375rem;}
.commonTips label{font-size:0.5rem;}
.commonTips span{flex:1; margin-left:0.125rem; text-align:justify;}
.cashSelect{background:#fff; padding:0.0625rem 0.0625rem; margin:0.125rem 0.375rem; border-radius:0.125rem;}
.cashType{background:#fff; padding:0.4267rem 0.4267rem 0.25rem 0.4267rem ; border-radius:0.25rem; margin:0.125rem 0.375rem;}
.cashType .payTypeItem::before{border:0;}
.cashType .payTypeItem{height:1.0rem; padding:0;}
.cashType .payTypeAdd{height:1.0rem; padding:0;}
.cashPay{padding-top:0.0625rem;}
.cashMain{background:#fff; border-radius:0.25rem; margin:0.125rem 0.375rem; padding:0.4267rem 0.4267rem 0.25rem 0.4267rem;}
.cashMainTitle{font-size:0.3911rem; font-weight:500; 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.125rem 0 0 0; line-height:1.0rem;}
.cashMainFormNum{display:flex; align-items:center; font-weight:bold; color:#006636; font-size:0.44rem;}
.cashMainFormNum label{margin-right:0.0625rem;}
.cashMainFormNum input{width:5.0rem; font-size:0.5rem; height:1.0rem; line-height:1.0rem; border:0;}
.cashMainFormNum input::-webkit-input-placeholder{font-size:0.3911rem; color:#8a8e93; 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.3512rem; color:#006636;}
.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:0.125rem 0.375rem; padding:0.4267rem;}
.cashRulesTitle{font-size:0.3911rem; font-weight:500; margin-bottom:0.25rem; padding-bottom:0.125rem;}
.cashRulesText{font-size:0.32rem;}
.cashRulesText p{line-height:0.5333rem; text-align:justify;}
.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;}
.historyCard{background:#fff; margin:0 0.375rem; border-radius:0.25rem;}
.historyCardTitle{font-size:0.3911rem; font-weight:500; padding:0.4267rem;}
.historyCardItem{display:flex; align-items:center; padding:0.3125rem 0.4267rem; position:relative;} 
.historyCardItem::after{content:""; position:absolute; left:0; top:0; width:200%; height:200%; pointer-events:none; border-top:1px #e6e6e6 solid; transform:scale(0.5); transform-origin:0 0;}
.historyCardIcon img{width:1.25rem; display:block;}
.historyCardInfo{flex:1; margin-left:0.3125rem;}
.historyCardInfo span{display:block; font-size:0.375rem; font-weight:500;}
.historyCardInfo label{display:block; font-size:0.3512rem; margin-top:0.25rem;}
.bankAddCont .commonHeader{height:auto;}


.detailHeader{background:url(../img/userBg.png) no-repeat; background-size:100% auto; position:sticky; left:0; top:0; right:0; z-index:999; line-height:1.375rem; display:flex; align-items:center;}
.rechargeContainer{min-height:10.0rem; background-size:100% auto; overflow:hidden;}
.rechargeCont{margin:0.375rem;}
.rechargeMoneyTitle{font-size:0.4375rem; font-weight:bold;}
.rechargeMoneyTitle label{color:#006636; font-weight:normal; font-size:0.3125rem;}
.rechargeMoneyNum{position:relative; border-radius:0.3125rem;  background:#fff;  padding:0.75rem 0.5rem 0.75rem 0.5rem; font-size:0.5rem; display:flex; align-items:center; margin:0.3125rem 0 0 0;}
.rechargeMoneyNum::after{content:""; position:absolute; left:0.5rem; top:0; border-bottom:1px #000 solid; width:calc(200% - 2.0rem); height:calc(200% - 1.5rem); transform:scale(0.5); transform-origin:0 0; pointer-events:none;}
.rechargeMoneyNum input{background:transparent; border:0; outline:none; height:1.5rem; padding:0 0.875rem; font-size:0.625rem; width:calc(100% - 0.75rem);}
.rechargeMoneyNum input::-webkit-input-placeholder{color:#aaa; font-size:0.5rem;}
.payTypeCont{margin:0.375rem;}
.payTypeCont .payType{border-radius:0.3125rem;  background:#fff; }
.currentBalance{background:url(../img/yuerBg.png) no-repeat; border-radius:0.25rem; margin:0.125rem 0.375rem; height:3.0rem; background-size:100% 3.0rem; padding:0.75rem 0.5625rem;}
.currentBalance b{display:block; font-size:0.667rem; color:#fff;}
.currentBalance span{display:block; color:#fff; opacity:0.7; font-size:0.444rem; margin-bottom:0.25rem;}
.certifiedTips{text-align:center; padding:0.75rem 0.3125rem; color:#006636; font-size:0.4088rem;}
.certifiedTitle{color:#fff;}
.certifiedTitle span{display:block; font-size:0.5333rem; font-weight:500;}
.certifiedTitle label{display:block; margin-top:0.3125rem; font-size:0.375rem;}
.certifiedCont{background:#fff; margin:0 0.3125rem; border-radius:0.25rem; overflow:hidden; padding:0 0.125rem;}
.certifiedInput{display:flex; padding:0 0.375rem; flex-wrap:wrap; align-items:center; justify-content: space-between; font-size:0.3512rem;  position:relative;}
.certifiedInput::after{content:""; position:absolute; left:0; top:0; border-top:1px #e7e9ec solid; width:200%; height:200%; pointer-events:none; transform-origin:0 0; transform: scale(0.5); transform-origin:0 0;}
.certifiedInput:first-child::after{height:0; border:0;}
.certifiedInputLf{width:3.0rem;}
.certifiedInputRh{text-align:right; font-size:0.3512rem; height:1.5rem; flex:1;}
.certifiedInputRh input{width:100%; text-align:right; font-size:0.3512rem; height:1.5rem; border:0;}
.bankcardItem{position:relative; display:flex; overflow:hidden; padding:0.475rem 0.8267rem 0.875rem 0.8267rem; border-radius:0.25rem; background:#fff;  margin:0.3125rem 0.375rem;}
.bankcardItem::after{content:""; position:absolute; left:0; right:0; bottom:0; height:0.25rem; background:-webkit-linear-gradient(left top,#f9923e,#006636);}
.bankLogo{ background:#fff; display:flex; align-items:center;  justify-content:center; border-radius:100%; width:1.25rem; height:1.25rem; }
.bankLogo img{width:0.75rem; margin:0 auto; display:block;}
.bankInfo{margin-left:0.3125rem;}
.bankName{font-size:0.3911rem; padding:0px 0 0.25rem 0;}
.bankName span{font-weight:500;}
.bankName label{font-size:0.2933rem;}
.bankCategory{font-size:0.3512rem;}
.cardNum{font-size:0.5rem; font-weight:bold; padding-top:0.25rem; }
.cardNum span{padding-right:0.25rem;}
.setDefault{position:absolute; right:0.3125rem; top:0.375rem; display:flex; align-items:center; font-size:0.2933rem;}
.setDefault span{margin-left:0.125rem;}
.deleteCard{position: absolute; bottom:0.75rem; right:0.3125rem; color: #ff3030;}
.deleteCard button{ padding:0; display:flex; align-items:center; justify-content:center; background:transparent; font-weight:bold; width:0.75rem; height:0.75rem; border-radius:100%; border:0; text-align:center; font-size:0.5rem;}
.bankCardNumber{padding:0.375rem 0.75rem 0.25rem 0.75rem; font-size:0.2933rem;}
.bankCardNumber span{font-size:0.4418rem;}

.integralRecordItem{background:#fff; border-radius:0.25rem; box-shadow:0 0 0.3125rem rgba(0,0,0,0.0); margin:0.16rem 0.375rem; padding:0.375rem 0.56rem; display:flex; justify-content:space-between;}
.integralRecordNum{font-size:0.467rem; font-weight:bold; color:#006636;}
.integralRecordNum.move{color:#ff7200;}
.integralRecordLf{flex:1; margin-right:0.375rem;}
.integralRecordLf .title{font-size:0.3911rem; font-weight:500;}
.integralRecordLf .time{font-size:0.3125rem; margin-top:0.25rem; color:#7D7E86;}
.integralRecordLf .member{font-size:0.34375rem; margin-top:0.125rem;}
.integralRecordRh .time{font-size:0.3125rem; margin-top:0.125rem; color:#7D7E86;}
.companyProfileImg{margin:0.25rem 0.375rem 0 0.375rem;}
.companyProfileImg img{width:100%; display:block;}
.integralRecordRh{text-align:right; position:relative;}
.integralRecordRh .time{font-size:0.2933rem; white-space:nowrap; position:absolute; bottom:0; right:0; margin-top:0.25rem; color:#8a8e93;}
.integralRecordJy{font-size:0.3288rem;  margin-top:0.0625rem;}
.integralRecordJy span{color:#D9A267;}

.noticeItem{background:#fff; padding:0.3125rem; border-radius:0.25rem; margin:0.125rem 0.375rem;}
.noticeItem a{display:block;}
.noticeTitle{font-size:0.4418rem; display:flex; align-items:center; justify-content:space-between; font-weight:500; padding:0 0 0.125rem 0;}
.noticeTitle span{flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.noticeTitle label{font-size:0.3378rem; font-weight:normal; color:#8a8e93;}
.noticeText{font-size:0.3512rem; text-align:justify;}
.noticeTime{font-size:0.3378rem; color:#8a8e93;}
.noticeImg img{width:100%; display:block;}
.noticeBot{display:flex; align-items:center; justify-content:space-between;  margin-top:0.125rem;}
.noticeState{font-size:0.3512rem;}
.noticeState.red{color:#006636;}
.noticeState.green{color:#ff7300;}
.noticeAll a{display:flex; align-items:center; justify-content: space-between; color:#2f2859; font-size:0.34375rem; line-height:1.25rem;}
.noticeAll a label{font-size:0.3125rem;}
.noticeDetail{min-height:100%; padding:0 0.375rem 0.375rem 0.375rem;}
.noticeDetailTitle{font-size:0.5625rem; text-align:left; font-weight:500; padding:0.125rem 0.25rem 0 0.25rem;}
.noticeDetailTime{font-size:0.375rem; color:#8a8e93; padding:0.25rem 0.5rem 0 0.25rem;}
.noticeDetailCont p{font-size:0.375rem; line-height:0.625rem; margin-top:0.375rem; text-align:justify;}
.noticeDetailCont p img{width:100%; display:block;}

.feekback{background:#fff; min-height:100%; padding-top:0.125rem;}
.feekbackItem{padding:0 0.3125rem; margin:0.375rem;}
.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:0;}
.feekbackInfoItem{background:#fff; overflow:hidden; position:relative; border-radius:0.25rem; margin:0.125rem 0.375rem; padding:0.3125rem;}
.feekbackText{font-size:0.3378rem; color:#8a8e93; margin-top:0.125rem;}
.feekbackTop{display:flex; align-items:center; justify-content: space-between; }
.feekbackTop b{font-size:0.3512rem; flex:1; font-weight:500;}
.feekbackTime{color:#8a8e93; font-size:0.3378rem; margin-top:0.125rem;}
.feekbackTop label{font-size:0.3378rem; margin-left:0.3125rem;} 
.feekbackTop label.orange{color:#006636;}
.feekbackTop label.green{color:#ff7300;}
.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;}
.feedBackTop{display:flex; align-items:center; margin:0.125rem 0.7733rem 0 0.7733rem;}
.feedBackTop img{width:2.25rem; display:block;}
.feedBackTop span{font-size:0.4418rem; line-height:1.0rem;}
.feedBackLy{background:#fff; padding:0.4375rem; margin:0.125rem 0.375rem; border-radius:0.25rem;}
.feedBackLyTitle{font-size:0.3512rem; margin-bottom:0.125rem;}
.feedBackTextarea textarea{height:6.0rem; padding:0.25rem 0 0 0; width:100%; outline:none; font-size:0.3512rem; border:0; resize:none;}
.addRulesTip{margin:0.375rem; border-radius:0.25rem; font-size:0.375rem; padding:0.375rem; background:#F4E1CB;}
.addRulesTipTitle{font-size:0.4375rem;}
.addRulesTipText p{color:#ACA093; text-align:justify; font-size:0.375rem; margin-top:0.25rem;}
.addRulesTipText span{color:#006636;}

.settingNav{background:#fff; margin:0.125rem 0.375rem; 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.3512rem; height:1.125rem; line-height:1.125rem; display:flex; align-items:center; justify-content: space-between; padding:0 0.75rem 0 0.5rem;}
.settingNavItem span:nth-of-type(2){color:#8a8e93;}
.settingNavItem label{font-size:0.3125rem; color:#8a8e93;}
.settingNavItem div{display:flex; align-items:center;}
.settingNavItem i{width:0.5rem; margin-right:0.125rem;}
.settingNavItem i img{width:100%; display:block;}
.exitLogin{margin:0.375rem;}
.exitLogin button{background:#006636; color:#fff; border:0; width:100%; border-radius:0.75rem; font-size:0.3512rem; height:0.8125rem;}
.cancelAccount{position:fixed; bottom:0.5rem; left:0; right:0; line-height:1.5rem;}
.cancelAccount a{display:block; text-align:center; color:#999; font-size:0.375rem;}
.addressItemBotBtn button{display:flex; align-items:center; justify-content:center; font-size:0.3512rem; color:#006636; background:transparent; min-width:0.625rem; height:0.625rem; border:0;}
.deleteIcon{background:url(../img/deleteIcon.png) no-repeat; width:0.375rem; height:0.375rem; background-size:0.375rem 0.375rem;}
.formContainer{padding-bottom:1.75rem;}
.addressList{padding-bottom:0;}
.addressItem{background:#fff; border-radius:0.25rem; margin:0.125rem 0.375rem; box-shadow:0 0 0.3125rem rgba(0,0,0,0.0); position:relative; padding:0.375rem; display:flex; align-items:flex-start; justify-content:space-between;}
.addressItem::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;}
.addressItem:first-child::after{border:0;}
.addressLocation{width:68%;}
.addressItem .setDefault{bottom:0.375rem; top: inherit;}
.addressName{display:flex; align-items:center; margin-bottom:0.1625rem; font-size:0.375rem;}
.addressName span{margin:0 0.125rem; font-size:0.44rem;}
.addressName font{font-size:0.3512rem; position:relative; bottom:-0.05rem;}
.addressName label{background:-webkit-linear-gradient(left top,#fcdbda,#fbe5bd); color:#006636; margin-left:0.125rem; border-radius:0.0625rem; font-size:0.3288rem; width:1.0rem; text-align:center; height:0.4533rem; line-height:0.5rem;}
.addressText{font-size:0.3512rem;}
.addressText2{font-weight:bold; font-size:0.375rem; margin:0.125rem 0;}
.editIcon{background:url(../img/editIcon.png) no-repeat; width:0.375rem; height:0.375rem; background-size:0.375rem 0.375rem;}

.locationSelcet{ line-height:1.375rem; display:flex; align-items:center; flex:1; font-size:0.40375rem; }
.tranGoldInput .locationSelcet select{width:2.4375rem;}
.tranGoldSwitch{display:flex; align-items:center; justify-content: space-between;padding:0.25rem 0.375rem;  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:500;}
.tranGoldSwitchLf label{display:block; margin-top:0.125rem; font-size:0.3512rem;}
.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: #006636;
}

#switch:checked + label.red:after {
    background: #fff;
}

#switch:checked + label:after {
    left: calc(100% - 0.625rem);
    border: 0.03125rem #006636 solid;
}

#switch + label {
    background: #bbb;
    border-radius: 20px;
}

#switch + label:after {
    background: #fff;
    border-radius: 50%;
}
.addressTop{background:#fff; border-radius:0.25rem; margin:0.375rem;}
.addressTopSl{background:#FCEEE5; padding-right:0.75rem; color:#006636; position:relative; font-size:0.3125rem; border-radius:0.25rem; padding:0.3125rem;}
.addressTopSl label{position:absolute; right:0.25rem; top:0.25rem; font-size:0.5rem; color:#006636;}
.addressTopTips{font-size:0.375rem; display:flex; align-items:center; position:relative; height:2.0rem; padding:0.375rem; color:#7D7E86;}
.addressTopCz{color:#7D7E86; font-size:0.375rem; line-height:1.25rem; padding:0 0.375rem;}
.addressTopTips::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;}
.addressTopTips textarea{width:100%; height:2.0rem; outline:none; border:0; resize:none; font-size:0.375rem; padding:0.3125rem 0;}

.returnPolicyTitle{padding:0 0 0.375rem 0; font-weight:bold; font-size:0.4375rem;}
.returnPolicyText{color:#7D7E86; font-size:0.375rem; text-align:justify;}
.returnPolicyText p{margin:0.25rem 0;}
.returnPolicyText p span{color:#000;}


.applicationForm{background:#fff; padding:0 0.3125rem; margin:0.375rem; border-radius:0.25rem;}
.applicationInput{display:flex; flex-wrap:wrap; justify-content: space-between; font-size:0.375rem;  position:relative;}
.applicationInput::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;}
.applicationInput:first-child::after{height:0; border:0;}
.applicationTitle{width:2.75rem; line-height:1.5rem;}
.applicationRh{position:relative; font-size:0.40375rem; width:calc(100% - 2.75rem);}
.applicationRh label{position:absolute; right:0; top:0; font-size:0.375rem; font-weight:bold; width:0.5rem; height:0.5rem; text-align:center; border-radius:100%; line-height:1.5rem;}
.applicationRh input{width:100%; font-size:0.375rem; height:1.5rem; border:0;}
.applicationRh textarea{height:2.5rem; outline:none; width:100%; padding:0.4375rem 0; border:0; resize:none; font-size:0.375rem; line-height:0.625rem;}
.applicationRh select{border:0; width:100%; background: transparent; line-height:1.5rem; outline:none; font-size:0.375rem; height:1.5rem; -webkit-appearance: none;}
.updateZj{padding:0.3125rem 0;}
.updateZjBtn button{width:2.0rem; height:2.0rem; margin:0 auto; border:0.015625rem #E1E2EA solid; color:#BFBFCB; font-size:0.5rem; border-radius:0.25rem; background:#F1F1F5;}
.updateZjBtn button span{color:#BFBFCB; margin:0; font-size:0.75rem;}
.updateZjBtn span{font-size:0.3125rem; margin-top:0.125rem; color:#FF473A; display:block;}
.updateZjImg{width:2.0rem; position:relative;}
.updateZjImg img{width:2.0rem; height:2.0rem; display:block; object-fit:cover; border-radius:0.25rem;}
.updateZjImg span{font-size:0.5rem; position:absolute; right:-0.25rem; top:-0.25rem; color:#111;}

.transactionContainer{ padding-bottom:1.75rem; overflow:hidden;}
.recordTop{background:url(../img/recordBg.jpg?v=4) no-repeat; background-size:100% 4.5rem; height:4.5rem; padding:0.75rem 0.5625rem; border-radius:0.25rem 0.25rem 0 0; margin:0.375rem 0.3125rem 0 0.3125rem; }
.amountWithdrawn{border-radius:0.25rem; background:#fff; padding:0.375rem 0.375rem 0 0.375rem; margin:0.75rem 0.375rem 0.375rem 0.375rem; box-shadow:0 0 0.3125rem rgba(0,0,0,0.0);}
.amountWithdrawnNum{position:relative; padding-left:0.25rem; font-size:0.5rem; display:flex; justify-content:space-between; align-items:center; margin:0.5rem 0 0 0;}
.amountWithdrawnNum::after{content:""; position:absolute; left:0; top:0; border-bottom:1px #000 solid; width:200%; height:200%; transform:scale(0.5); transform-origin:0 0; pointer-events:none;}
.amountWithdrawnNum input{background:transparent; text-align:center; border:0; outline:none; height:1.5rem; padding:0; font-size:0.625rem; width:calc(100% - 0.75rem);}
.amountWithdrawnNum input::-webkit-input-placeholder{color:#aaa; font-size:0.5rem;}
.amountWithdrawnNum button{border:0; background:#006636; height:0.625rem; width:1.0rem; color:#fff; font-size:0.3125rem; border-radius:1.0rem;}
.amountAvailable{font-size:0.34375rem; color:#7D7E86;}
.amountAvailable span{color:#BC9367;}
.payme{border-radius:0.3125rem; background:#fff; padding:0.125rem 0.375rem; margin:0.375rem; box-shadow:0 0 0.3125rem rgba(0,0,0,0.1);}
.payme input{border:0; outline:none; height:1.5rem; width:100%; font-size:0.4375rem;}
.transactionType{display:flex; align-items:center; justify-content:space-between; padding-right:0.5rem; height:1.5rem; font-size:0.375rem; position:relative;}
.transactionType select{border:0; background: transparent; line-height:1.5rem; outline:none; font-size:0.375rem; height:1.5rem; -webkit-appearance: none;}
.transactionType label{position:absolute; right:0; top:0; font-size:0.375rem; font-weight:bold; width:0.5rem; height:0.5rem; text-align:center; border-radius:100%; line-height:1.5rem;}
.transferDetailNum{padding:0.625rem 0.25rem 0.75rem 0.25rem; display:flex; align-items:center; justify-content:space-between;}
.transferDetailNumItem{flex:1;}
.transferDetailNum b{display:block; text-align:center; font-size:0.625rem;}
.transferDetailNum label{display:block; text-align:center; font-size:0.34375rem; margin-top:0.125rem;}
.corporationAccounts{background:#F9EDE0; margin:0.375rem; border-radius:0.25rem; padding:0.375rem;}
.corporationAccountsCont{display:flex; align-items:center; margin-top:0.375rem;}
.corporationAccountsImg img{width:1.0rem; display:block;}
.corporationAccountsInfo{flex:1; margin-left:0.25rem; font-size:0.375rem;}
.corporationAccountsInfo span{display:block; margin:0.1625rem 0;}
.electronicContract{background:#fff; margin:0.375rem; border-radius:0.25rem; padding:0.25rem 0.375rem 0.375rem 0.375rem;}
.contractDown{display:flex; align-items:center; justify-content:flex-end;}
.contractDown button{background:transparent; border:0; color:#006636; font-size:0.3125rem; display:flex; align-items:center; height:0.75rem;}
.downIcon{background:url(../img/downIcon.png) no-repeat; margin-right:0.125rem; width:0.375rem; height:0.375rem; background-size:0.375rem 0.375rem;}
.electronicContractUpdate button{width:2.0rem; height:2.0rem; display:block; margin:0 auto; border:0.015625rem #E1E2EA solid; color:#BFBFCB; font-size:0.5rem; border-radius:0.25rem; background:#F1F1F5;}
.electronicContractUpdate button span{color:#BFBFCB; margin:0; font-size:0.75rem;}
.electronicContractUpdate span{font-size:0.34375rem; text-align:center; margin-top:0.125rem; color:#7D7E86; display:block;}
.electronicContractItem{display:flex; align-items:center; justify-content:space-between; color:#455; margin-top:0.25rem; font-size:0.34375rem; height:0.75rem;}
.electronicContractItem span{text-decoration: underline; flex:1;}
.electronicContractItem label{color:#7D7E86; font-size:0.5rem;}
.contractRules{background:#fff; margin:0.375rem; border-radius:0.25rem; padding:0.375rem;}
.contractPost{font-size:0.34375rem;}
.contractPost p{color:#7D7E86; text-align:justify; margin-top:0.125rem; font-size:0.3125rem;}
.contractReceiving{background:#F1F1F5; border-radius:0.25rem; font-size:0.3125rem; padding:0.125rem 0.3125rem; margin-top:0.3125rem;}
.contractReceivingText{padding:0.125rem 0; display:flex; align-items:center; justify-content:space-between;}
.contractReceivingText label{background:#F0D1B0; padding:0 0.0625rem; height:0.5rem; line-height:0.5625rem;}
.cashBot{background:#fff; position:fixed; left:0; bottom:0; right:0; box-shadow:0 0 0.3125rem rgba(0,0,0,0.1); z-index:999; display:flex; align-items:center; justify-content:space-between; padding:0.25rem 0.1625rem;}
.recordIcon{background:url(../img/recordIcon.png) no-repeat; width:0.625rem; height:0.625rem; background-size:0.625rem 0.625rem; display:block;}
.cashRecordLink a{display:flex; justify-content:center; flex:1;}
.cashRecordLink{width:2.0rem; display:flex; align-items: ;}
.cashBtn{display:flex; flex:1; margin:0 0.25rem;}
.cashBtn button {
    color: #fff;
    width: 100%;
    margin: 0 auto;
    border: 0;
    border-radius: 1.0rem;
    font-size: 0.40375rem;
    text-align: center;
    display: block;
    line-height: 1.125rem;
    background: linear-gradient(to right,#006636,#006636);
}
.teamTab{overflow:hidden; margin-top:0.875rem;}
.teamTab ul{webkit-align-items: center; align-items: center; display: -webkit-box; -webkit-box-align: center; display:flex; display: -webkit-flex;}
.teamTab ul li{font-size:0.4088rem; padding:0 0.25rem 0 0; text-align:center; height:0.933rem; line-height:0.933rem; } 
.teamTab ul li.active a{position:relative; display:block; background:#ff9847; color:#fff;}
.teamTab ul li.active a::after{content:""; position:absolute; left:0.125rem; right:0.125rem; bottom:0; border-radius:4px; height:0; background:#2f2859;}
.teamTab ul li a{display:inline-block; background:#fff; padding:0 0.5625rem;  border-radius:0.75rem; color:#000; position:relative;} 
.teamCont{height:calc(100% - 1.25rem); margin:-0.125rem 0 0 0;}
.teamCont .integralRecordItem{margin:0.125rem 0.3125rem;}
.teamTab-pane{display:none; height:100%;  position:relative;}
.teamCont div.show{display:block;}


.messageItem{background:#fff; padding:0.375rem 0.3125rem; border-radius:0.25rem; margin:0.125rem 0.375rem;}
.messageTitle{display:flex; align-items:center; justify-content:space-between; margin-bottom:0.0625rem;}
.messageTitle span{flex:1; font-size:0.44rem; font-weight:500;}
.messageTitle label{font-size:0.3512rem;}
.messageTitle label.green{color:#ff7300;}
.messageTitle label.red{color:#006636;}
.messageText{font-size:0.3512rem; }

.searchBox{padding:0.267rem 0.375rem; position:sticky;background:#f6f6f6; background-size:100% auto; z-index:999; top:0; left:0; right:0;}
.searchInput{display:flex; align-items:center; position:relative; border:1px #006636 solid; border-radius:0.25rem;}
.searchInput select{height:0.8265rem;  border:0;  border-right:0.03125rem #006636 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; width:calc(100% - 3.75rem); background:transparent; border:0; padding:0 0.25rem; font-size:0.3512rem;}
.searchInput button{background: #006636; 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.375rem 0.875rem 0.375rem; position:relative; z-index: 99;}
.searchKeywordTitle{font-size:0.373rem;}
.searchKeywordList{display:flex; flex-wrap:wrap;}
.searchKeywordList span{color:#006636; 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:#006636; background:#ffe5d2; 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 #006636 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;}

.greenHeader{background:url(../img/recordBg.jpg);height:1.3125rem; background-size:100% auto; position:sticky; left:0; top:0; right:0; z-index:999; line-height:1.3125rem; display:flex; align-items:center;}
.myTeamCont{background:url(../img/recordBg.jpg) no-repeat left -1.3125rem; background-size:100% auto; padding:0 0.3125rem;}
.myTeam{background:#fff; padding:0.25rem 0.375rem; display:flex; flex-wrap:wrap; justify-content:space-between; border-radius:0.25rem;}
.myTeamItem{line-height:0.75rem; width:48%; margin:0.1625rem 0; text-align:center; border-radius:0.25rem; justify-content:space-between; background:#f5f7fa; padding:0.5rem 0.375rem;}
.myTeamItem span{font-size:0.34375rem; color:#666; display:block;}
.myTeamItem b{font-size:0.525rem; color:#006636; display:block;}
.myTeamItem:nth-of-type(8){display:flex; align-items:center; justify-content:center; font-size:0.40375rem;}
.myTeamItem:nth-of-type(8) span{font-size:0.40375rem; color:#006636;}


.eyesIcon{background:url(../img/hideIcon.png) no-repeat; display:block; margin:0.1625rem 0 0 auto; width:0.5rem; height:0.5rem; background-size:0.5rem 0.5rem;}
.eyeball{background:transparent; align-items:center; justify-content:flex-end; position:absolute; width:1.375rem; height:0.8rem; right:0.125rem;}
.eyeball.show .eyesIcon{background:url(../img/showIcon.png) no-repeat; display:block; margin:0.1625rem 0 0 auto; width:0.5rem; height:0.5rem; background-size:0.5rem 0.5rem;}

.tranGoldInput div.eyeball{top:0.125rem; right:0.3125rem; width:1.375rem; line-height:0.8rem;}
.tranGoldInput div span{width:0.5rem;}

.feedBackTips{padding:0.375rem; font-size:0.375rem;}
.feedBackTips span{display:block; margin:0.5rem 0 0 0;}
.feedBackTips span:first-of-type{margin:0;}
.passwordSettingTips{font-size:0.3125rem; padding:0.125rem 0 0.25rem 0; color:#889;}