body{background-color:#f7f7f7}.banner{width:100%;height:400px;position:relative}.banner-box>div>a{display:inline-block;width:100%;height:100%;background:no-repeat center center}.layui-carousel-ind ul,.layui-carousel-ind ul:hover{background-color:unset}.layui-carousel-ind li{height:5px;width:20px;border-radius:unset;margin:0 8px}.layui-carousel-arrow[lay-type=add]{display:none!important}.task-container{height:80px;background-color:#fff}.task-container>div{height:100%;display:flex;align-items:center;font-size:14px;color:#5c5c5c}.task-container>div .useName img{width:50px;height:50px;background-color:#dcdcdc;border-radius:50%;box-shadow:0 10px 29px 3px rgba(152,56,76,.2);margin-right:5px}.task-container>div .useName{margin-right:200px;font-family:SourceHanSansCN-Light,serif;cursor:text}.task-container>div .integral{margin-right:165px;font-family:SourceHanSansCN-Light,serif}.task-container>div .integral>a .number{font-size:24px;font-family:SourceHanSansCN-Medium,serif}.task-container>div .to-do a,.task-container>div>a{color:#e86c2c;display:flex;align-items:center}.task-container>div .to-do a i{margin-right:5px;font-size:25px}.task-container>div>a{justify-content:center;width:100px;height:30px;border-radius:15px;border:solid 1px #a8a8a8;margin-right:0;margin-left:54px;color:#5c5c5c;font-family:SourceHanSansCN-ExtraLight,serif}.task-container>div a:nth-of-type(1){margin-left:auto}.middlePortion{width:1205px;height:900px;margin:0 auto}.navigation{width:1205px;height:36px;margin-top:33px;font-size:16px;display:flex;justify-content:space-between;margin-bottom:15px}.navigationLeft{display:flex;align-items:center;height:36px}.navigationLeft>span{display:block;margin-right:30px;cursor:pointer}.navigationRight{width:370px;height:36px;background-color:#fff;border-radius:8px;border:solid 1px #bb0511;display:flex}.search{width:280px;height:32px;margin-top:2px;margin-left:5px;border:0}.searchBut{width:82px;height:29px;background-color:#bb0511;border-radius:6px;margin:auto 0;display:flex;justify-content:center;align-items:center;cursor:pointer}.searchBut>span{font-size:16px;line-height:45px;letter-spacing:0;color:#fff;margin-left:5px;font-family:SourceHanSansCN-Medium,serif}.allCommodity{width:1280px;display:flex;flex-wrap:wrap}.CommodityCard{width:288px;height:400px;margin-right:16px;margin-bottom:30px;border-radius:8px;cursor:pointer;position:relative;background-color:#fff}.CommodityCard>img{width:288px;height:288px}.CommodityName{font-size:20px;display:flex;justify-content:center;align-items:center;height:50px;padding:10px;border-top:1px dashed #e0e0e0}.CommodityPrice,.task{height:42px;margin:0 20px;position:relative}.CommodityPrice{display:flex;justify-content:space-between;align-items:center}.task{display:block}.CommodityPrice>div:nth-of-type(1)>span:nth-of-type(1){font-size:20px;color:#bb0511}.CommodityPrice>div:nth-of-type(1)>span:nth-of-type(2){font-size:14px;color:#2e2e2e}.button{background-color:#bb0511;color:#fff;font-size:14px;border-radius:6px;position:absolute;display:block;top:0;left:0;width:100%;height:30px;line-height:30px;text-align:center;opacity:0}.CommodityCard:hover .button,.button:hover{opacity:1}.buyBtn,.desc{display:flex;align-items:center}.buyBtn{width:80px;height:28px;margin-top:-5px;background-color:#bb0511;border-radius:6px 6px 6px 6px;justify-content:center;color:#fff;font-size:14px}.desc{justify-content:space-between}.desc div .number{color:#bb0511}.CommodityCard:hover{width:288px;height:400px;margin-right:16px;margin-bottom:30px;background-color:#fff;box-shadow:0 0 22px 0#ccc4c4;box-sizing:border-box;border-radius:8px;cursor:pointer;position:relative}.CommodityCard:nth-of-type(4),.CommodityCard:nth-of-type(8){margin-right:0}.recommend,.timeLimit{width:66px;height:26px;background-color:#e86c2c;border-radius:0 0 6px 6px;font-size:14px;color:#fff;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:200px}.recommend{width:50px}.active{display:inline-block;color:#be141b;font-weight:600;font-size:18px;border-bottom:2px solid #be141b}