.gift-app-background{background:#f2f2f2;width:1200px;margin:0 auto;padding:20px 0}.gift-app-background .welfare-page-container{width:1200px;margin:0 auto}.gift-app-background .welfare-page-container .welfare-module1{display:flex;justify-content:space-between}.welfare-hot-container{width:330px;background:#fff;border-radius:7px;height:515px}.welfare-hot-container .hot-title{line-height:50px;border-bottom:1px solid #EEEEEE;margin:0 20px 10px;display:flex;align-items:center;padding-top:8px}.welfare-hot-container .hot-title h3{font-size:1.2rem;font-weight:700;text-indent:10px;margin:10px 0}.welfare-hot-container .hot-list{padding:0 30px}.welfare-hot-container .hot-list .hot-list-item{display:flex;justify-content:space-between;margin-bottom:15px}.welfare-hot-container .hot-list .hot-list-item .wel-icon{width:50px;height:50px;overflow:hidden}.welfare-hot-container .hot-list .hot-list-item .wel-info{flex-grow:1;margin-left:10px;padding:5px 0;display:flex;flex-direction:column;justify-content:space-between}.welfare-hot-container .hot-list .hot-list-item .wel-info span{display:block}.welfare-hot-container .hot-list .hot-list-item .wel-info .wel-i-title{font-weight:700}.welfare-hot-container .hot-list .hot-list-item .wel-info .w-i-desc{color:#a8a8a8;font-size:12px}.welfare-hot-container .hot-list .hot-list-item .wel-info .w-i-desc b{color:#f49000;padding:0 2px}.welfare-hot-container .hot-list .hot-list-item .wel-gain{display:flex;align-items:center}.welfare-banner-container{width:850px;display:flex;flex-direction:column;justify-content:space-between}.welfare-banner-container .wel-banner-wrapper{height:325px;overflow:hidden;border-radius:7px}.welfare-banner-container .wel-rec-wrapper{width:850px}.welfare-banner-container .wel-rec-wrapper .rec-list{display:flex;justify-content:space-between}.welfare-banner-container .wel-rec-wrapper .rec-list .rec-gift{display:inline-block;width:270px;height:185px;overflow:hidden;border-radius:7px}.welfare-banner-container .wel-rec-wrapper .rec-list .rec-gift img{border-radius:7px}.welfare-list-container{margin:20px auto;border-radius:7px;background:#fff}.welfare-list-container .wel-list-header{margin:0 20px;padding:15px 0;border-bottom:1px solid #EEEEEE;display:flex;justify-content:space-between}.welfare-list-container .wel-list-header .header-l .game-type,.welfare-list-container .wel-list-header .header-l .game-type .type-wraper{display:flex;align-items:center}.welfare-list-container .wel-list-header .header-l .game-type .type-wraper .g-t-item{margin:0 10px}.welfare-list-container .wel-list-header .header-r{width:280px}.welfare-list-container .wel-list-header .header-r .my-welfare-list a{color:#337ecc;padding:3px 0}.welfare-list-container .wel-list-wapper{padding:20px;display:flex;flex-wrap:wrap;justify-content:space-between}.welfare-list-container .wel-list-wapper .game-wel-item{width:220px;display:flex;border-radius:8px;padding:10px 15px}.welfare-list-container .wel-list-wapper .game-wel-item .gift-icon{border-radius:13px;overflow:hidden;width:108px}.welfare-list-container .wel-list-wapper .game-wel-item .gift-icon img{max-width:100%;height:auto}.welfare-list-container .wel-list-wapper .game-wel-item .gift-info{padding:7px 10px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:90px}.welfare-list-container .wel-list-wapper .game-wel-item .gift-info .g-i-name{font-weight:700;font-size:16px}.welfare-list-container .wel-list-wapper .game-wel-item .gift-info .g-i-desc{color:#a8a8a8;font-size:12px}.welfare-list-container .wel-list-wapper .game-wel-item .gift-info .g-i-desc b{color:red;padding:0 2px}.welfare-list-container .wel-list-wapper .game-wel-item:hover{background-color:#f6f6f6}