.IntegralGoodsList{padding:30px 0 60px;display:flex}.IntegralGoodsList .leftClassBox{width:230px}.IntegralGoodsList .leftClassBox .integralInfoBox{height:270px;border:1px solid #f1f1f1;margin-bottom:20px;background-color:#fff}.IntegralGoodsList .leftClassBox .integralInfoBox .topTitle{font-weight:700;font-size:14px;background-color:#f2f2f2;height:45px;line-height:45px;padding-left:20px;border-bottom:1px solid #f1f1f1;color:#444;display:flex;align-items:center;justify-content:space-between;padding-right:20px;box-sizing:border-box}.IntegralGoodsList .leftClassBox .integralInfoBox .topTitle .explain{display:flex;align-items:center;font-size:12px;font-weight:400;color:#999;cursor:pointer}.IntegralGoodsList .leftClassBox .integralInfoBox .topTitle .explain .el-icon-warning-outline{font-size:14px;margin-left:2px}.IntegralGoodsList .leftClassBox .integralInfoBox .topTitle .explain:hover{color:#575757}.IntegralGoodsList .leftClassBox .integralInfoBox .showIntegralInfo .unLoginShow{padding:20px;box-sizing:border-box}.IntegralGoodsList .leftClassBox .integralInfoBox .showIntegralInfo .unLoginShow p{font-size:14px;color:#999;text-align:center}.IntegralGoodsList .leftClassBox .integralInfoBox .showIntegralInfo .unLoginShow p:first-child{line-height:120px}.IntegralGoodsList .leftClassBox .integralInfoBox .showIntegralInfo .unLoginShow .el-button{width:100%;margin-bottom:20px}.IntegralGoodsList .leftClassBox .integralInfoBox .loginShow{color:#444;text-align:center;padding:17px;font-size:14px}.IntegralGoodsList .leftClassBox .integralInfoBox .loginShow .el-image{width:57px;height:57px}.IntegralGoodsList .leftClassBox .integralInfoBox .loginShow .userPhoneText{border-bottom:1px solid #f1f1f1;padding-bottom:15px;margin-top:5px;margin-bottom:5px}.IntegralGoodsList .leftClassBox .integralInfoBox .loginShow .myIntegralNum{font-size:30px;margin:13px 0}.IntegralGoodsList .leftClassBox .integralInfoBox .loginShow .subText{font-size:12px;display:flex;align-items:center;justify-content:space-between;margin-top:8px}.IntegralGoodsList .leftClassBox .integralInfoBox .loginShow .subText span{display:flex;align-items:center;color:#575757;cursor:pointer}.IntegralGoodsList .leftClassBox .integralInfoBox .loginShow .subText span i{color:#f1f1f1;font-size:16px;transform:translateY(1px)}.IntegralGoodsList .leftClassBox .integralInfoBox .loginShow .subText span:hover i{color:#575757}.IntegralGoodsList .leftClassBox .integralInfoBox.exchangeRank{height:350px}.IntegralGoodsList .leftClassBox .integralInfoBox.exchangeRank .exchangeRankList{overflow:auto;max-height:305px;box-sizing:border-box;padding:15px 10px 15px 15px}.IntegralGoodsList .leftClassBox .integralInfoBox.exchangeRank .exchangeRankList .el-collapse{color:#444;border:none}.IntegralGoodsList .leftClassBox .integralInfoBox.exchangeRank .exchangeRankList .el-collapse .el-collapse-item__header{height:38px;border:none}.IntegralGoodsList .leftClassBox .integralInfoBox.exchangeRank .exchangeRankList .el-collapse .el-collapse-item__header .goodsNameSpan{height:100%;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transform:translateY(-3px)}.IntegralGoodsList .leftClassBox .integralInfoBox.exchangeRank .exchangeRankList .el-collapse .el-collapse-item__header .indexIcon{margin-right:5px;width:18px;min-width:18px;height:18px;line-height:16px;font-size:12px;color:#444;text-align:center;box-sizing:border-box;border-radius:50%}.IntegralGoodsList .leftClassBox .integralInfoBox.exchangeRank .exchangeRankList .el-collapse .el-collapse-item__header .indexIcon.index1{color:#fff;background-color:#fdb616;border:2px solid #fae170}.IntegralGoodsList .leftClassBox .integralInfoBox.exchangeRank .exchangeRankList .el-collapse .el-collapse-item__header .indexIcon.index2{color:#fff;background-color:#afbbc4;border:2px solid #d5e0ea}.IntegralGoodsList .leftClassBox .integralInfoBox.exchangeRank .exchangeRankList .el-collapse .el-collapse-item__header .indexIcon.index3{color:#fff;background-color:#d19f84;border:2px solid #f8d0ba}.IntegralGoodsList .leftClassBox .integralInfoBox.exchangeRank .exchangeRankList .el-collapse .el-collapse-item__wrap{border:none}.IntegralGoodsList .leftClassBox .integralInfoBox.exchangeRank .exchangeRankList .el-collapse .goodsRankBox{display:flex;align-items:center;cursor:pointer}.IntegralGoodsList .leftClassBox .integralInfoBox.exchangeRank .exchangeRankList .el-collapse .goodsRankBox .el-image{width:60px;height:60px}.IntegralGoodsList .leftClassBox .integralInfoBox.exchangeRank .exchangeRankList .el-collapse .goodsRankBox:hover{opacity:.8}.IntegralGoodsList .leftClassBox .integralInfoBox.exchangeRank .exchangeRankList .el-collapse .goodsRankBox .priceNum{margin-left:10px;font-size:12px}.IntegralGoodsList .rightContent{flex:1;margin-left:20px}.IntegralGoodsList .rightContent .topSearch{background-color:#fff;border:1px solid #e5e5e5;padding:0 20px;box-sizing:border-box}.IntegralGoodsList .rightContent .topSearch .classList{display:flex;height:64px;align-items:center;border-bottom:1px solid #e5e5e5;font-size:14px}.IntegralGoodsList .rightContent .topSearch .classList .statusItem{padding:3px 10px;cursor:pointer;border-radius:2px}.IntegralGoodsList .rightContent .topSearch .classList .statusItem:hover{opacity:.8}.IntegralGoodsList .rightContent .topSearch .classList .statusItem.active{background-color:#006cda;color:#fff}.IntegralGoodsList .rightContent .topSearch .integralRange{height:65px;display:flex;align-items:center;font-size:14px}.IntegralGoodsList .rightContent .topSearch .integralRange .el-input{width:96px;margin:0 8px}.IntegralGoodsList .rightContent .topSearch .integralRange .el-input .el-input__inner{height:26px;box-sizing:border-box;border:1px solid #e5e5e5;border-radius:2px}.IntegralGoodsList .rightContent .topSearch .integralRange .el-button{height:26px;padding-top:0;padding-bottom:0;line-height:26px}.IntegralGoodsList .rightContent .integralGoodsListContainer{margin:15px 0}.IntegralGoodsList .rightContent .integralGoodsListContainer .el-row .el-col{margin-bottom:15px}.IntegralGoodsList .rightContent .integralGoodsListContainer .el-row .el-col .integralGoodsItem{background-color:#fff;border:1px solid #dbdbdb;height:300px;cursor:pointer;color:#444;box-sizing:border-box;padding-left:10px;padding-right:10px}.IntegralGoodsList .rightContent .integralGoodsListContainer .el-row .el-col .integralGoodsItem:hover{border:1px solid #60c0ff}.IntegralGoodsList .rightContent .integralGoodsListContainer .el-row .el-col .integralGoodsItem .goodsImgBox{display:flex;align-items:center;justify-content:center;margin-top:30px}.IntegralGoodsList .rightContent .integralGoodsListContainer .el-row .el-col .integralGoodsItem .goodsImgBox .el-image{width:160px;height:160px}.IntegralGoodsList .rightContent .integralGoodsListContainer .el-row .el-col .integralGoodsItem .goodsName{height:40px;font-size:14px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.IntegralGoodsList .rightContent .integralGoodsListContainer .el-row .el-col .integralGoodsItem .integralNumBox{margin-top:10px;display:flex;align-items:center;justify-content:space-between}.IntegralGoodsList .rightContent .integralGoodsListContainer .el-row .el-col .integralGoodsItem .integralNumBox .integralNum{color:#f04a4a}.IntegralGoodsList .rightContent .integralGoodsListContainer .el-row .el-col .integralGoodsItem .integralNumBox .el-button:not(:hover){background-color:#fff}